sctj-components 1.0.36 → 1.0.38

package/lib/sctj-components.es.js

@@ -1,4 +1,4 @@
-import { computed as computed$1, resolveComponent, openBlock, createElementBlock, Fragment, renderList, unref, normalizeClass, toDisplayString, createBlock, withCtx, createTextVNode, createCommentVNode, createElementVNode, ref as ref$1, watch, mergeProps, createSlots, renderSlot, createVNode, TransitionGroup, useCssVars, withModifiers, normalizeStyle, nextTick, onMounted as onMounted$1, onUnmounted, isRef, withDirectives, vShow, onBeforeMount, getCurrentInstance, reactive, resolveDirective, toRefs, resolveDynamicComponent, withKeys, pushScopeId, popScopeId, useSlots, onBeforeUnmount, markRaw, shallowRef } from "vue";
+import { computed as computed$1, resolveComponent, openBlock, createElementBlock, Fragment, renderList, unref, normalizeClass, toDisplayString, createBlock, withCtx, createTextVNode, createCommentVNode, createElementVNode, ref as ref$1, watch, mergeProps, createSlots, renderSlot, createVNode, TransitionGroup, useCssVars, withModifiers, normalizeStyle, nextTick, onMounted as onMounted$1, onUnmounted, isRef, withDirectives, vShow, onBeforeMount, getCurrentInstance, reactive, resolveDirective, toRefs, resolveDynamicComponent, withKeys, pushScopeId, popScopeId, shallowRef, useSlots, onBeforeUnmount, markRaw } from "vue";
 import VueOfficePdf from "@vue-office/pdf";
 import VueOfficeDocx from "@vue-office/docx";
 import VueOfficeExcel from "@vue-office/excel";
@@ -38,9 +38,9 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _hoisted_1$k = { class: "dict-tag-container" };
+const _hoisted_1$l = { class: "dict-tag-container" };
 const _hoisted_2$c = ["index"];
