{"version":3,"file":"InfiniteQuery.vue-legacy.9f5c842f.js","sources":["../../../../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","../../../../node_modules/.pnpm/@tanstack+query-core@4.35.3/node_modules/@tanstack/query-core/build/lib/infiniteQueryObserver.mjs","../../../../src/assets/imgs/empty-s1.svg","../../../../src/pages-components/blog/components/InfiniteQuery.vue"],"sourcesContent":["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","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","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":["arg1","arg2","arg3","result","useBaseQuery","InfiniteQueryObserver","fetchNextPage","value","fetchPreviousPage","refetch","remove","QueryObserver","constructor","client","options","super","bindMethods","this","bind","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","isFetching","isRefetching","isFetchingNextPage","fetchMeta","isFetchingPreviousPage","hasNextPage","data","pages","hasPreviousPage","emptyImg","URL","module","url","href","props","__props","queryier","$container","ref","document","querySelector","computed","_queryier$data$value","isEmpty","_pages$value","isSuccess","list","length","isLoading","isLoadingError","isError","_queryier$hasNextPage","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]}