@wfrog/vc-ui 1.13.1 → 1.13.3

package/dist/es/components/explorer-tree/explorer-tree.mjs

@@ -1,10 +1,8 @@
 import './index.css'
-import { ElTree, ElIcon } from 'element-plus/es';
+import { ElTree } from 'element-plus/es';
 import 'element-plus/es/components/base/style/css';
-import 'element-plus/es/components/icon/style/css';
 import 'element-plus/es/components/tree/style/css';
-import { defineComponent, useTemplateRef, computed, ref, watch, onBeforeUnmount, createBlock, openBlock, normalizeClass, withCtx, withDirectives, createElementBlock, createCommentVNode, createVNode, mergeProps, unref, renderSlot, createElementVNode, createTextVNode, toDisplayString, Fragment, renderList, vShow } from 'vue';
-import { Loading } from '@element-plus/icons-vue';
+import { defineComponent, useTemplateRef, computed, watch, ref, onBeforeUnmount, createBlock, openBlock, normalizeClass, withCtx, withDirectives, createVNode, mergeProps, unref, renderSlot, createElementVNode, createElementBlock, createCommentVNode, createTextVNode, toDisplayString, Fragment, renderList, vShow } from 'vue';
 import '../../chunk/D9iEroQw.mjs';
 import { C as Component$3 } from '../button/button.mjs';
 import { i as injectExplorerPanelState } from '../explorer-panel/explorer-panel2.mjs';
@@ -118,11 +116,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     data: {},
     actions: { default: () => [] },
     treeProps: {},
-    emptyText: { default: "没有数据" },
     defaultExpandAll: { type: Boolean, default: true },
-    pending: { type: Boolean },
-    loading: { type: Boolean },
-    loadingText: { default: "数据加载中..." },
     confirmParams: { type: Function, default: (node) => {
       return { msg: `确定要删除 ${node.data.label} 吗？` };
     } },
@@ -137,6 +131,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const emits = __emit;
     const treeRef = useTemplateRef("treeRef");
     const { filterKeyword } = injectExplorerPanelState();
+    const treeVisible = computed(() => Array.isArray(props.data) && props.data.length > 0);
     const actionsMapping = {
       create: { title: "新增", type: "primary", icon: "Plus" },
       modify: { title: "修改", type: "primary", icon: "Edit" },
@@ -145,7 +140,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       down: { title: "下移", type: "success", icon: "Bottom" }
     };
     const treeProps = computed(() => ({
-      emptyText: props.emptyText,
       defaultExpandAll: props.defaultExpandAll,
       expandOnClickNode: false,
       highlightCurrent: props.highlightCurrent,
@@ -153,22 +147,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       nodeKey: "value",
       ...props.treeProps
     }));
-    const myTreeData = ref();
     watch(() => props.disabled, () => {
       if (props.disabled) {
-        index.traverse(myTreeData.value || [], (node) => {
+        index.traverse(props.data || [], (node) => {
           node.originDisabled = node.disabled;
           node.disabled = true;
         });
       } else {
-        index.traverse(myTreeData.value || [], (node) => {
+        index.traverse(props.data || [], (node) => {
           node.disabled = node.originDisabled ?? false;
         });
       }
-    });
-    watch(() => props.data, () => {
-      myTreeData.value = props.data;
-    }, { immediate: true, deep: true });
+    }, { immediate: true });
     function filterNode(value, data) {
       if (!value || !filterKeyword.value) {
         return true;
@@ -215,7 +205,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       const _component_ElTree = ElTree;
-      const _component_ElIcon = ElIcon;
       return openBlock(), createBlock(Component$1, {
         always: "",
         class: normalizeClass(_ctx.$style.scrollbar)
@@ -224,8 +213,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           withDirectives(createVNode(_component_ElTree, mergeProps({
             ref_key: "treeRef",
             ref: treeRef,
-            data: unref(myTreeData)
-          }, { ..._ctx.$attrs, ...unref(treeProps) }, {
+            data: __props.data
+          }, unref(treeProps), {
             class: _ctx.$style.tree,
             "filter-node-method": filterNode,
             onNodeClick: handleNodeClick
@@ -286,20 +275,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ]),
             _: 3
           }, 16, ["data", "class"]), [
-            [vShow, !__props.loading && !__props.pending]
-          ]),
-          __props.loading ? (openBlock(), createElementBlock("div", {
-            key: 0,
-            class: normalizeClass(_ctx.$style.loading)
-          }, [
-            createVNode(_component_ElIcon, { class: "is-loading" }, {
-              default: withCtx(() => [
-                createVNode(unref(Loading))
-              ]),
-              _: 1
-            }),
-            createTextVNode(toDisplayString(__props.loadingText), 1)
-          ], 2)) : createCommentVNode("", true)
+            [vShow, unref(treeVisible)]
+          ])
         ]),
         _: 3
       }, 8, ["class"]);
