qidian-vue-ui 1.0.73 → 1.0.75

package/dist/{index-DJv7PdD8.mjs → index-CtGgmcHz.mjs}

@@ -12021,8 +12021,8 @@ const QdConfigProvider = defineComponent({
     watchEffect(async () => {
       const localeMap = {
         "zh-CN": () => Promise.resolve().then(() => zhCN$1),
-        "zh-TW": () => import("./zh-TW-BSOP99L6.mjs"),
-        "en-US": () => import("./en-US-eFFubRMn.mjs")
+        "zh-TW": () => import("./zh-TW-BN9Qqcf5.mjs"),
+        "en-US": () => import("./en-US-CvOwuGrd.mjs")
       };
       const loadLocale = localeMap[props.locale] || localeMap["zh-CN"];
       const [err, res] = await to(
@@ -14642,6 +14642,10 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     } = useConfig("crud");
     const tableRef = useTemplateRef("table");
     const treeLoadIds = ref([]);
+    const scrollRecord = {
+      top: 0,
+      left: 0
+    };
     const reProps = computed(() => {
       const {
         service,
@@ -14671,6 +14675,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
         selectOnRowClick,
         expandOnRowClick,
         tree,
+        onScroll,
         ...tableOptions
       } = props;
       const reTableOptions = tableOptions;
@@ -14810,13 +14815,25 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
         }
       }
       const reSelectOnRowClick = selectOnRowClick ?? (!expandOnRowClick && !reTree?.expandTreeNodeOnClick);
+      const reOnScroll = (params) => {
+        onScroll?.(params);
+        const target = params.e.target;
+        if (!target) return;
+        const {
+          scrollTop,
+          scrollLeft
+        } = target;
+        scrollRecord.top = scrollTop;
+        scrollRecord.left = scrollLeft;
+      };
       return {
         tableOptions: {
           ...reTableOptions,
           columns: reColumns,
           selectOnRowClick: reSelectOnRowClick,
           expandOnRowClick,
-          tree: reTree
+          tree: reTree,
+          onScroll: reOnScroll
         },
         externalLoad: loading2,
         serviceOptions: {
@@ -14885,6 +14902,25 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
       if (index2 === -1) return;
       treeLoadIds.value.splice(index2, 1);
     }
+    function resumeScrollRecord() {
+      const el = tableRef.value?.$el;
+      if (!el) return;
+      const scrollEl = el.querySelector(".t-table__content");
+      if (!scrollEl) return;
+      const {
+        scrollTop,
+        scrollLeft
+      } = scrollEl;
+      const {
+        top,
+        left
+      } = scrollRecord;
+      if (top === scrollTop && left === scrollLeft) return;
+      scrollEl.scrollTo({
+        top,
+        left
+      });
+    }
     const expose = {
       tableLoad,
       firstLoad,
@@ -14902,6 +14938,9 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     onMounted(() => {
       Object.assign(expose, tableRef.value);
     });
+    onActivated(() => {
+      resumeScrollRecord();
+    });
     __expose(expose);
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(EnhancedTable), mergeProps({
@@ -14942,7 +14981,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const QdServiceTable = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-020b9102"]]);
+const QdServiceTable = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-3b89ba8f"]]);
 const _sfc_main$f = /* @__PURE__ */ defineComponent({
   ...{
     name: "QdServiceList"
@@ -14952,11 +14991,11 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     data: {},
     loading: { type: Boolean },
     loadingProps: {},
+    scroll: {},
     asyncLoading: {},
     footer: {},
     header: {},
     layout: {},
-    scroll: {},
     size: {},
     split: { type: Boolean },
     stripe: { type: Boolean },
@@ -14977,6 +15016,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     const { data } = /* @__PURE__ */ useVModels(props, emit, { passive: true });
     const { t } = useConfig("crud");
     const listRef = useTemplateRef("list");
+    let scrollTopRecord = 0;
     const reProps = computed(() => {
       const {
         service,
@@ -14991,12 +15031,17 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
         data: data2,
         loading: externalLoad,
         asyncLoading: externalAsyncLoad,
+        scroll,
         ...listOptions
       } = props;
       return {
+        scrollTarget: scroll?.target,
         externalLoad,
         externalAsyncLoad,
-        listOptions,
+        listOptions: {
+          ...listOptions,
+          scroll
+        },
         serviceOptions: {
           service,
           manual,
@@ -15050,13 +15095,56 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
       return "";
     });
     function onScroll({
+      scrollTop,
       scrollBottom
     }) {
+      scrollTopRecord = scrollTop;
       if (loading.value || noMore.value || scrollBottom > (reProps.value.listOptions.scroll?.rowHeight ?? 100)) {
         return;
       }
       loadMore();
     }
+    function getScrollTargetEl() {
+      const { scrollTarget } = reProps.value;
+      if (!scrollTarget) return null;
+      if (typeof scrollTarget !== "string") return scrollTarget;
+      return document.querySelector(scrollTarget);
+    }
+    function onTargetScroll(evt) {
+      const { scrollHeight, clientHeight, scrollTop } = evt.target;
+      const scrollBottom = scrollHeight - clientHeight - scrollTop;
+      onScroll({ scrollTop, scrollBottom });
+    }
+    function addListerTarget() {
+      const el = getScrollTargetEl();
+      if (!el) return;
+      removeListerTarget();
+      el.addEventListener("scroll", onTargetScroll);
+    }
+    function removeListerTarget() {
+      const el = getScrollTargetEl();
+      if (!el) return;
+      el.removeEventListener("scroll", onTargetScroll);
+    }
+    function resumeScrollTopRecord() {
+      let el = getScrollTargetEl();
+      if (!el) el = listRef.value?.$el;
+      if (!el) return;
+      const { scrollTop } = el;
+      const currentScrollTopRecord = scrollTopRecord;
+      if (currentScrollTopRecord === scrollTop) return;
+      const core2 = () => {
+        el.scrollTo({ top: currentScrollTopRecord });
+        setTimeout(() => {
+          if (!el) return;
+          const { scrollTop: scrollTop2, scrollHeight } = el;
+          if (scrollHeight < currentScrollTopRecord) return;
+          if (scrollTop2 >= currentScrollTopRecord) return;
+          core2();
+        });
+      };
+      core2();
+    }
     const expose = {
       data: serviceData,
       firstLoad,
@@ -15073,8 +15161,19 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
       mutate
     };
     onMounted(() => {
+      addListerTarget();
       Object.assign(expose, listRef.value);
     });
+    onActivated(() => {
+      resumeScrollTopRecord();
+      addListerTarget();
+    });
+    onDeactivated(() => {
+      removeListerTarget();
+    });
+    onBeforeUnmount(() => {
+      removeListerTarget();
+    });
     __expose(expose);
     return (_ctx, _cache) => {
       const _directive_loading = resolveDirective("loading");
@@ -15108,7 +15207,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const QdServiceList = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-278ab729"]]);
+const QdServiceList = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-7fcb430a"]]);
 const qdDictConvStrSeparator = ",";
 const qdDictSelectProps = {
   showArrow: true,
@@ -17480,11 +17579,11 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
       type: Boolean
     },
     loadingProps: {},
+    scroll: {},
     asyncLoading: {},
     footer: {},
     header: {},
     layout: {},
-    scroll: {},
     size: {},
     split: {
       type: Boolean
@@ -18865,4 +18964,4 @@ export {
   qdFormGutter as y,
   qdFormGrid as z
 };
-//# sourceMappingURL=index-DJv7PdD8.mjs.map
+//# sourceMappingURL=index-CtGgmcHz.mjs.map