@wfrog/vc-ui 1.13.1 → 1.13.2

package/dist/es/components/explorer-filter/explorer-filter.d.ts

@@ -5,6 +5,7 @@ export interface IExplorerFilterProps {
     create?: boolean;
     debounce?: number;
     disabled?: boolean;
+    closeFilter?: boolean;
 }
 export interface IExplorerFilterEmits {
     (e: 'filter', keyword: string): void;

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

@@ -17,12 +17,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     paddingBottom: { default: 8 },
     create: { type: Boolean },
     debounce: { default: 300 },
-    disabled: { type: Boolean }
+    disabled: { type: Boolean },
+    closeFilter: { type: Boolean, default: false }
   },
   emits: ["filter", "create"],
   setup(__props, { emit: __emit }) {
     useCssVars((_ctx) => ({
-      "cd3fe400": `${_ctx.paddingBottom}px`
+      "v649a28c7": `${_ctx.paddingBottom}px`
     }));
     const props = __props;
     const emits = __emit;
@@ -32,7 +33,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (filterKeyword.value === keyword.value) {
         return;
       }
-      filterKeyword.value = keyword.value;
+      !props.closeFilter && (filterKeyword.value = keyword.value);
       emits("filter", keyword.value);
     }
     const keywordChange = debounce(() => handleFilter(), props.debounce);

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

@@ -10,5 +10,6 @@ declare const _default: import('vue').DefineComponent<IExplorerFilterProps, {},
     clearable: boolean;
     debounce: number;
     paddingBottom: number;
+    closeFilter: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

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