@@ -307,20 +284,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 
-/* unplugin-vue-components disabled */const tree = "_tree_oy44a_1";
-const node = "_node_oy44a_27";
-const label = "_label_oy44a_37";
-const actions = "_actions_oy44a_47";
-const remove = "_remove_oy44a_60";
-const loading = "_loading_oy44a_64";
-const scrollbar = "_scrollbar_oy44a_72";
+/* unplugin-vue-components disabled */const tree = "_tree_1vdtr_1";
+const node = "_node_1vdtr_28";
+const label = "_label_1vdtr_38";
+const actions = "_actions_1vdtr_48";
+const remove = "_remove_1vdtr_61";
+const scrollbar = "_scrollbar_1vdtr_65";
 const style0 = {
 	tree: tree,
 	node: node,
 	label: label,
 	actions: actions,
 	remove: remove,
-	loading: loading,
 	scrollbar: scrollbar
 };
 

package/dist/es/components/explorer-tree/explorer-tree.vue.d.ts

@@ -2057,8 +2057,6 @@ declare const __VLS_component: import('vue').DefineComponent<IExplorerTreeProps,
     onNodeClick?: ((value: string | number | undefined, node: Node, instance: ComponentInternalInstance | null, event: MouseEvent) => any) | undefined;
 }>, {
     disabled: boolean | ((action: string, node: Node) => boolean);
-    loadingText: string;
-    emptyText: string;
     highlightCurrent: boolean;
     defaultExpandAll: boolean;
     actions: ("create" | "modify" | "remove" | "up" | "down" | "action")[];

package/dist/es/components/explorer-tree/index.css

@@ -1,69 +1,63 @@
 /* source: src/components/explorer-tree/explorer-tree.vue */
-._tree_oy44a_1 .el-tree-node__content {
-  display: flex;
+._tree_1vdtr_1 .el-tree-node__content {
   align-items: center;
+  display: flex;
 }
-._tree_oy44a_1 .el-tree-node__content:hover {
+._tree_1vdtr_1 .el-tree-node__content:hover {
   background-color: var(--vc-highlight-bg-color, var(--el-fill-color-light));
 }
-._tree_oy44a_1 .el-tree-node__content:hover .vc-actions {
+._tree_1vdtr_1 .el-tree-node__content:hover .vc-actions {
   display: inline-flex;
 }
-._tree_oy44a_1 .el-tree-node:focus > .el-tree-node__content {
+._tree_1vdtr_1 .el-tree-node:focus > .el-tree-node__content {
   background-color: var(--vc-highlight-bg-color, var(--el-fill-color-light));
 }
-._tree_oy44a_1 .is-current > .el-tree-node__content {
-  color: var(--el-color-primary);
+._tree_1vdtr_1 .is-current > .el-tree-node__content {
   background-color: var(--vc-highlight-bg-color, var(--el-fill-color-light)) !important;
+  color: var(--el-color-primary);
 }
-._tree_oy44a_1 .el-tree__empty-block {
-  text-align: left;
+._tree_1vdtr_1 .el-tree__empty-block {
+  box-sizing: border-box;
   min-height: unset;
   padding: 4px 8px;
+  text-align: left;
 }
-._tree_oy44a_1 .el-tree__empty-text {
+._tree_1vdtr_1 .el-tree__empty-text {
   position: static;
 }
-._node_oy44a_27 {
-  display: flex;
-  justify-content: space-between;
+._node_1vdtr_28 {
   align-items: center;
+  box-sizing: border-box;
+  display: flex;
   flex-grow: 1;
+  justify-content: space-between;
   padding: 4px 8px 4px 0;
-  box-sizing: border-box;
   width: 100px;
 }
-._label_oy44a_37 {
+._label_1vdtr_38 {
   overflow: hidden;
   text-overflow: ellipsis;
-  white-space: nowrap;
   transform: translateY(-1px);
+  white-space: nowrap;
 }
-._label_oy44a_37 .iconify {
+._label_1vdtr_38 .iconify {
   margin-right: 4px;
 }
-._actions_oy44a_47 {
-  display: none;
+._actions_1vdtr_48 {
   column-gap: 4px;
+  display: none;
 }
-._actions_oy44a_47 > button {
-  margin-left: 0 !important;
-  font-size: 1.2em;
+._actions_1vdtr_48 > button {
   border: 1px solid var(--el-border-color-light) !important;
+  font-size: 1.2em;
+  margin-left: 0 !important;
 }
-._actions_oy44a_47 > button:hover {
+._actions_1vdtr_48 > button:hover {
   border-color: var(--el-border-color-dark) !important;
 }
-._remove_oy44a_60 {
+._remove_1vdtr_61 {
   transform: translateY(-1px);
 }
-._loading_oy44a_64 {
-  padding: 4px 8px;
-  display: flex;
-  align-items: center;
-  column-gap: 4px;
-  color: var(--el-text-color-secondary);
-}
-._scrollbar_oy44a_72 {
+._scrollbar_1vdtr_65 {
   margin: 0 -8px;
 }

package/dist/es/components/icon-picker/components/collections.vue.d.ts

@@ -14,6 +14,16 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
             readonly flex?: boolean | undefined;
             readonly fillHeight?: boolean | undefined;
             readonly viewMargin?: string | undefined;
+            readonly scrollLoad?: boolean | undefined;
+            readonly scrollLoadDisabled?: boolean | undefined;
+            readonly scrollLoadRootMargin?: string | undefined;
+            readonly scrollLoadThreshold?: number | undefined;
+            readonly loading?: boolean | undefined;
+            readonly loadingText?: string | undefined;
+            readonly noMoreText?: string | undefined;
+            readonly empty?: boolean | undefined;
+            readonly emptyText?: string | undefined;
+            readonly onLoadMore?: (() => any) | undefined;
         } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
         $attrs: {
             [x: string]: unknown;
@@ -216,6 +226,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
                     default?: (props: {}) => any;
                 };
             }) | null;
+            sentinelRef: HTMLDivElement;
         };
         $slots: Readonly<{
             [name: string]: globalThis.Slot | undefined;
@@ -223,9 +234,11 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
         $root: ComponentPublicInstance | null;
         $parent: ComponentPublicInstance | null;
         $host: Element | null;
-        $emit: (event: string, ...args: any[]) => void;
+        $emit: (event: "loadMore") => void;
         $el: any;
-        $options: import('vue').ComponentOptionsBase<Readonly<import('../../scrollbar/scrollbar').IScrollbarProps> & Readonly<{}>, {
+        $options: import('vue').ComponentOptionsBase<Readonly<import('../../scrollbar/scrollbar').IScrollbarProps> & Readonly<{
+            onLoadMore?: (() => any) | undefined;
+        }>, {
             scrollbarRef: Readonly<globalThis.ShallowRef<({
                 $: import('vue').ComponentInternalInstance;
                 $data: {};
@@ -421,10 +434,21 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
                     default?: (props: {}) => any;
                 };
             }) | null>>;
-        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+            loadMore: () => any;
+        }, string, {
+            loading: boolean;
             flex: boolean;
             fillHeight: boolean;
             viewMargin: string;
+            scrollLoad: boolean;
+            scrollLoadDisabled: boolean;
+            scrollLoadRootMargin: string;
+            scrollLoadThreshold: number;
+            loadingText: string;
+            noMoreText: string;
+            empty: boolean;
+            emptyText: string;
         }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -446,10 +470,21 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
         $nextTick: typeof import('vue').nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
     } & Readonly<{
+        loading: boolean;
         flex: boolean;
         fillHeight: boolean;
         viewMargin: string;
-    }> & Omit<Readonly<import('../../scrollbar/scrollbar').IScrollbarProps> & Readonly<{}>, ("flex" | "fillHeight" | "viewMargin") | "scrollbarRef"> & import('vue').ShallowUnwrapRef<{
+        scrollLoad: boolean;
+        scrollLoadDisabled: boolean;
+        scrollLoadRootMargin: string;
+        scrollLoadThreshold: number;
+        loadingText: string;
+        noMoreText: string;
+        empty: boolean;
+        emptyText: string;
+    }> & Omit<Readonly<import('../../scrollbar/scrollbar').IScrollbarProps> & Readonly<{
+        onLoadMore?: (() => any) | undefined;
+    }>, ("loading" | "flex" | "fillHeight" | "viewMargin" | "scrollLoad" | "scrollLoadDisabled" | "scrollLoadRootMargin" | "scrollLoadThreshold" | "loadingText" | "noMoreText" | "empty" | "emptyText") | "scrollbarRef"> & import('vue').ShallowUnwrapRef<{
         scrollbarRef: Readonly<globalThis.ShallowRef<({
             $: import('vue').ComponentInternalInstance;
             $data: {};
@@ -648,6 +683,9 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
     }> & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: {
             default?(_: {}): any;
+            empty?(_: {}): any;
+            loading?(_: {}): any;
+            'no-more'?(_: {}): any;
         };
     }) | null;
 }, HTMLDivElement>;

package/dist/es/components/scrollbar/index.css

@@ -1,20 +1,34 @@
 /* source: src/components/scrollbar/scrollbar.vue */
-._scrollbar_edxkl_1 {
+._scrollbar_ro2ve_1 {
   display: flex;
   flex-direction: column;
   flex-grow: 1;
 }
-._scrollbar_edxkl_1 > .el-scrollbar__wrap {
-  flex-grow: 1;
-  flex-direction: column;
+._scrollbar_ro2ve_1 > .el-scrollbar__wrap {
   display: flex;
+  flex-direction: column;
+  flex-grow: 1;
 }
-._scrollbar_edxkl_1 > .el-scrollbar__wrap > .el-scrollbar__view {
+._scrollbar_ro2ve_1 > .el-scrollbar__wrap > .el-scrollbar__view {
   display: flex;
   flex-direction: column;
   flex-grow: 1;
-  margin: var(--v0912858a);
+  margin: var(--v64cfbc6c);
 }
-._fill-height_edxkl_18 {
+._fill-height_ro2ve_18 {
   height: 10px;
+}
+._sentinel_ro2ve_22 {
+  height: 0;
+}
+._loading_ro2ve_26 {
+  align-items: center;
+  column-gap: 4px;
+  display: flex;
+  justify-content: center;
+  padding: 12px;
+}
+._status-text_ro2ve_34 {
+  padding: 12px;
+  text-align: center;
 }

package/dist/es/components/scrollbar/scrollbar.d.ts

@@ -2,4 +2,13 @@ export interface IScrollbarProps {
     flex?: boolean;
     fillHeight?: boolean;
     viewMargin?: string;
+    scrollLoad?: boolean;
+    scrollLoadDisabled?: boolean;
+    scrollLoadRootMargin?: string;
+    scrollLoadThreshold?: number;
+    loading?: boolean;
+    loadingText?: string;
+    noMoreText?: string;
+    empty?: boolean;
+    emptyText?: string;
 }

package/dist/es/components/scrollbar/scrollbar.mjs

@@ -1,8 +1,12 @@
 import './index.css'
-import { ElScrollbar } from 'element-plus/es';
+import { ElScrollbar, ElText, ElIcon } from 'element-plus/es';
 import 'element-plus/es/components/base/style/css';
 import 'element-plus/es/components/scrollbar/style/css';
-import { defineComponent, useCssVars, useTemplateRef, createBlock, openBlock, normalizeClass, withCtx, renderSlot } from 'vue';
+import 'element-plus/es/components/icon/style/css';
+import 'element-plus/es/components/text/style/css';
+import { defineComponent, useCssVars, useTemplateRef, computed, createBlock, openBlock, normalizeClass, withCtx, renderSlot, createElementBlock, createCommentVNode, createElementVNode, createVNode, createTextVNode, toDisplayString, unref } from 'vue';
+import { Loading } from '@element-plus/icons-vue';
+import { useIntersectionObserver } from '@vueuse/core';
 import { _ as _export_sfc } from '../../chunk/pcqpp-6-.mjs';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -10,15 +14,47 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   props: {
     flex: { type: Boolean, default: true },
     fillHeight: { type: Boolean, default: true },
-    viewMargin: { default: "0 10px" }
+    viewMargin: { default: "0 10px" },
+    scrollLoad: { type: Boolean, default: false },
+    scrollLoadDisabled: { type: Boolean, default: false },
+    scrollLoadRootMargin: { default: "100px" },
+    scrollLoadThreshold: { default: 0 },
+    loading: { type: Boolean, default: false },
+    loadingText: { default: "加载中" },
+    noMoreText: { default: "没有更多了" },
+    empty: { type: Boolean, default: false },
+    emptyText: { default: "暂无数据" }
   },
-  setup(__props, { expose: __expose }) {
+  emits: ["loadMore"],
+  setup(__props, { expose: __expose, emit: __emit }) {
     useCssVars((_ctx) => ({
-      "v0912858a": _ctx.viewMargin
+      "v64cfbc6c": _ctx.viewMargin
     }));
+    const props = __props;
+    const emits = __emit;
     const scrollbarRef = useTemplateRef("scrollbarRef");
+    const sentinelRef = useTemplateRef("sentinelRef");
+    const scrollLoadEnabled = computed(
+      () => props.scrollLoad && !props.loading && !props.scrollLoadDisabled
+    );
+    const scrollRoot = computed(() => scrollbarRef.value?.wrapRef ?? null);
+    useIntersectionObserver(
+      sentinelRef,
+      ([{ isIntersecting }]) => {
+        if (isIntersecting && scrollLoadEnabled.value) {
+          emits("loadMore");
+        }
+      },
+      {
+        root: scrollRoot,
+        rootMargin: props.scrollLoadRootMargin,
+        threshold: props.scrollLoadThreshold
+      }
+    );
     __expose({ scrollbarRef });
     return (_ctx, _cache) => {
+      const _component_ElText = ElText;
+      const _component_ElIcon = ElIcon;
       const _component_ElScrollbar = ElScrollbar;
       return openBlock(), createBlock(_component_ElScrollbar, {
         ref_key: "scrollbarRef",
@@ -26,7 +62,53 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         class: normalizeClass({ [_ctx.$style.scrollbar]: __props.flex, [_ctx.$style[`fill-height`]]: __props.fillHeight })
       }, {
         default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
+          !__props.empty ? renderSlot(_ctx.$slots, "default", { key: 0 }) : renderSlot(_ctx.$slots, "empty", { key: 1 }, () => [
+            createElementVNode("div", {
+              class: normalizeClass(_ctx.$style["status-text"])
+            }, [
+              createVNode(_component_ElText, { type: "info" }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(__props.emptyText), 1)
+                ]),
+                _: 1
+              })
+            ], 2)
+          ]),
+          __props.scrollLoad && !__props.empty ? (openBlock(), createElementBlock("div", {
+            key: 2,
+            ref_key: "sentinelRef",
+            ref: sentinelRef,
+            class: normalizeClass(_ctx.$style.sentinel)
+          }, null, 2)) : createCommentVNode("", true),
+          __props.loading ? renderSlot(_ctx.$slots, "loading", { key: 3 }, () => [
+            createElementVNode("div", {
+              class: normalizeClass(_ctx.$style.loading)
+            }, [
+              createVNode(_component_ElIcon, { class: "is-loading" }, {
+                default: withCtx(() => [
+                  createVNode(unref(Loading))
+                ]),
+                _: 1
+              }),
+              createVNode(_component_ElText, { type: "info" }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(__props.loadingText), 1)
+                ]),
+                _: 1
+              })
+            ], 2)
+          ]) : __props.scrollLoadDisabled ? renderSlot(_ctx.$slots, "no-more", { key: 4 }, () => [
+            createElementVNode("div", {
+              class: normalizeClass(_ctx.$style["status-text"])
+            }, [
+              createVNode(_component_ElText, { type: "info" }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(__props.noMoreText), 1)
+                ]),
+                _: 1
+              })
+            ], 2)
+          ]) : createCommentVNode("", true)
         ]),
         _: 3
       }, 8, ["class"]);
@@ -34,10 +116,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 
-/* unplugin-vue-components disabled */const scrollbar = "_scrollbar_edxkl_1";
+/* unplugin-vue-components disabled */const scrollbar = "_scrollbar_ro2ve_1";
+const sentinel = "_sentinel_ro2ve_22";
+const loading = "_loading_ro2ve_26";
 const style0 = {
 	scrollbar: scrollbar,
-	"fill-height": "_fill-height_edxkl_18"
+	"fill-height": "_fill-height_ro2ve_18",
+	sentinel: sentinel,
+	loading: loading,
+	"status-text": "_status-text_ro2ve_34"
 };
 
 const cssModules = {

package/dist/es/components/scrollbar/scrollbar.vue.d.ts

@@ -3,6 +3,9 @@ declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
+        empty?(_: {}): any;
+        loading?(_: {}): any;
+        'no-more'?(_: {}): any;
     };
     refs: {
         scrollbarRef: ({
@@ -200,6 +203,7 @@ declare function __VLS_template(): {
                 default?: (props: {}) => any;
             };
         }) | null;
+        sentinelRef: HTMLDivElement;
     };
     rootEl: any;
 };
@@ -400,10 +404,23 @@ declare const __VLS_component: import('vue').DefineComponent<IScrollbarProps, {
             default?: (props: {}) => any;
         };
     }) | null>>;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<IScrollbarProps> & Readonly<{}>, {
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    loadMore: () => any;
+}, string, import('vue').PublicProps, Readonly<IScrollbarProps> & Readonly<{
+    onLoadMore?: (() => any) | undefined;
+}>, {
+    loading: boolean;
     flex: boolean;
     fillHeight: boolean;
     viewMargin: string;
+    scrollLoad: boolean;
+    scrollLoadDisabled: boolean;
+    scrollLoadRootMargin: string;
+    scrollLoadThreshold: number;
+    loadingText: string;
+    noMoreText: string;
+    empty: boolean;
+    emptyText: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     scrollbarRef: ({
         $: import('vue').ComponentInternalInstance;
@@ -600,6 +617,7 @@ declare const __VLS_component: import('vue').DefineComponent<IScrollbarProps, {
             default?: (props: {}) => any;
         };
     }) | null;
+    sentinelRef: HTMLDivElement;
 }, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/es/index.mjs

@@ -164,7 +164,7 @@ const __vite_glob_0_50 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.definePr
     default: _sfc_main$8
 }, Symbol.toStringTag, { value: 'Module' }));
 
