@fangzhongya/fang-ui 0.0.55 → 0.0.57

package/dist/components/lists/index.css

@@ -35,11 +35,11 @@
 .lists-list-item {
   background-color: #fff;
   margin: 0 var(--lists-interval);
-  margin-top: calc(var(--lists-interval) * 2);
-}
-.lists-list-item:last-child {
   margin-bottom: calc(var(--lists-interval) * 2);
 }
+.lists-list-item:first-child {
+  margin-top: calc(var(--lists-interval) * 2);
+}
 .lists-list-item.is-active {
   background-color: rgb(250, 235, 215);
 }

package/dist/components/lists/index.scss

@@ -22,12 +22,12 @@ $lists: 'lists';
 			}
 		}
 		&-item {
-			&:last-child {
-				margin-bottom: calc(var(vdm('interval', $lists)) * 2);
+			&:first-child {
+				margin-top: calc(var(vdm('interval', $lists)) * 2);
 			}
 			background-color: #fff;
 			margin: 0 var(vdm('interval', $lists));
-			margin-top: calc(var(vdm('interval', $lists)) * 2);
+			margin-bottom: calc(var(vdm('interval', $lists)) * 2);
 			&.#{is('active')} {
 				background-color: rgb(250, 235, 215);
 			}

package/dist/components/lists/src/index2.cjs

@@ -67,7 +67,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           if (obj.index) {
             value = obj.index(index2, paginat);
           } else {
-            if (paginat && paginat.current && paginat.pageSize) {
+            if ((paginat == null ? void 0 : paginat.is) && !paginat.scroll && paginat.current && paginat.pageSize) {
               value = (paginat.current - 1) * paginat.pageSize + index2 + 1;
             } else {
               value = index2 + 1;

package/dist/components/lists/src/index2.js

@@ -65,7 +65,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           if (obj.index) {
             value = obj.index(index, paginat);
           } else {
-            if (paginat && paginat.current && paginat.pageSize) {
+            if ((paginat == null ? void 0 : paginat.is) && !paginat.scroll && paginat.current && paginat.pageSize) {
               value = (paginat.current - 1) * paginat.pageSize + index + 1;
             } else {
               value = index + 1;

package/dist/components/listsp/index.css

@@ -35,11 +35,11 @@
 .lists-list-item {
   background-color: #fff;
   margin: 0 var(--lists-interval);
-  margin-top: calc(var(--lists-interval) * 2);
-}
-.lists-list-item:last-child {
   margin-bottom: calc(var(--lists-interval) * 2);
 }
+.lists-list-item:first-child {
+  margin-top: calc(var(--lists-interval) * 2);
+}
 .lists-list-item.is-active {
   background-color: rgb(250, 235, 215);
 }
@@ -78,6 +78,11 @@
   flex: 1;
   width: 100%;
 }
+.listsp-main.is-scroll .v-scroll-add {
+  text-align: center;
+  padding: 10px;
+  color: #999;
+}
 .listsp-paginat {
   overflow: hidden;
 }

package/dist/components/listsp/index.scss

@@ -13,6 +13,13 @@ $listsp: 'listsp';
 		flex-direction: column;
 		flex: 1;
 		width: 100%;
+		&.#{is('scroll')} {
+			.v-scroll-add {
+				text-align: center;
+				padding: 10px;
+				color: #999;
+			}
+		}
 	}
 	&-paginat {
 		overflow: hidden;

package/dist/components/listsp/src/index2.cjs

@@ -25,7 +25,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       loading,
       tableList,
       tableConfig,
-      onScroll,
+      scroll,
       onSortChange,
       onListEvents,
       onSelect,
@@ -55,12 +55,16 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           height: vue.unref(height),
           ref_key: "refTable",
           ref: refTable,
-          class: [vue.unref(cs).z("main"), vue.unref(cs).is("scroll", vue.unref(paginat).scroll)],
+          class: [
+            vue.unref(cs).z("main"),
+            vue.unref(cs).is("scroll", vue.unref(paginat).is && vue.unref(paginat).scroll)
+          ],
+          "scroll-selector": "." + vue.unref(cs).c("lists", "list"),
           value: vue.unref(data).list,
           list: vue.unref(tableList),
           size: (_a = vue.unref(tableConfig).config) == null ? void 0 : _a.size,
           paginat: vue.unref(paginat),
-          loading: vue.unref(loading),
+          loading: vue.unref(paginat).scroll && vue.unref(paginat).current > 1 ? false : vue.unref(loading),
           options: props.options,
           compons: props.compons,
           onSortChange: vue.unref(onSortChange),
@@ -77,14 +81,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               ])
             };
           })