@@ -1,6 +1,6 @@
 /* source: src/components/explorer-filter/explorer-filter.vue */
 ._explorer-filter_fuuuf_1 {
-  padding-bottom: var(--cd3fe400);
+  padding-bottom: var(--v649a28c7);
   display: flex;
   column-gap: 8px;
   border-bottom: 1px solid var(--el-border-color-lighter);

package/dist/es/components/explorer-list/explorer-list.d.ts

@@ -11,10 +11,6 @@ export interface IExplorerListProps {
     data: IExplorerListItem[];
     actions?: ('create' | 'modify' | 'remove' | 'up' | 'down' | 'action')[];
     filterMethod?: (keyword: string, item: IExplorerListItem) => boolean;
-    emptyText?: string;
-    pending?: boolean;
-    loading?: boolean;
-    loadingText?: string;
     highlightCurrent?: boolean;
     cancelHighlight?: boolean;
     showCheckbox?: boolean;

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

@@ -1,11 +1,9 @@
 import './index.css'
-import { ElCheckboxGroup, ElCheckbox, ElIcon } from 'element-plus/es';
+import { ElCheckboxGroup, ElCheckbox } 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/checkbox-group/style/css';
 import 'element-plus/es/components/checkbox/style/css';
-import { defineComponent, useCssVars, unref, computed, ref, createBlock, openBlock, normalizeClass, withCtx, withDirectives, createElementBlock, createCommentVNode, createElementVNode, createVNode, isRef, Fragment, renderList, renderSlot, createTextVNode, toDisplayString, mergeProps, vShow } from 'vue';
-import { Loading } from '@element-plus/icons-vue';
+import { defineComponent, useCssVars, unref, computed, ref, createBlock, openBlock, normalizeClass, createSlots, withCtx, createVNode, isRef, createElementBlock, Fragment, renderList, renderSlot, createElementVNode, createCommentVNode, createTextVNode, toDisplayString, mergeProps } from 'vue';
 import { C as Component$3 } from '../button/button.mjs';
 import { i as injectExplorerPanelState } from '../explorer-panel/explorer-panel2.mjs';
 import { C as Component$2 } from '../iconify-icon/iconify-icon.mjs';
@@ -23,10 +21,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     filterMethod: { type: Function, default: (keyword, item) => {
       return item.label.toLowerCase().includes(keyword.toLowerCase());
     } },
-    emptyText: { default: "没有数据" },
-    pending: { type: Boolean },
-    loading: { type: Boolean },
-    loadingText: { default: "数据加载中..." },
     highlightCurrent: { type: Boolean, default: true },
     cancelHighlight: { type: Boolean, default: false },
     showCheckbox: { type: Boolean },
@@ -38,7 +32,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: ["update:modelValue", "valueChange", "itemClick", "create", "modify", "remove", "up", "down"],
   setup(__props, { expose: __expose, emit: __emit }) {
     useCssVars((_ctx) => ({
-      "v7fa588cc": unref(cursorStyle)
+      "ac031736": unref(cursorStyle)
     }));
     const props = __props;
     const emits = __emit;
@@ -55,7 +49,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const myData = computed(() => {
       return filterKeyword.value ? props.data.filter((item) => props.filterMethod(filterKeyword.value, item)) : props.data;
     });
-    const isEmpty = computed(() => myData.value.length === 0);
     const cursorStyle = computed(() => props.highlightCurrent ? "pointer" : "unset");
     function handleClick(item) {
       if (!props.highlightCurrent) {
@@ -92,141 +85,138 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_el_checkbox = ElCheckbox;
       const _component_el_checkbox_group = ElCheckboxGroup;
-      const _component_ElIcon = ElIcon;
       return openBlock(), createBlock(Component$1, {
         always: "",
         class: normalizeClass(_ctx.$style.scrollbar)
-      }, {
+      }, createSlots({
         default: withCtx(() => [
-          withDirectives(createElementVNode("div", null, [
-            createVNode(_component_el_checkbox_group, {
-              modelValue: unref(myValue),
-              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(myValue) ? myValue.value = $event : null),
-              disabled: unref(checkboxGroupDisabled),
-              onChange: _cache[1] || (_cache[1] = (val) => emits("valueChange", val))
-            }, {
-              default: withCtx(() => [
-                (openBlock(true), createElementBlock(Fragment, null, renderList(unref(myData), (item, index) => {
-                  return openBlock(), createElementBlock("div", {
-                    key: item.value,
-                    class: normalizeClass([_ctx.$style.item, { [_ctx.$style.active]: unref(actived) === item.value }]),
-                    onClick: () => handleClick(item)
-                  }, [
-                    renderSlot(_ctx.$slots, "item", {
-                      data: item,
-                      index
-                    }, () => [
-                      createElementVNode("div", {
-                        class: normalizeClass(_ctx.$style.label)
-                      }, [
-                        __props.showCheckbox ? (openBlock(), createBlock(_component_el_checkbox, {
-                          key: 0,
-                          value: item.value
-                        }, {
-                          default: withCtx(() => [
-                            renderSlot(_ctx.$slots, "label", {
-                              data: item,
-                              index
-                            }, () => [
-                              item.icon ? (openBlock(), createBlock(Component$2, {
-                                key: 0,
-                                name: item.icon,
-                                class: normalizeClass(_ctx.$style.icon)
-                              }, null, 8, ["name", "class"])) : createCommentVNode("", true),
-                              createTextVNode(toDisplayString(item.label), 1)
-                            ])
-                          ]),
-                          _: 2
-                        }, 1032, ["value"])) : renderSlot(_ctx.$slots, "label", {
-                          key: 1,
-                          data: item,
-                          index
-                        }, () => [
-                          item.icon ? (openBlock(), createBlock(Component$2, {
-                            key: 0,
-                            name: item.icon,
-                            class: normalizeClass(_ctx.$style.icon)
-                          }, null, 8, ["name", "class"])) : createCommentVNode("", true),
-                          createTextVNode(toDisplayString(item.label), 1)
-                        ])
-                      ], 2),
-                      __props.actions.length ? (openBlock(), createElementBlock("div", {
+          createVNode(_component_el_checkbox_group, {
+            modelValue: unref(myValue),
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(myValue) ? myValue.value = $event : null),
+            disabled: unref(checkboxGroupDisabled),
+            onChange: _cache[1] || (_cache[1] = (val) => emits("valueChange", val))
+          }, {
+            default: withCtx(() => [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(unref(myData), (item, index) => {
+                return openBlock(), createElementBlock("div", {
+                  key: item.value,
+                  class: normalizeClass([_ctx.$style.item, { [_ctx.$style.active]: unref(actived) === item.value }]),
+                  onClick: () => handleClick(item)
+                }, [
+                  renderSlot(_ctx.$slots, "item", {
+                    data: item,
+                    index
+                  }, () => [
+                    createElementVNode("div", {
+                      class: normalizeClass(_ctx.$style.label)
+                    }, [
+                      __props.showCheckbox ? (openBlock(), createBlock(_component_el_checkbox, {
                         key: 0,
-                        class: normalizeClass(_ctx.$style.actions)
-                      }, [
-                        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.actions, (action) => {
-                          return openBlock(), createElementBlock(Fragment, { key: action }, [
-                            action === "action" ? renderSlot(_ctx.$slots, "action", {
+                        value: item.value
+                      }, {
+                        default: withCtx(() => [
+                          renderSlot(_ctx.$slots, "label", {
+                            data: item,
+                            index
+                          }, () => [
+                            item.icon ? (openBlock(), createBlock(Component$2, {
                               key: 0,
-                              data: item,
-                              index
-                            }) : (openBlock(), createBlock(Component$3, mergeProps({
-                              key: 1,
-                              ref_for: true
-                            }, actionsMapping[action], {
-                              confirm: action === "remove" ? __props.confirmParams(item) : void 0,
-                              class: action === "remove" ? _ctx.$style.remove : void 0,
-                              link: "",
-                              icon: { type: "el", name: actionsMapping[action].icon },
-                              stop: "",
-                              disabled: myDisabled(action, item),
-                              onClick: ($event) => emits(action, item.value, item)
-                            }), null, 16, ["confirm", "class", "icon", "disabled", "onClick"]))
-                          ], 64);
-                        }), 128))
-                      ], 2)) : createCommentVNode("", true),
-                      renderSlot(_ctx.$slots, "extra-label", {
+                              name: item.icon,
+                              class: normalizeClass(_ctx.$style.icon)
+                            }, null, 8, ["name", "class"])) : createCommentVNode("", true),
+                            createTextVNode(toDisplayString(item.label), 1)
+                          ])
+                        ]),
+                        _: 2
+                      }, 1032, ["value"])) : renderSlot(_ctx.$slots, "label", {
+                        key: 1,
                         data: item,
                         index
-                      })
-                    ])
-                  ], 10, _hoisted_1);
-                }), 128))
-              ]),
-              _: 3
-            }, 8, ["modelValue", "disabled"])
-          ], 512), [
-            [vShow, !__props.loading]
-          ]),
-          unref(isEmpty) && !__props.loading && !__props.pending ? (openBlock(), createElementBlock("div", {
-            key: 0,
-            class: normalizeClass(_ctx.$style.empty)
-          }, toDisplayString(__props.emptyText), 3)) : createCommentVNode("", true),
-          __props.loading ? (openBlock(), createElementBlock("div", {
-            key: 1,
-            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)
+                      }, () => [
+                        item.icon ? (openBlock(), createBlock(Component$2, {
+                          key: 0,
+                          name: item.icon,
+                          class: normalizeClass(_ctx.$style.icon)
+                        }, null, 8, ["name", "class"])) : createCommentVNode("", true),
+                        createTextVNode(toDisplayString(item.label), 1)
+                      ])
+                    ], 2),
+                    __props.actions.length ? (openBlock(), createElementBlock("div", {
+                      key: 0,
+                      class: normalizeClass(_ctx.$style.actions)
+                    }, [
+                      (openBlock(true), createElementBlock(Fragment, null, renderList(__props.actions, (action) => {
+                        return openBlock(), createElementBlock(Fragment, { key: action }, [
+                          action === "action" ? renderSlot(_ctx.$slots, "action", {
+                            key: 0,
+                            data: item,
+                            index
+                          }) : (openBlock(), createBlock(Component$3, mergeProps({
+                            key: 1,
+                            ref_for: true
+                          }, actionsMapping[action], {
+                            confirm: action === "remove" ? __props.confirmParams(item) : void 0,
+                            class: action === "remove" ? _ctx.$style.remove : void 0,
+                            link: "",
+                            icon: { type: "el", name: actionsMapping[action].icon },
+                            stop: "",
+                            disabled: myDisabled(action, item),
+                            onClick: ($event) => emits(action, item.value, item)
+                          }), null, 16, ["confirm", "class", "icon", "disabled", "onClick"]))
+                        ], 64);
+                      }), 128))
+                    ], 2)) : createCommentVNode("", true),
+                    renderSlot(_ctx.$slots, "extra-label", {
+                      data: item,
+                      index
+                    })
+                  ])
+                ], 10, _hoisted_1);
+              }), 128))
+            ]),
+            _: 3
+          }, 8, ["modelValue", "disabled"])
         ]),
-        _: 3
-      }, 8, ["class"]);
+        _: 2
+      }, [
+        _ctx.$slots.empty ? {
+          name: "empty",
+          fn: withCtx(() => [
+            renderSlot(_ctx.$slots, "empty")
+          ]),
+          key: "0"
+        } : void 0,
+        _ctx.$slots.loading ? {
+          name: "loading",
+          fn: withCtx(() => [
+            renderSlot(_ctx.$slots, "loading")
+          ]),
+          key: "1"
+        } : void 0,
+        _ctx.$slots["no-more"] ? {
+          name: "no-more",
+          fn: withCtx(() => [
+            renderSlot(_ctx.$slots, "no-more")
+          ]),
+          key: "2"
+        } : void 0
+      ]), 1032, ["class"]);
     };
   }
 });
 
