{"version":3,"file":"InfiniteQuery.vue.4f8d014d.js","sources":["../../../../node_modules/.pnpm/@tanstack+query-core@4.35.3/node_modules/@tanstack/query-core/build/lib/infiniteQueryObserver.mjs","../../../../node_modules/.pnpm/@tanstack+vue-query@4.35.3_vue@3.4.21_typescript@5.4.5_/node_modules/@tanstack/vue-query/build/lib/useInfiniteQuery.mjs","../../../../src/assets/imgs/empty-s1.svg","../../../../src/pages-components/blog/components/InfiniteQuery.vue"],"sourcesContent":["import { QueryObserver } from './queryObserver.mjs';\nimport { infiniteQueryBehavior, hasNextPage, hasPreviousPage } from './infiniteQueryBehavior.mjs';\n\nclass InfiniteQueryObserver extends QueryObserver {\n  // Type override\n  // Type override\n  // Type override\n  // eslint-disable-next-line @typescript-eslint/no-useless-constructor\n  constructor(client, options) {\n    super(client, options);\n  }\n\n  bindMethods() {\n    super.bindMethods();\n    this.fetchNextPage = this.fetchNextPage.bind(this);\n    this.fetchPreviousPage = this.fetchPreviousPage.bind(this);\n  }\n\n  setOptions(options, notifyOptions) {\n    super.setOptions({ ...options,\n      behavior: infiniteQueryBehavior()\n    }, notifyOptions);\n  }\n\n  getOptimisticResult(options) {\n    options.behavior = infiniteQueryBehavior();\n    return super.getOptimisticResult(options);\n  }\n\n  fetchNextPage({\n    pageParam,\n    ...options\n  } = {}) {\n    return this.fetch({ ...options,\n      meta: {\n        fetchMore: {\n          direction: 'forward',\n          pageParam\n        }\n      }\n    });\n  }\n\n  fetchPreviousPage({\n    pageParam,\n    ...options\n  } = {}) {\n    return this.fetch({ ...options,\n      meta: {\n        fetchMore: {\n          direction: 'backward',\n          pageParam\n        }\n      }\n    });\n  }\n\n  createResult(query, options) {\n    var _state$fetchMeta, _state$fetchMeta$fetc, _state$fetchMeta2, _state$fetchMeta2$fet, _state$data, _state$data2;\n\n    const {\n      state\n    } = query;\n    const result = super.createResult(query, options);\n    const {\n      isFetching,\n      isRefetching\n    } = result;\n    const isFetchingNextPage = isFetching && ((_state$fetchMeta = state.fetchMeta) == null ? void 0 : (_state$fetchMeta$fetc = _state$fetchMeta.fetchMore) == null ? void 0 : _state$fetchMeta$fetc.direction) === 'forward';\n    const isFetchingPreviousPage = isFetching && ((_state$fetchMeta2 = state.fetchMeta) == null ? void 0 : (_state$fetchMeta2$fet = _state$fetchMeta2.fetchMore) == null ? void 0 : _state$fetchMeta2$fet.direction) === 'backward';\n    return { ...result,\n      fetchNextPage: this.fetchNextPage,\n      fetchPreviousPage: this.fetchPreviousPage,\n      hasNextPage: hasNextPage(options, (_state$data = state.data) == null ? void 0 : _state$data.pages),\n      hasPreviousPage: hasPreviousPage(options, (_state$data2 = state.data) == null ? void 0 : _state$data2.pages),\n      isFetchingNextPage,\n      isFetchingPreviousPage,\n      isRefetching: isRefetching && !isFetchingNextPage && !isFetchingPreviousPage\n    };\n  }\n\n}\n\nexport { InfiniteQueryObserver };\n//# sourceMappingURL=infiniteQueryObserver.mjs.map\n","import { InfiniteQueryObserver } from '@tanstack/query-core';\nimport { useBaseQuery } from './useBaseQuery.mjs';\n\nfunction useInfiniteQuery(arg1, arg2, arg3) {\n  const result = useBaseQuery(InfiniteQueryObserver, arg1, arg2, arg3);\n  return { ...result,\n    fetchNextPage: result.fetchNextPage.value,\n    fetchPreviousPage: result.fetchPreviousPage.value,\n    refetch: result.refetch.value,\n    remove: result.remove.value\n  };\n}\n\nexport { useInfiniteQuery };\n//# sourceMappingURL=useInfiniteQuery.mjs.map\n","export default \"__VITE_ASSET__ced9ab41__\"","<script lang=\"ts\">\r\nimport { useIntersectionObserver, useIntervalFn } from '@vueuse/core'\r\nimport type { UseInfiniteQueryReturnType } from '@tanstack/vue-query'\r\nimport emptyImg from '~/assets/imgs/empty-s1.svg'\r\n\r\nfunction createTrigger(containerEle: Ref<HTMLElement | undefined>, callback: Function) {\r\n  if (import.meta.env.SSR)\r\n    return\r\n\r\n  const triggerEl = document.createElement('div')\r\n\r\n  Object.assign(triggerEl.style, {\r\n    position: 'relative',\r\n    zIndex: '5',\r\n    marginTop: '-40vh',\r\n    marginBottom: '40vh',\r\n    width: '5px',\r\n    height: '5px',\r\n    // background: 'red',\r\n  } satisfies Partial<CSSStyleDeclaration>)\r\n\r\n  useIntervalFn(() => {\r\n    const { transform } = triggerEl.style\r\n\r\n    if (transform)\r\n      triggerEl.style.removeProperty('transform')\r\n    else triggerEl.style.setProperty('transform', 'translateX(-200%)')\r\n  }, 250)\r\n\r\n  const triggerOb = useIntersectionObserver(triggerEl, ([entry]) => {\r\n    if (entry.isIntersecting)\r\n      callback()\r\n  })\r\n\r\n  watch(containerEle, (ele) => {\r\n    if (ele)\r\n      ele.append(triggerEl)\r\n  }, { immediate: true })\r\n\r\n  onUnmounted(() => {\r\n    triggerOb.stop()\r\n    triggerEl.remove()\r\n  })\r\n}\r\n</script>\r\n\r\n<script setup lang=\"ts\" generic=\"T extends UseInfiniteQueryReturnType<any, any>\">\r\ntype TPage = T extends UseInfiniteQueryReturnType<infer P, any> ? NonNullable<P> : any\r\ntype TRecord = TPage extends { list: Array<infer I> } ? I : any\r\n\r\nconst props = defineProps<{\r\n  queryier: T\r\n}>()\r\nconst { queryier } = props\r\nconst $container = ref(import.meta.env.SSR ? undefined : document.querySelector('#__nuxt') as HTMLElement)\r\nconst pages = computed(() => queryier.data.value?.pages)\r\n\r\nconst isEmpty = computed(() => queryier.isSuccess.value && !pages.value?.[0].list?.length)\r\nconst isFetching = computed(() => queryier.isFetchingNextPage.value || queryier.isLoading.value)\r\nconst isLoadingError = computed(() => queryier.isError.value)\r\nconst noMore = computed(() => !queryier.hasNextPage?.value)\r\n\r\nfunction fetchNextPage() {\r\n  const { isFetching, isLoading, hasNextPage } = queryier\r\n\r\n  if (isFetching.value || isLoading.value || !hasNextPage?.value)\r\n    return\r\n\r\n  queryier.fetchNextPage()\r\n}\r\n\r\ncreateTrigger($container, fetchNextPage)\r\n</script>\r\n\r\n<template>\r\n  <div>\r\n    <!-- 列表 -->\r\n    <div class=\"list\">\r\n      <template v-for=\"(page, i) of pages\" :key=\"i\">\r\n        <template v-for=\"record of page.list\">\r\n          <!-- eslint-disable-next-line vue/no-extra-parens -->\r\n          <slot :record=\"(record as TRecord)\" />\r\n        </template>\r\n      </template>\r\n    </div>\r\n\r\n    <!-- 空 -->\r\n    <div v-if=\"isEmpty\" class=\"mt-100px min-h-100px flex flex-col justify-center items-center\">\r\n      <img class=\"w-200px mb-15px\" :src=\"emptyImg\" :alt=\"$t('Q8smHu0l0nMmaFpE7_DHE')\">\r\n      <span class=\"text-#94a3b8\">{{ $t('Q8smHu0l0nMmaFpE7_DHE') }}</span>\r\n    </div>\r\n\r\n    <!-- 加载更多 -->\r\n    <div v-if=\"isFetching\" class=\"min-h-100px flex justify-center items-center\">\r\n      <i class=\"i-svg-spinners:180-ring-with-bg block text-30px color-#3870f0\" />\r\n    </div>\r\n\r\n    <!-- 加载失败 -->\r\n    <div v-if=\"isLoadingError\" class=\"min-h-100px flex justify-center items-center cursor-pointer\" @click=\"fetchNextPage()\">\r\n      <span class=\"text-#94a3b8\">{{ $t('ga4cH83C0emmMohyWjxN') }}</span>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n"],"names":["InfiniteQueryObserver","QueryObserver","constructor","client","options","super","bindMethods","this","fetchNextPage","bind","fetchPreviousPage","setOptions","notifyOptions","behavior","infiniteQueryBehavior","getOptimisticResult","pageParam","fetch","meta","fetchMore","direction","createResult","query","_state$fetchMeta","_state$fetchMeta$fetc","_state$fetchMeta2","_state$fetchMeta2$fet","_state$data","_state$data2","state","result","isFetching","isRefetching","isFetchingNextPage","fetchMeta","isFetchingPreviousPage","hasNextPage","data","pages","hasPreviousPage","useInfiniteQuery","arg1","arg2","arg3","useBaseQuery","value","refetch","remove","emptyImg","URL","url","href","props","__props","queryier","$container","ref","document","querySelector","computed","_a","isEmpty","isSuccess","_b","list","length","isLoading","isLoadingError","isError","containerEle","callback","triggerEl","createElement","Object","assign","style","position","zIndex","marginTop","marginBottom","width","height","useIntervalFn","transform","removeProperty","setProperty","triggerOb","useIntersectionObserver","entry","isIntersecting","watch","ele","append","immediate","onUnmounted","stop","createTrigger"],"mappings":"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","x_google_ignoreList":[0,1]}