-        ]), 1040, ["height", "class", "value", "list", "size", "paginat", "loading", "options", "compons", "onSortChange", "onListEvents", "onSelect", "onRowClick", "onSelectionChange"])), [
-          [vue.unref(index$2.default), {
-            is: vue.unref(paginat).scroll,
-            dom: ".lists-list",
-            onChange: vue.unref(onScroll)
-          }]
+        ]), 1040, ["height", "class", "scroll-selector", "value", "list", "size", "paginat", "loading", "options", "compons", "onSortChange", "onListEvents", "onSelect", "onRowClick", "onSelectionChange"])), [
+          [vue.unref(index$2.default), vue.unref(scroll)]
         ]),
-        ((_b = vue.unref(tableConfig).paginat) == null ? void 0 : _b.is) && !vue.unref(paginat).scroll ? (vue.openBlock(), vue.createBlock(vue.unref(index$3.Paging), vue.mergeProps({ key: 0 }, vue.unref(pagconfig), {
+        ((_b = vue.unref(paginat)) == null ? void 0 : _b.is) && !vue.unref(paginat).scroll ? (vue.openBlock(), vue.createBlock(vue.unref(index$3.Paging), vue.mergeProps({ key: 0 }, vue.unref(pagconfig), {
           class: vue.unref(cs).z("paginat"),
           paginat: vue.unref(paginat),
           total: vue.unref(data).total,

package/dist/components/listsp/src/index2.js

@@ -23,7 +23,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       loading,
       tableList,
       tableConfig,
-      onScroll,
+      scroll,
       onSortChange,
       onListEvents,
       onSelect,
@@ -53,12 +53,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           height: unref(height),
           ref_key: "refTable",
           ref: refTable,
-          class: [unref(cs).z("main"), unref(cs).is("scroll", unref(paginat).scroll)],
+          class: [
+            unref(cs).z("main"),
+            unref(cs).is("scroll", unref(paginat).is && unref(paginat).scroll)
+          ],
+          "scroll-selector": "." + unref(cs).c("lists", "list"),
           value: unref(data).list,
           list: unref(tableList),
           size: (_a = unref(tableConfig).config) == null ? void 0 : _a.size,
           paginat: unref(paginat),
-          loading: unref(loading),
+          loading: unref(paginat).scroll && unref(paginat).current > 1 ? false : unref(loading),
           options: props.options,
           compons: props.compons,
           onSortChange: unref(onSortChange),
@@ -75,14 +79,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ])
             };
           })
-        ]), 1040, ["height", "class", "value", "list", "size", "paginat", "loading", "options", "compons", "onSortChange", "onListEvents", "onSelect", "onRowClick", "onSelectionChange"])), [
-          [unref(vScroll), {
-            is: unref(paginat).scroll,
-            dom: ".lists-list",
-            onChange: unref(onScroll)
-          }]
+        ]), 1040, ["height", "class", "scroll-selector", "value", "list", "size", "paginat", "loading", "options", "compons", "onSortChange", "onListEvents", "onSelect", "onRowClick", "onSelectionChange"])), [
+          [unref(vScroll), unref(scroll)]
         ]),