-/* unplugin-vue-components disabled */const item = "_item_14vaz_1";
-const actions = "_actions_14vaz_16";
-const active = "_active_14vaz_20";
-const label = "_label_14vaz_25";
-const remove = "_remove_14vaz_58";
-const empty = "_empty_14vaz_62";
-const loading = "_loading_14vaz_63";
-const scrollbar = "_scrollbar_14vaz_71";
+/* unplugin-vue-components disabled */const item = "_item_13vx0_1";
+const actions = "_actions_13vx0_16";
+const active = "_active_13vx0_20";
+const label = "_label_13vx0_25";
+const remove = "_remove_13vx0_58";
+const scrollbar = "_scrollbar_13vx0_62";
 const style0 = {
 	item: item,
 	actions: actions,
 	active: active,
 	label: label,
 	remove: remove,
-	empty: empty,
-	loading: loading,
 	scrollbar: scrollbar
 };
 

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

@@ -22,6 +22,9 @@ declare function __VLS_template(): {
             data: IExplorerListItem<any>;
             index: number;
         }): any;
+        empty?(_: {}): any;
+        loading?(_: {}): any;
+        'no-more'?(_: {}): any;
     };
     refs: {};
     rootEl: any;
@@ -50,9 +53,7 @@ declare const __VLS_component: import('vue').DefineComponent<IExplorerListProps,
 }>, {
     data: IExplorerListItem[];
     disabled: boolean | ((action: string, item: IExplorerListItem) => boolean);
-    loadingText: string;
     filterMethod: (keyword: string, item: IExplorerListItem) => boolean;
-    emptyText: string;
     highlightCurrent: boolean;
     actions: ("create" | "modify" | "remove" | "up" | "down" | "action")[];
     cancelHighlight: boolean;

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

@@ -1,7 +1,7 @@
 /* source: src/components/explorer-list/explorer-list.vue */
-._item_14vaz_1 {
+._item_13vx0_1 {
   padding: 4px 8px;
-  cursor: var(--v7fa588cc);
+  cursor: var(--ac031736);
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -11,59 +11,51 @@
   box-sizing: border-box;
   line-height: 1;
 }
-._item_14vaz_1:hover {
+._item_13vx0_1:hover {
   background-color: var(--vc-highlight-bg-color, var(--el-fill-color-light));
 }
-._item_14vaz_1:hover ._actions_14vaz_16 {
+._item_13vx0_1:hover ._actions_13vx0_16 {
   display: inline-flex;
   align-items: flex-start;
 }
-._item_14vaz_1._active_14vaz_20 {
+._item_13vx0_1._active_13vx0_20 {
   color: var(--el-color-primary);
   background-color: var(--vc-highlight-bg-color, var(--el-fill-color-light));
 }
-._label_14vaz_25 {
+._label_13vx0_25 {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   --el-checkbox-height: 24px;
 }
-._label_14vaz_25 .iconify {
+._label_13vx0_25 .iconify {
   margin-right: 4px;
 }
-._label_14vaz_25 .el-checkbox {
+._label_13vx0_25 .el-checkbox {
   width: 100%;
 }
-._label_14vaz_25 .el-checkbox__label {
+._label_13vx0_25 .el-checkbox__label {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   color: var(--el-text-color-regular) !important;
   cursor: pointer !important;
 }
-._actions_14vaz_16 {
+._actions_13vx0_16 {
   display: none;
   column-gap: 4px;
 }
-._actions_14vaz_16 > button {
+._actions_13vx0_16 > button {
   margin-left: 0 !important;
   font-size: 1.2em;
   border: 1px solid var(--el-border-color-light) !important;
 }
-._actions_14vaz_16 > button:hover {
+._actions_13vx0_16 > button:hover {
   border-color: var(--el-border-color-dark) !important;
 }
-._remove_14vaz_58 {
+._remove_13vx0_58 {
   transform: translateY(-1px);
 }
-._empty_14vaz_62,
-._loading_14vaz_63 {
-  padding: 4px 8px;
-  display: flex;
-  align-items: center;
-  column-gap: 4px;
-  color: var(--el-text-color-secondary);
-}
-._scrollbar_14vaz_71 {
+._scrollbar_13vx0_62 {
   margin: 0 -8px;
 }

package/dist/es/components/explorer-table/explorer-table.d.ts

@@ -9,7 +9,7 @@ export interface IExplorerTableProps {
     highlightCurrent?: boolean;
     empty?: boolean;
     emptyText?: string;
-    pending?: boolean;
+    noMoreText?: string;
     loading?: boolean;
     loadingText?: string;
     size?: 'small' | 'default' | 'large';
@@ -22,6 +22,10 @@ export interface IExplorerTableProps {
     }) => string) | string;
     startIndex?: number;
     rowKey?: string | ((row: any) => string);
+    scrollLoad?: boolean;
+    scrollLoadDisabled?: boolean;
+    scrollLoadRootMargin?: string;
+    scrollLoadThreshold?: number;
 }
 export interface IExplorerTableEmits {
     (e: 'columnEvent', column: IColumnConfig, row: Record<string, any>, value: Record<string, any>): void;
@@ -29,4 +33,5 @@ export interface IExplorerTableEmits {
     (e: 'multipleSelectionChange', row: Record<string, any>, values: Array<string | number>): void;
     (e: 'selectionChange', rows: Record<string, any>[]): void;
     (e: 'selectAll', checked: boolean, values: Array<string | number>): void;
+    (e: 'loadMore'): void;
 }