-const version = "1.13.1";
+const version = "1.13.3";
 
 const modules = /* #__PURE__ */ Object.assign({"./components/awesome-icon/awesome-icon.vue": __vite_glob_0_0,"./components/backbottom/backbottom.vue": __vite_glob_0_1,"./components/button/button.vue": __vite_glob_0_2,"./components/chat-container/chat-container.vue": __vite_glob_0_3,"./components/choice-boolean/choice-boolean.vue": __vite_glob_0_4,"./components/choice/choice.vue": __vite_glob_0_5,"./components/color-switch/color-switch.vue": __vite_glob_0_6,"./components/config-provider/config-provider.vue": __vite_glob_0_7,"./components/cropper/cropper.vue": __vite_glob_0_8,"./components/currency/currency.vue": __vite_glob_0_9,"./components/dark-switch/dark-switch.vue": __vite_glob_0_10,"./components/daterange-picker/daterange-picker.vue": __vite_glob_0_11,"./components/dialog-camera-upload/dialog-camera-upload.vue": __vite_glob_0_12,"./components/dialog-map-point/dialog-map-point.vue": __vite_glob_0_13,"./components/dialog-upload-images/dialog-upload-images.vue": __vite_glob_0_14,"./components/dialog/dialog.vue": __vite_glob_0_15,"./components/drag-verify/drag-verify.vue": __vite_glob_0_16,"./components/drawer/drawer.vue": __vite_glob_0_17,"./components/easy-pagination/easy-pagination.vue": __vite_glob_0_18,"./components/el-icon/el-icon.vue": __vite_glob_0_19,"./components/explorer-column-table/explorer-column-table.vue": __vite_glob_0_20,"./components/explorer-container/explorer-container.vue": __vite_glob_0_21,"./components/explorer-filter/explorer-filter.vue": __vite_glob_0_22,"./components/explorer-footer/explorer-footer.vue": __vite_glob_0_23,"./components/explorer-form/explorer-form.vue": __vite_glob_0_24,"./components/explorer-list/explorer-list.vue": __vite_glob_0_25,"./components/explorer-modal-form/explorer-modal-form.vue": __vite_glob_0_26,"./components/explorer-panel/explorer-panel.vue": __vite_glob_0_27,"./components/explorer-query/explorer-query.vue": __vite_glob_0_28,"./components/explorer-table/explorer-table.vue": __vite_glob_0_29,"./components/explorer-tools/explorer-tools.vue": __vite_glob_0_30,"./components/explorer-tree/explorer-tree.vue": __vite_glob_0_31,"./components/explorer/explorer.vue": __vite_glob_0_32,"./components/flag/flag.vue": __vite_glob_0_33,"./components/form-item/form-item.vue": __vite_glob_0_34,"./components/gen-input/gen-input.vue": __vite_glob_0_35,"./components/icon-picker/icon-picker.vue": __vite_glob_0_36,"./components/icon/icon.vue": __vite_glob_0_37,"./components/iconify-icon/iconify-icon.vue": __vite_glob_0_38,"./components/image/image.vue": __vite_glob_0_39,"./components/info-tooltip/info-tooltip.vue": __vite_glob_0_40,"./components/input-number/input-number.vue": __vite_glob_0_41,"./components/input/input.vue": __vite_glob_0_42,"./components/pca-picker/pca-picker.vue": __vite_glob_0_43,"./components/qr-code/qr-code.vue": __vite_glob_0_44,"./components/screenfull/screenfull.vue": __vite_glob_0_45,"./components/scrollbar/scrollbar.vue": __vite_glob_0_46,"./components/select/select.vue": __vite_glob_0_47,"./components/single-player/single-player.vue": __vite_glob_0_48,"./components/splitter-panel/splitter-panel.vue": __vite_glob_0_49,"./components/splitter/splitter.vue": __vite_glob_0_50,"./components/svg-icon/svg-icon.vue": __vite_glob_0_51,"./components/switch/switch.vue": __vite_glob_0_52,"./components/sync-scroll-container/sync-scroll-container.vue": __vite_glob_0_53,"./components/tags/tags.vue": __vite_glob_0_54,"./components/text-ellipsis/text-ellipsis.vue": __vite_glob_0_55,"./components/thousand-input/thousand-input.vue": __vite_glob_0_56,"./components/tinymce/tinymce.vue": __vite_glob_0_57,"./components/transfer-panel/transfer-panel.vue": __vite_glob_0_58,"./components/transfer/transfer.vue": __vite_glob_0_59,"./components/tree-picker/tree-picker.vue": __vite_glob_0_60,"./components/tree-select/tree-select.vue": __vite_glob_0_61,"./components/upload-file/upload-file.vue": __vite_glob_0_62});
 const upper = (_, letter) => letter.toUpperCase();