-        ((_b = unref(tableConfig).paginat) == null ? void 0 : _b.is) && !unref(paginat).scroll ? (openBlock(), createBlock(unref(Paging), mergeProps({ key: 0 }, unref(pagconfig), {
+        ((_b = unref(paginat)) == null ? void 0 : _b.is) && !unref(paginat).scroll ? (openBlock(), createBlock(unref(Paging), mergeProps({ key: 0 }, unref(pagconfig), {
           class: unref(cs).z("paginat"),
           paginat: unref(paginat),
           total: unref(data).total,

package/dist/components/page/index.css

@@ -234,6 +234,12 @@
 .tablesp-main.is-radio .el-table__header .el-table-column--selection .el-checkbox {
   display: none;
 }
+.tablesp-main.is-scroll .v-scroll-add {
+  text-align: center;
+  padding: 10px;
+  color: #999;
+  background-color: #eee;
+}
 .tablesp-paginat {
   overflow: hidden;
 }

package/dist/components/tables/common/pagin.cjs

@@ -71,6 +71,8 @@ const useInit = (props2, emit, refTable, isEl) => {
   };
   const pagconfig = vue.ref(mpagconfig);
   const paginat = vue.reactive({
+    is: false,
+    cross: false,
     front: false,
     scroll: false,
     current: 1,
@@ -81,10 +83,12 @@ const useInit = (props2, emit, refTable, isEl) => {
   const data = vue.reactive({
     total: 0,
     list: [],
+    is: false,
+    cross: false,
     front: false,
     scroll: false,
-    current: 1,
-    pageSize: mpagconfig.pageSize,
+    current: 0,
+    pageSize: 0,
     order: "",
     prop: ""
   });
@@ -170,8 +174,10 @@ const useInit = (props2, emit, refTable, isEl) => {
       paginat.prop = v.prop;
     }
     const pagin = config.paginat ?? {};
+    paginat.is = pagin.is || false;
     paginat.front = pagin.front || false;
     paginat.scroll = pagin.scroll || false;
+    paginat.cross = pagin.cross || false;
     paginat.pageSize = pagin.size || mpagconfig.pageSize;
     pagconfig.value = Object.assign({}, mpagconfig, pagin.config || {});
     tableConfig.value = config;
@@ -213,8 +219,7 @@ const useInit = (props2, emit, refTable, isEl) => {
     console.log("crossPageData", crossPageData);
   }
   function getCrossPageValue(sarr, index) {
-    var _a2;
-    const cross = (_a2 = tableConfig.value.config) == null ? void 0 : _a2.crossPage;
+    const cross = paginat.cross;
     if (cross) {
       if (typeof cross === "string") {
         const sv = /* @__PURE__ */ new Set();
@@ -289,9 +294,8 @@ const useInit = (props2, emit, refTable, isEl) => {
     }
   }
   function toggleCrossPage() {
-    var _a2;
-    const cross = (_a2 = tableConfig.value.config) == null ? void 0 : _a2.crossPage;
-    if (cross && !paginat.scroll) {
+    const cross = paginat.cross;
+    if (paginat.is && cross && !paginat.scroll) {
       const datas = data.list;
       const vs = getCrossPageValue();
       if (typeof cross == "string") {
@@ -318,8 +322,7 @@ const useInit = (props2, emit, refTable, isEl) => {
     }
   }
   function getSelectionValue(arr, i) {
-    var _a2;
-    if (((_a2 = tableConfig.value.config) == null ? void 0 : _a2.crossPage) && !paginat.scroll) {
+    if (paginat.is && paginat.cross && !paginat.scroll) {
       return getCrossPageValue(arr, i);
     } else {
       return arr;
@@ -435,9 +438,8 @@ const useInit = (props2, emit, refTable, isEl) => {
     getData();
   }
   function onCurrentChange() {
-    var _a2;
     console.log("onCurrentChange");
-    if ((_a2 = tableConfig.value.config) == null ? void 0 : _a2.crossPage) {
+    if (paginat.cross) {
       setCrossPage();
     } else {
       clean();
@@ -475,7 +477,7 @@ const useInit = (props2, emit, refTable, isEl) => {
   }
   function getFrontPaginatValue(obj) {
     var _a2;
-    if (paginat.front) {
+    if (paginat.is && paginat.front) {
       const list = obj.value;
       const total = list.length;
       const c = paginat.current;
@@ -504,7 +506,6 @@ const useInit = (props2, emit, refTable, isEl) => {
     } else {
       ajax = ajax ?? tableConfig.value.ajax;
     }
-    Object.assign(data, paginat);
     const propsParame = {
       onRequestBefore: inParamFilter,
       onRequestAfter: inDataFilter,
@@ -522,6 +523,7 @@ const useInit = (props2, emit, refTable, isEl) => {
       })
     ).then((list) => {
       var _a3;
+      Object.assign(data, paginat);
       let dlist = (list == null ? void 0 : list.list) || [];
       if (dlist instanceof Array === false) {
         dlist = [dlist];
@@ -541,6 +543,7 @@ const useInit = (props2, emit, refTable, isEl) => {
         callback(data);
       }
     }).catch(() => {
+      Object.assign(data, paginat);
       loading.value = false;
       if (callback) {
         callback();
@@ -588,13 +591,27 @@ const useInit = (props2, emit, refTable, isEl) => {
     return ((_a2 = tableConfig.value.config) == null ? void 0 : _a2.height) ?? "auto";
   });
   const onScroll = () => {
-    if (paginat.scroll) {
+    console.log("onScroll");
+    if (paginat.is && paginat.scroll) {
       if (data.total && data.pageSize * data.current < data.total) {
         paginat.current++;
         getData();
       }
     }
   };
+  const scroll = vue.computed(() => {
+    const end = vue.computed(
+      () => Boolean(
+        data.total > 0 && data.pageSize * data.current >= data.total
+      )
+    );
+    return {
+      is: paginat.is && paginat.scroll,
+      load: loading,
+      end,
+      onChange: onScroll
+    };
+  });
   return {
     height,
     tableConfig,
@@ -606,7 +623,7 @@ const useInit = (props2, emit, refTable, isEl) => {
     clean,
     empty,
     loading,
-    onScroll,
+    scroll,
     onSortChange,
     onListEvents,
     onSelect,

package/dist/components/tables/common/pagin.d.ts

@@ -79,7 +79,6 @@ export declare const useInit: (props: ExtractPropTypes<typeof dataProps>, emit:
             nocustomize?: boolean | undefined;
             isradio?: boolean | undefined;
             ischecked?: boolean | undefined;
-            crossPage?: boolean | string | undefined;
             border?: boolean | undefined;
             align?: string | undefined;
             resizable?: boolean | undefined;
@@ -104,6 +103,7 @@ export declare const useInit: (props: ExtractPropTypes<typeof dataProps>, emit:
             size?: number | undefined;
             scroll?: boolean | undefined;
             front?: boolean | undefined;
+            cross?: boolean | string | undefined;
             config?: {
                 [key: string]: any;
             } | undefined;
@@ -135,7 +135,6 @@ export declare const useInit: (props: ExtractPropTypes<typeof dataProps>, emit:
             nocustomize?: boolean | undefined;
             isradio?: boolean | undefined;
             ischecked?: boolean | undefined;
-            crossPage?: boolean | string | undefined;
             border?: boolean | undefined;
             align?: string | undefined;
             resizable?: boolean | undefined;
@@ -160,6 +159,7 @@ export declare const useInit: (props: ExtractPropTypes<typeof dataProps>, emit:
             size?: number | undefined;
             scroll?: boolean | undefined;
             front?: boolean | undefined;
+            cross?: boolean | string | undefined;
             config?: {
                 [key: string]: any;
             } | undefined;
@@ -254,7 +254,12 @@ export declare const useInit: (props: ExtractPropTypes<typeof dataProps>, emit:
     clean: () => void;
     empty: () => void;
     loading: Ref<boolean, boolean>;
-    onScroll: () => void;
+    scroll: ComputedRef<{
+        is: boolean;
+        load: Ref<boolean, boolean>;
+        end: ComputedRef<boolean>;
+        onChange: () => void;
+    }>;
     onSortChange: (obj: ObjAny) => void;
     onListEvents: (...arr: any) => void;
     onSelect: (s: ObjAny, row: ObjStr) => void;
@@ -303,6 +308,8 @@ export declare const useInit: (props: ExtractPropTypes<typeof dataProps>, emit:
     onSizeChange: () => void;
     onCurrentChange: () => void;
     paginat: {
+        is: boolean;
+        cross: boolean | string;
         front: boolean;
         scroll: boolean;
         current: number;
@@ -311,6 +318,8 @@ export declare const useInit: (props: ExtractPropTypes<typeof dataProps>, emit:
         prop: string;
     };
     data: {
+        is: boolean;
+        cross: boolean | string;
         front: boolean;
         scroll: boolean;
         current: number;

package/dist/components/tables/common/pagin.js

@@ -69,6 +69,8 @@ const useInit = (props2, emit, refTable, isEl) => {
   };
   const pagconfig = ref(mpagconfig);
   const paginat = reactive({
+    is: false,
+    cross: false,
     front: false,
     scroll: false,
     current: 1,
@@ -79,10 +81,12 @@ const useInit = (props2, emit, refTable, isEl) => {
   const data = reactive({
     total: 0,
     list: [],
+    is: false,
+    cross: false,
     front: false,
     scroll: false,
-    current: 1,
-    pageSize: mpagconfig.pageSize,
+    current: 0,
+    pageSize: 0,
     order: "",
     prop: ""
   });
@@ -168,8 +172,10 @@ const useInit = (props2, emit, refTable, isEl) => {
       paginat.prop = v.prop;
     }
     const pagin = config.paginat ?? {};
+    paginat.is = pagin.is || false;
     paginat.front = pagin.front || false;
     paginat.scroll = pagin.scroll || false;
+    paginat.cross = pagin.cross || false;
     paginat.pageSize = pagin.size || mpagconfig.pageSize;
     pagconfig.value = Object.assign({}, mpagconfig, pagin.config || {});
     tableConfig.value = config;
@@ -211,8 +217,7 @@ const useInit = (props2, emit, refTable, isEl) => {
     console.log("crossPageData", crossPageData);
   }
   function getCrossPageValue(sarr, index) {
-    var _a2;
-    const cross = (_a2 = tableConfig.value.config) == null ? void 0 : _a2.crossPage;
+    const cross = paginat.cross;
     if (cross) {
       if (typeof cross === "string") {
         const sv = /* @__PURE__ */ new Set();
@@ -287,9 +292,8 @@ const useInit = (props2, emit, refTable, isEl) => {
     }
   }
   function toggleCrossPage() {
-    var _a2;
-    const cross = (_a2 = tableConfig.value.config) == null ? void 0 : _a2.crossPage;
-    if (cross && !paginat.scroll) {
+    const cross = paginat.cross;
+    if (paginat.is && cross && !paginat.scroll) {
       const datas = data.list;
       const vs = getCrossPageValue();
       if (typeof cross == "string") {
@@ -316,8 +320,7 @@ const useInit = (props2, emit, refTable, isEl) => {
     }
   }
   function getSelectionValue(arr, i) {
-    var _a2;
-    if (((_a2 = tableConfig.value.config) == null ? void 0 : _a2.crossPage) && !paginat.scroll) {
+    if (paginat.is && paginat.cross && !paginat.scroll) {
       return getCrossPageValue(arr, i);
     } else {
       return arr;
@@ -433,9 +436,8 @@ const useInit = (props2, emit, refTable, isEl) => {
     getData();
   }
   function onCurrentChange() {
-    var _a2;
     console.log("onCurrentChange");
-    if ((_a2 = tableConfig.value.config) == null ? void 0 : _a2.crossPage) {
+    if (paginat.cross) {
       setCrossPage();
     } else {
       clean();
@@ -473,7 +475,7 @@ const useInit = (props2, emit, refTable, isEl) => {
   }
   function getFrontPaginatValue(obj) {
     var _a2;
-    if (paginat.front) {
+    if (paginat.is && paginat.front) {
       const list = obj.value;
       const total = list.length;
       const c = paginat.current;
@@ -502,7 +504,6 @@ const useInit = (props2, emit, refTable, isEl) => {
     } else {
       ajax = ajax ?? tableConfig.value.ajax;
     }
-    Object.assign(data, paginat);
     const propsParame = {
       onRequestBefore: inParamFilter,
       onRequestAfter: inDataFilter,
@@ -520,6 +521,7 @@ const useInit = (props2, emit, refTable, isEl) => {
       })
     ).then((list) => {
       var _a3;
+      Object.assign(data, paginat);
       let dlist = (list == null ? void 0 : list.list) || [];
       if (dlist instanceof Array === false) {
         dlist = [dlist];
@@ -539,6 +541,7 @@ const useInit = (props2, emit, refTable, isEl) => {
         callback(data);
       }
     }).catch(() => {
+      Object.assign(data, paginat);
       loading.value = false;
       if (callback) {
         callback();
@@ -586,13 +589,27 @@ const useInit = (props2, emit, refTable, isEl) => {
     return ((_a2 = tableConfig.value.config) == null ? void 0 : _a2.height) ?? "auto";
   });
   const onScroll = () => {
-    if (paginat.scroll) {
+    console.log("onScroll");
+    if (paginat.is && paginat.scroll) {
       if (data.total && data.pageSize * data.current < data.total) {
         paginat.current++;
         getData();
       }
     }
   };
+  const scroll = computed(() => {
+    const end = computed(
+      () => Boolean(
+        data.total > 0 && data.pageSize * data.current >= data.total
+      )
+    );
+    return {
+      is: paginat.is && paginat.scroll,
+      load: loading,
+      end,
+      onChange: onScroll
+    };
+  });
   return {
     height,
     tableConfig,
@@ -604,7 +621,7 @@ const useInit = (props2, emit, refTable, isEl) => {
     clean,
     empty,
     loading,
-    onScroll,
+    scroll,
     onSortChange,
     onListEvents,
     onSelect,

package/dist/components/tables/src/column.cjs

@@ -53,13 +53,14 @@ function setSslot(obj, scope, emit, slots, props, index2) {
   return defaultDom(obj, scope, props, index2);
 }
 function defaultDom(obj, scope, props, index2) {
+  var _a;
   const table = props.table;
   let domValue = "";
   if (obj.type == "index") {
     if (obj.index) {
       domValue = obj.index(scope.$index, table.paginat);
     } else {
-      if (table.paginat && table.paginat.current && table.paginat.pageSize) {
+      if (((_a = table.paginat) == null ? void 0 : _a.is) && !table.paginat.scroll && table.paginat.current && table.paginat.pageSize) {
         domValue = (table.paginat.current - 1) * table.paginat.pageSize + scope.$index + 1;
       } else {
         domValue = scope.$index + 1;

package/dist/components/tables/src/column.js

@@ -51,13 +51,14 @@ function setSslot(obj, scope, emit, slots, props, index) {
   return defaultDom(obj, scope, props, index);
 }
 function defaultDom(obj, scope, props, index) {
+  var _a;
   const table = props.table;
   let domValue = "";
   if (obj.type == "index") {
     if (obj.index) {
       domValue = obj.index(scope.$index, table.paginat);
     } else {
-      if (table.paginat && table.paginat.current && table.paginat.pageSize) {
+      if (((_a = table.paginat) == null ? void 0 : _a.is) && !table.paginat.scroll && table.paginat.current && table.paginat.pageSize) {
         domValue = (table.paginat.current - 1) * table.paginat.pageSize + scope.$index + 1;
       } else {
         domValue = scope.$index + 1;

package/dist/components/tablesp/index.css

@@ -60,6 +60,12 @@
 .tablesp-main.is-radio .el-table__header .el-table-column--selection .el-checkbox {
   display: none;
 }
+.tablesp-main.is-scroll .v-scroll-add {
+  text-align: center;
+  padding: 10px;
+  color: #999;
+  background-color: #eee;
+}
 .tablesp-paginat {
   overflow: hidden;
 }

package/dist/components/tablesp/index.scss

@@ -22,6 +22,14 @@ $tablesp: 'tablesp';
 				}
 			}
 		}
+		&.#{is('scroll')} {
+			.v-scroll-add {
+				text-align: center;
+				padding: 10px;
+				color: #999;
+				background-color: #eee;
+			}
+		}
 	}
 	&-paginat {
 		overflow: hidden;

package/dist/components/tablesp/src/index2.cjs

@@ -2,7 +2,8 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const index$1 = require("../../tables/index.cjs");
-const index$2 = require("../../paging/index.cjs");
+const index$3 = require("../../paging/index.cjs");
+const index$2 = require("../../../directives/scroll/index.cjs");
 const pagin = require("../../tables/common/pagin.cjs");
 const index = require("../../../hooks/cssname/index.cjs");
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
@@ -24,6 +25,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       loading,
       tableList,
       tableConfig,
+      scroll,
       onSortChange,
       onListEvents,
       onSelect,
@@ -49,16 +51,21 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         class: vue.normalizeClass(vue.unref(cs).z()),
         style: vue.normalizeStyle(vue.unref(cs).vdo({ height: vue.unref(height) }))
       }, [
-        vue.createVNode(vue.unref(index$1.Tables), vue.mergeProps(vue.unref(tableConfig).config, vue.toHandlers(vue.unref(formEvent)), {
+        vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(index$1.Tables), vue.mergeProps(vue.unref(tableConfig).config, vue.toHandlers(vue.unref(formEvent)), {
           height: vue.unref(height),
           ref_key: "refTable",
           ref: refTable,
-          class: [vue.unref(cs).z("main"), vue.unref(cs).is("radio", (_a = vue.unref(tableConfig).config) == null ? void 0 : _a.isradio)],
+          class: [
+            vue.unref(cs).z("main"),
+            vue.unref(cs).is("radio", (_a = vue.unref(tableConfig).config) == null ? void 0 : _a.isradio),
+            vue.unref(cs).is("scroll", vue.unref(paginat).is && vue.unref(paginat).scroll)
+          ],
+          "scroll-selector": "." + vue.unref(cs).ec("scrollbar") + " ." + vue.unref(cs).ec("scrollbar", "", "wrap"),
           value: vue.unref(data).list,
           list: vue.unref(tableList),
           size: (_b = vue.unref(tableConfig).config) == null ? void 0 : _b.size,
           paginat: vue.unref(paginat),
-          loading: vue.unref(loading),
+          loading: vue.unref(paginat).scroll && vue.unref(paginat).current > 1 ? false : vue.unref(loading),
           options: props.options,
           compons: props.compons,
           onSortChange: vue.unref(onSortChange),
@@ -75,8 +82,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               ])
             };
           })
-        ]), 1040, ["height", "class", "value", "list", "size", "paginat", "loading", "options", "compons", "onSortChange", "onListEvents", "onSelect", "onRowClick", "onSelectionChange"]),
-        ((_c = vue.unref(tableConfig).paginat) == null ? void 0 : _c.is) ? (vue.openBlock(), vue.createBlock(vue.unref(index$2.Paging), vue.mergeProps({ key: 0 }, vue.unref(pagconfig), {
+        ]), 1040, ["height", "class", "scroll-selector", "value", "list", "size", "paginat", "loading", "options", "compons", "onSortChange", "onListEvents", "onSelect", "onRowClick", "onSelectionChange"])), [
+          [vue.unref(index$2.default), vue.unref(scroll)]
+        ]),
+        ((_c = vue.unref(paginat)) == null ? void 0 : _c.is) && !vue.unref(paginat).scroll ? (vue.openBlock(), vue.createBlock(vue.unref(index$3.Paging), vue.mergeProps({ key: 0 }, vue.unref(pagconfig), {
           class: vue.unref(cs).z("paginat"),
           paginat: vue.unref(paginat),
           total: vue.unref(data).total,