-const _sfc_main$q = {
+const _sfc_main$r = {
   __name: "index",
   props: {
     options: {
@@ -60,7 +60,7 @@ const _sfc_main$q = {
     });
     return (_ctx, _cache) => {
       const _component_el_tag = resolveComponent("el-tag");
-      return openBlock(), createElementBlock("div", _hoisted_1$k, [
+      return openBlock(), createElementBlock("div", _hoisted_1$l, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (item, index2) => {
           return openBlock(), createElementBlock(Fragment, null, [
             unref(values).includes(item.value) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
@@ -87,10 +87,10 @@ const _sfc_main$q = {
     };
   }
 };
-const SCTJDictTag = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__scopeId", "data-v-659e1d01"]]);
+const SCTJDictTag = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-659e1d01"]]);
 const index_vue_vue_type_style_index_0_scope_true_lang = "";
-const _hoisted_1$j = ["xlink:href", "fill"];
-const _sfc_main$p = {
+const _hoisted_1$k = ["xlink:href", "fill"];
+const _sfc_main$q = {
   __name: "index",
   props: {
     iconClass: {
@@ -123,7 +123,7 @@ const _sfc_main$p = {
         createElementVNode("use", {
           "xlink:href": unref(iconName),
           fill: __props.color
-        }, null, 8, _hoisted_1$j)
+        }, null, 8, _hoisted_1$k)
       ], 2);
     };
   }
@@ -132,14 +132,14 @@ const index$2 = "";
 const index$1 = "";
 const index_vue_vue_type_style_index_0_scoped_006fbc77_lang = "";
 const index_vue_vue_type_style_index_1_lang = "";
-const _hoisted_1$i = { class: "upload-file" };
+const _hoisted_1$j = { class: "upload-file" };
 const _hoisted_2$b = { class: "el-upload__tip" };
 const _hoisted_3$9 = { style: { "color": "#f56c6c" } };
 const _hoisted_4$7 = { style: { "color": "#f56c6c" } };
 const _hoisted_5$6 = ["title"];
 const _hoisted_6$3 = { class: "ele-upload-list__item-content-action" };
 const _hoisted_7$3 = { style: { "width": "100%", "height": "100%", "overflow": "auto" } };
-const _sfc_main$o = {
+const _sfc_main$p = {
   __name: "index",
   props: {
     modelValue: [String, Object, Array],
@@ -371,7 +371,7 @@ const _sfc_main$o = {
       const _component_el_icon = resolveComponent("el-icon");
       const _component_el_image = resolveComponent("el-image");
       const _component_el_dialog = resolveComponent("el-dialog");
-      return openBlock(), createElementBlock("div", _hoisted_1$i, [
+      return openBlock(), createElementBlock("div", _hoisted_1$j, [
         !__props.disabled ? (openBlock(), createBlock(_component_el_upload, mergeProps({
           key: 0,
           multiple: "",
@@ -517,9 +517,9 @@ const _sfc_main$o = {
     };
   }
 };
-const SCTJFileUpload = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-006fbc77"]]);
+const SCTJFileUpload = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-006fbc77"]]);
 const index_vue_vue_type_style_index_0_scoped_672e5149_lang = "";
-const _hoisted_1$h = { class: "component-upload-image" };
+const _hoisted_1$i = { class: "component-upload-image" };
 const _hoisted_2$a = {
   key: 0,
   class: "el-upload__tip"
@@ -527,7 +527,7 @@ const _hoisted_2$a = {
 const _hoisted_3$8 = { style: { "color": "#f56c6c" } };
 const _hoisted_4$6 = { style: { "color": "#f56c6c" } };
 const _hoisted_5$5 = ["src"];
-const _sfc_main$n = {
+const _sfc_main$o = {
   __name: "index",
   props: {
     modelValue: {
@@ -728,7 +728,7 @@ const _sfc_main$n = {
       const _component_el_icon = resolveComponent("el-icon");
       const _component_el_upload = resolveComponent("el-upload");
       const _component_el_dialog = resolveComponent("el-dialog");
-      return openBlock(), createElementBlock("div", _hoisted_1$h, [
+      return openBlock(), createElementBlock("div", _hoisted_1$i, [
         createVNode(_component_el_upload, mergeProps({
           disabled: props.disabled,
           multiple: "",
@@ -791,10 +791,10 @@ const _sfc_main$n = {
     };
   }
 };
-const SCTJImageUpload = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-672e5149"]]);
-const index_vue_vue_type_style_index_0_scoped_bebc33d5_lang = "";
-const _hoisted_1$g = { class: "image-slot" };
-const _sfc_main$m = {
+const SCTJImageUpload = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-672e5149"]]);
+const index_vue_vue_type_style_index_0_scoped_e91fd2ba_lang = "";
+const _hoisted_1$h = { class: "image-slot" };
+const _sfc_main$n = {
   __name: "index",
   props: {
     enableDelete: {
@@ -903,11 +903,12 @@ const _sfc_main$m = {
             onClick: withModifiers(clickImage, ["stop", "prevent"]),
             src: `${unref(realSrc)}`,
             fit: "cover",
+            "show-progress": "",
             style: normalizeStyle(`width:${unref(realWidth)};height:${unref(realHeight)};`),
             "preview-src-list": unref(realSrcList)
           }, {
             error: withCtx(() => [
-              createElementVNode("div", _hoisted_1$g, [
+              createElementVNode("div", _hoisted_1$h, [
                 createVNode(_component_el_icon, { class: "el-icon-picture-outline" }, {
                   default: withCtx(() => [
                     createVNode(unref(Picture))
@@ -924,7 +925,7 @@ const _sfc_main$m = {
     };
   }
 };
-const SCTJImagePreview = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-bebc33d5"]]);
+const SCTJImagePreview = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-e91fd2ba"]]);
 const icons = [
   "404",
   "bug",
@@ -1013,10 +1014,10 @@ const icons = [
   "zip"
 ];
 const index_vue_vue_type_style_index_0_scoped_37029e19_lang = "";
-const _hoisted_1$f = { class: "icon-content" };
+const _hoisted_1$g = { class: "icon-content" };
 const _hoisted_2$9 = { class: "icon-list" };
 const _hoisted_3$7 = ["onClick"];
-const _sfc_main$l = {
+const _sfc_main$m = {
   __name: "index",
   props: {
     modelValue: {
@@ -1107,12 +1108,12 @@ const _sfc_main$l = {
           unref(iconName) ? {
             name: "prefix",
             fn: withCtx(() => [
-              createVNode(_sfc_main$p, { "icon-class": unref(iconName) }, null, 8, ["icon-class"])
+              createVNode(_sfc_main$q, { "icon-class": unref(iconName) }, null, 8, ["icon-class"])
             ]),
             key: "0"
           } : void 0
         ]), 1032, ["modelValue"]),
-        withDirectives(createElementVNode("div", _hoisted_1$f, [
+        withDirectives(createElementVNode("div", _hoisted_1$g, [
           createElementVNode("div", null, [
             createVNode(_component_el_input, {
               modelValue: keyWord.value,
@@ -1140,7 +1141,7 @@ const _sfc_main$l = {
                 key: index2,
                 onClick: ($event) => selectedIcon(item)
               }, [
-                createVNode(_sfc_main$p, {
+                createVNode(_sfc_main$q, {
                   "icon-class": item,
                   style: { "height": "30px", "width": "16px", "flex-shrink": "0" }
                 }, null, 8, ["icon-class"]),
@@ -1155,7 +1156,7 @@ const _sfc_main$l = {
     };
   }
 };
-const SCTJIconSelect = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-37029e19"]]);
+const SCTJIconSelect = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-37029e19"]]);
 function useMobile() {
   const isMobile = ref$1(false);
   const checkIsMobile = () => {
@@ -1182,7 +1183,7 @@ function useMobile() {
     checkIsMobile
   };
 }
-const _sfc_main$k = {
+const _sfc_main$l = {
   __name: "index",
   props: {
     modelValue: {
@@ -1287,8 +1288,8 @@ const _sfc_main$k = {
   }
 };
 const index_vue_vue_type_style_index_0_scoped_a2fe1763_lang = "";
-const _hoisted_1$e = { class: "el-tree-select" };
-const _sfc_main$j = {
+const _hoisted_1$f = { class: "el-tree-select" };
+const _sfc_main$k = {
   __name: "index",
   props: {
     objMap: {
@@ -1382,7 +1383,7 @@ const _sfc_main$j = {
       const _component_el_tree = resolveComponent("el-tree");
       const _component_el_option = resolveComponent("el-option");
       const _component_el_select = resolveComponent("el-select");
-      return openBlock(), createElementBlock("div", _hoisted_1$e, [
+      return openBlock(), createElementBlock("div", _hoisted_1$f, [
         createVNode(_component_el_select, {
           style: { "width": "100%" },
           modelValue: unref(valueId),
@@ -1422,10 +1423,10 @@ const _sfc_main$j = {
     };
   }
 };
-const SCTJTreeSelect = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-a2fe1763"]]);
+const SCTJTreeSelect = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-a2fe1763"]]);
 const index_vue_vue_type_style_index_0_scoped_8906f38f_lang = "";
-const _hoisted_1$d = { class: "table-container" };
-const _sfc_main$i = {
+const _hoisted_1$e = { class: "table-container" };
+const _sfc_main$j = {
   __name: "index",
   props: {
     request: {
@@ -1665,7 +1666,7 @@ const _sfc_main$i = {
         class: "TJ-table-container",
         style: normalizeStyle({ height: __props.height })
       }, [
-        createElementVNode("div", _hoisted_1$d, [
+        createElementVNode("div", _hoisted_1$e, [
           createVNode(_component_el_table, mergeProps({
             ref_key: "tableRef",
             ref: tableRef,
@@ -1745,18 +1746,18 @@ const _sfc_main$i = {
     };
   }
 };
-const SCTJTable = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-8906f38f"]]);
+const SCTJTable = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-8906f38f"]]);
 const index_vue_vue_type_style_index_0_scoped_45fb95db_lang = "";
-const _sfc_main$h = {};
-const _hoisted_1$c = { class: "table-container" };
+const _sfc_main$i = {};
+const _hoisted_1$d = { class: "table-container" };
 function _sfc_render(_ctx, _cache) {
-  return openBlock(), createElementBlock("div", _hoisted_1$c, [
+  return openBlock(), createElementBlock("div", _hoisted_1$d, [
     renderSlot(_ctx.$slots, "default", {}, void 0, true)
   ]);
 }
-const SCTJTableContainer = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render], ["__scopeId", "data-v-45fb95db"]]);
+const SCTJTableContainer = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["render", _sfc_render], ["__scopeId", "data-v-45fb95db"]]);
 const index_vue_vue_type_style_index_0_scoped_46df4461_lang = "";
-const _sfc_main$g = {
+const _sfc_main$h = {
   __name: "index",
   props: {
     showSearch: {
@@ -1900,10 +1901,10 @@ const _sfc_main$g = {
     };
   }
 };
-const SCTJRightToolbar = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-46df4461"]]);
+const SCTJRightToolbar = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-46df4461"]]);
 const index_vue_vue_type_style_index_0_scoped_056cfdde_lang = "";
-const _hoisted_1$b = { class: "table-top-action-container" };
-const _sfc_main$f = {
+const _hoisted_1$c = { class: "table-top-action-container" };
+const _sfc_main$g = {
   __name: "index",
   props: {
     showSearch: {
@@ -1930,7 +1931,7 @@ const _sfc_main$f = {
       emit("refresh");
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$b, [
+      return openBlock(), createElementBlock("div", _hoisted_1$c, [
         renderSlot(_ctx.$slots, "left", {}, void 0, true),
         renderSlot(_ctx.$slots, "right", {}, () => [
           createVNode(SCTJRightToolbar, {
@@ -1944,10 +1945,10 @@ const _sfc_main$f = {
     };
   }
 };
-const SCTJTableTopActionContainer = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-056cfdde"]]);
+const SCTJTableTopActionContainer = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-056cfdde"]]);
 const index_vue_vue_type_style_index_0_scoped_d913f5c9_lang = "";
 const _withScopeId$4 = (n) => (pushScopeId("data-v-d913f5c9"), n = n(), popScopeId(), n);
-const _hoisted_1$a = {
+const _hoisted_1$b = {
   key: 0,
   class: "search-container"
 };
@@ -1961,7 +1962,7 @@ const _hoisted_5$4 = /* @__PURE__ */ _withScopeId$4(() => /* @__PURE__ */ create
 const _hoisted_6$2 = { class: "tag-container" };
 const _hoisted_7$2 = { class: "tag-name" };
 const _hoisted_8$2 = { class: "dialog-footer" };
-const _sfc_main$e = {
+const _sfc_main$f = {
   __name: "index",
   props: {
     mode: {
@@ -2225,7 +2226,7 @@ const _sfc_main$e = {
           ])
         ]),
         default: withCtx(() => [
-          unref(queryColumns).length ? (openBlock(), createElementBlock("div", _hoisted_1$a, [
+          unref(queryColumns).length ? (openBlock(), createElementBlock("div", _hoisted_1$b, [
             createVNode(_component_el_card, { shadow: "hover" }, {
               default: withCtx(() => [
                 createVNode(_component_el_form, {
@@ -2453,7 +2454,357 @@ const _sfc_main$e = {
     };
   }
 };
-const SCTJDialogTable = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-d913f5c9"]]);
+const SCTJDialogTable = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-d913f5c9"]]);
+const index_vue_vue_type_style_index_0_scoped_80cb4921_lang = "";
+const _hoisted_1$a = { style: { "background": "#fff" } };
+const _sfc_main$e = {
+  __name: "index",
+  props: {
+    tableData: {
+      type: Array,
+      default: () => []
+    },
+    showPagination: {
+      type: Boolean,
+      default: true
+    },
+    total: {
+      type: Number,
+      default: 0
+    },
+    stripe: {
+      type: Boolean,
+      default: true
+    },
+    currentPage: {
+      type: Number,
+      default: 1
+    },
+    pageSize: {
+      type: Number,
+      default: 5
+    },
+    loading: {
+      type: Boolean,
+      default: false
+    },
+    autoScroll: {
+      type: Boolean,
+      default: false
+    },
+    scrollSpeed: {
+      type: Number,
+      default: 50
+    },
+    scrollStep: {
+      type: [Number, null],
+      default: null
+    },
+    pauseOnHover: {
+      type: Boolean,
+      default: true
+    },
+    tableHeight: {
+      type: [String, Number],
+      default: 300
+    },
+    debug: {
+      type: Boolean,
+      default: false
+    },
+    summaryMethod: {
+      type: Function
+    },
+    showSummary: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["query", "sortChange", "update:currentPage", "update:pageSize"],
+  setup(__props, { expose, emit }) {
+    const props = __props;
+    const { isMobile } = useMobile();
+    const tableRef = ref$1(null);
+    const isHovered = ref$1(false);
+    const scrollContainer = ref$1(null);
+    const canAutoScroll = ref$1(false);
+    const tableBodyWrapper = shallowRef(null);
+    const animationFrameId = ref$1(null);
+    const lastScrollTime = ref$1(0);
+    const scrollMetrics = ref$1({
+      scrollHeight: 0,
+      clientHeight: 0,
+      isScrollable: false
+    });
+    const current = computed$1({
+      get() {
+        return props.currentPage;
+      },
+      set(val) {
+        emit("update:currentPage", val);
+      }
+    });
+    const size = computed$1({
+      get() {
+        return props.pageSize;
+      },
+      set(val) {
+        emit("update:pageSize", val);
+      }
+    });
+    const getTableData = () => {
+      emit("query");
+    };
+    const debounce = (func, wait) => {
+      let timeout;
+      return function executedFunction(...args) {
+        const later = () => {
+          clearTimeout(timeout);
+          func(...args);
+        };
+        clearTimeout(timeout);
+        timeout = setTimeout(later, wait);
+      };
+    };
+    const debugLog = (message, data) => {
+    };
+    const getScrollContainer = () => {
+      if (!tableBodyWrapper.value && scrollContainer.value) {
+        tableBodyWrapper.value = scrollContainer.value.querySelector(".el-scrollbar__wrap");
+      }
+      return tableBodyWrapper.value;
+    };
+    const getScrollStep = () => {
+      var _a;
+      if (props.scrollStep)
+        return props.scrollStep;
+      if (scrollContainer.value) {
+        let cell = scrollContainer.value.querySelector("td");
+        return (_a = cell == null ? void 0 : cell.clientHeight) != null ? _a : 33;
+      }
+    };
+    const updateScrollMetrics = () => {
+      const wrapper = getScrollContainer();
+      if (!wrapper)
+        return false;
+      const scrollHeight = wrapper.scrollHeight;
+      const clientHeight = wrapper.clientHeight;
+      const isScrollable = scrollHeight > clientHeight;
+      if (scrollMetrics.value.scrollHeight !== scrollHeight || scrollMetrics.value.clientHeight !== clientHeight) {
+        scrollMetrics.value = {
+          scrollHeight,
+          clientHeight,
+          isScrollable
+        };
+      }
+      return isScrollable;
+    };
+    const checkScrollable = () => {
+      if (props.tableData.length === 0) {
+        canAutoScroll.value = false;
+        return false;
+      }
+      const isScrollable = updateScrollMetrics();
+      canAutoScroll.value = isScrollable;
+      return isScrollable;
+    };
+    const sortChange = (column) => {
+      emit("sortChange", column);
+    };
+    const handleMouseEnter = () => {
+      if (props.pauseOnHover) {
+        isHovered.value = true;
+        stopAutoScroll();
+      }
+    };
+    const handleMouseLeave = () => {
+      if (props.pauseOnHover) {
+        isHovered.value = false;
+        if (props.autoScroll && canAutoScroll.value) {
+          startAutoScroll();
+        }
+      }
+    };
+    const scrollAnimation = (timestamp) => {
+      if (!props.autoScroll || isHovered.value && props.pauseOnHover) {
+        animationFrameId.value = null;
+        return;
+      }
+      if (timestamp - lastScrollTime.value < props.scrollSpeed) {
+        animationFrameId.value = requestAnimationFrame(scrollAnimation);
+        return;
+      }
+      lastScrollTime.value = timestamp;
+      const wrapper = getScrollContainer();
+      if (!wrapper) {
+        stopAutoScroll();
+        return;
+      }
+      const scrollStep = getScrollStep();
+      const currentScrollTop = wrapper.scrollTop;
+      const { scrollHeight, clientHeight } = scrollMetrics.value;
+      const newScrollTop = currentScrollTop + scrollStep;
+      const maxScrollTop = scrollHeight - clientHeight;
+      if (newScrollTop >= maxScrollTop) {
+        wrapper.scrollTop = 0;
+      } else {
+        wrapper.scrollTop = newScrollTop;
+      }
+      animationFrameId.value = requestAnimationFrame(scrollAnimation);
+    };
+    const startAutoScroll = () => {
+      debugLog("startAutoScroll \u88AB\u8C03\u7528", {
+        hasAnimation: !!animationFrameId.value,
+        autoScroll: props.autoScroll,
+        loading: props.loading,
+        canAutoScroll: canAutoScroll.value
+      });
+      if (animationFrameId.value || !props.autoScroll || props.loading || !canAutoScroll.value) {
+        return;
+      }
+      lastScrollTime.value = 0;
+      animationFrameId.value = requestAnimationFrame(scrollAnimation);
+    };
+    const stopAutoScroll = () => {
+      if (animationFrameId.value) {
+        cancelAnimationFrame(animationFrameId.value);
+        animationFrameId.value = null;
+      }
+    };
+    const debouncedDataUpdate = debounce(() => {
+      tableBodyWrapper.value = null;
+      if (checkScrollable() && props.autoScroll && !props.loading) {
+        startAutoScroll();
+      } else {
+        stopAutoScroll();
+      }
+    }, 150);
+    watch(() => props.autoScroll, (newVal) => {
+      if (newVal && canAutoScroll.value) {
+        nextTick(() => {
+          startAutoScroll();
+        });
+      } else {
+        stopAutoScroll();
+      }
+    });
+    watch(() => props.tableData.length, () => {
+      debugLog("\u6570\u636E\u957F\u5EA6\u53D8\u5316", { length: props.tableData.length });
+      debouncedDataUpdate();
+    });
+    watch(() => props.loading, (newVal) => {
+      if (newVal) {
+        stopAutoScroll();
+      } else if (props.autoScroll && canAutoScroll.value) {
+        nextTick(() => {
+          startAutoScroll();
+        });
+      }
+    });
+    onMounted$1(() => {
+      nextTick(() => {
+        var _a;
+        scrollContainer.value = (_a = tableRef.value) == null ? void 0 : _a.$el;
+        debugLog("scrollContainer \u8BBE\u7F6E\u5B8C\u6210", !!scrollContainer.value);
+        const initializeScroll = () => {
+          if (checkScrollable()) {
+            if (props.autoScroll && !props.loading) {
+              startAutoScroll();
+            }
+          }
+        };
+        setTimeout(initializeScroll, 100);
+      });
+    });
+    onUnmounted(() => {
+      var _a;
+      stopAutoScroll();
+      (_a = debouncedDataUpdate.cancel) == null ? void 0 : _a.call(debouncedDataUpdate);
+    });
+    expose({
+      startAutoScroll,
+      stopAutoScroll,
+      checkScrollable,
+      scrollToTop: () => {
+        const wrapper = getScrollContainer();
+        if (wrapper) {
+          wrapper.scrollTop = 0;
+        }
+      },
+      recheckAndStart: () => {
+        tableBodyWrapper.value = null;
+        if (checkScrollable() && props.autoScroll && !props.loading) {
+          startAutoScroll();
+        } else {
+          stopAutoScroll();
+        }
+      }
+    });
+    return (_ctx, _cache) => {
+      const _component_el_table = resolveComponent("el-table");
+      const _component_el_pagination = resolveComponent("el-pagination");
+      const _directive_loading = resolveDirective("loading");
+      return openBlock(), createElementBlock("div", _hoisted_1$a, [
+        withDirectives((openBlock(), createBlock(_component_el_table, mergeProps({
+          size: unref(isMobile) ? "small" : "default",
+          ref_key: "tableRef",
+          ref: tableRef,
+          data: props.tableData,
+          height: __props.tableHeight,
+          "max-height": __props.tableHeight,
+          "highlight-current-row": false,
+          onSortChange: sortChange,
+          onMouseenter: handleMouseEnter,
+          onMouseleave: handleMouseLeave,
+          stripe: __props.stripe,
+          showSummary: __props.showSummary,
+          "summary-method": __props.summaryMethod,
+          "cell-class-name": "cell-class-name",
+          "header-row-class-name": "header-row-class-name",
+          "row-class-name": "row-class-name"
+        }, _ctx.$attrs), {
+          default: withCtx(() => [
+            renderSlot(_ctx.$slots, "default", {}, void 0, true)
+          ]),
+          _: 3
+        }, 16, ["size", "data", "height", "max-height", "stripe", "showSummary", "summary-method"])), [
+          [_directive_loading, __props.loading]
+        ]),
+        __props.showPagination && __props.total > 0 ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+          !unref(isMobile) ? (openBlock(), createBlock(_component_el_pagination, {
+            key: 0,
+            class: "pagination",
+            background: "",
+            onSizeChange: getTableData,
+            onCurrentChange: getTableData,
+            layout: "total, prev, pager, next",
+            total: __props.total,
+            "page-size": unref(size),
+            "onUpdate:page-size": _cache[0] || (_cache[0] = ($event) => isRef(size) ? size.value = $event : null),
+            "current-page": unref(current),
+            "onUpdate:current-page": _cache[1] || (_cache[1] = ($event) => isRef(current) ? current.value = $event : null),
+            small: ""
+          }, null, 8, ["total", "page-size", "current-page"])) : (openBlock(), createBlock(_component_el_pagination, {
+            key: 1,
+            class: "pagination mobile-pagination",
+            background: "",
+            onSizeChange: getTableData,
+            onCurrentChange: getTableData,
+            layout: "total, prev, pager, next",
+            total: __props.total,
+            "page-size": unref(size),
+            "onUpdate:page-size": _cache[2] || (_cache[2] = ($event) => isRef(size) ? size.value = $event : null),
+            "current-page": unref(current),
+            "onUpdate:current-page": _cache[3] || (_cache[3] = ($event) => isRef(current) ? current.value = $event : null),
+            "pager-count": 5,
+            small: ""
+          }, null, 8, ["total", "page-size", "current-page"]))
+        ], 64)) : createCommentVNode("", true)
+      ]);
+    };
+  }
+};
+const SCTJScrollTable = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-80cb4921"]]);
 const _sfc_main$d = {
   __name: "index",
   setup(__props) {
@@ -9096,13 +9447,13 @@ const SCTJDwgViewer = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "dat
 const components = [
   { component: SCTJDictTag, name: "SCTJDictTag" },
   { component: SCTJTreeSelect, name: "SCTJTreeSelect" },
-  { component: _sfc_main$p, name: "SCTJIcon" },
+  { component: _sfc_main$q, name: "SCTJIcon" },
   { component: SCTJFileUpload, name: "SCTJFileUpload" },
   { component: SCTJImageUpload, name: "SCTJImageUpload" },
   { component: SCTJImagePreview, name: "SCTJImagePreview" },
   { component: SCTJIconSelect, name: "SCTJIconSelect" },
   { component: SCTJSearch, name: "SCTJSearch" },
-  { component: _sfc_main$k, name: "SCTJDateRangePicker" },
+  { component: _sfc_main$l, name: "SCTJDateRangePicker" },
   { component: SCTJTable, name: "SCTJTable" },
   { component: SCTJTableContainer, name: "SCTJTableContainer" },
   { component: SCTJTablePageContainer, name: "SCTJTablePageContainer" },
@@ -9116,6 +9467,7 @@ const components = [
   { component: _sfc_main$6, name: "SCTJIframe" },
   { component: _sfc_main$5, name: "SCTJImportDialog" },
   { component: SCTJDialogTable, name: "SCTJDialogTable" },
+  { component: SCTJScrollTable, name: "SCTJScrollTable" },
   { component: SCTJMapViewer, name: "SCTJMapViewer" },
   { component: SCTJMapDrawingDialog, name: "SCTJMapDrawingDialog" },
   { component: SCTJBusinessMapDrawingDialog, name: "SCTJBusinessMapDrawingDialog" },
@@ -9131,13 +9483,13 @@ const index = {
   install,
   SCTJDictTag,
   SCTJTreeSelect,
-  SCTJIcon: _sfc_main$p,
+  SCTJIcon: _sfc_main$q,
   SCTJFileUpload,
   SCTJImageUpload,
   SCTJImagePreview,
   SCTJIconSelect,
   SCTJSearch,
-  SCTJDateRangePicker: _sfc_main$k,
+  SCTJDateRangePicker: _sfc_main$l,
   SCTJTable,
   SCTJTableContainer,
   SCTJTablePageContainer,
@@ -9151,6 +9503,7 @@ const index = {
   SCTJIframe: _sfc_main$6,
   SCTJImportDialog: _sfc_main$5,
   SCTJDialogTable,
+  SCTJScrollTable,
   SCTJMapViewer,
   SCTJMapDrawingDialog,
   SCTJBusinessMapDrawingDialog,
@@ -9163,13 +9516,13 @@ export {
   _sfc_main$d as SCTJBtnContainer,
   SCTJBusinessMapDrawingDialog,
   SCTJCommonChart,
-  _sfc_main$k as SCTJDateRangePicker,
+  _sfc_main$l as SCTJDateRangePicker,
   SCTJDialogTable,
   SCTJDictTag,
   SCTJDwgViewer,
   SCTJFileUpload,
   SCTJFlvPlayer,
-  _sfc_main$p as SCTJIcon,
+  _sfc_main$q as SCTJIcon,
   SCTJIconSelect,
   _sfc_main$6 as SCTJIframe,
   SCTJImagePreview,
@@ -9179,6 +9532,7 @@ export {
   SCTJMapViewer,
   SCTJPieChart,
   SCTJRightToolbar,
+  SCTJScrollTable,
   SCTJSearch,
   SCTJTable,
   SCTJTableContainer,