@wfrog/vc-ui 1.10.0 → 1.10.2

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

@@ -14,6 +14,7 @@ export interface IExplorerListProps {
     loading?: boolean;
     loadingText?: string;
     highlightCurrent?: boolean;
+    deepWatch?: boolean;
     confirmParams?: (item: IExplorerListItem) => IButtonProps['confirm'];
 }
 export interface IExplorerListEmits {

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

@@ -1,6 +1,6 @@
 import './index.css'
 import '../../chunk/Gk1J52Yw.mjs';
-import { defineComponent, ref, computed, createBlock, openBlock, normalizeClass, withCtx, withDirectives, createElementBlock, createCommentVNode, createElementVNode, Fragment, renderList, unref, renderSlot, createTextVNode, toDisplayString, mergeProps, vShow, createVNode } from 'vue';
+import { defineComponent, ref, computed, watch, onBeforeUnmount, createBlock, openBlock, normalizeClass, withCtx, withDirectives, createElementBlock, createCommentVNode, createElementVNode, Fragment, renderList, unref, renderSlot, createTextVNode, toDisplayString, mergeProps, vShow, createVNode } from 'vue';
 import { Loading } from '@element-plus/icons-vue';
 import { C as Component$3 } from '../button/button.mjs';
 import { i as injectExplorerPanelState } from '../explorer-panel/explorer-panel2.mjs';
@@ -21,6 +21,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     loading: { type: Boolean },
     loadingText: { default: "数据加载中..." },
     highlightCurrent: { type: Boolean, default: true },
+    deepWatch: { type: Boolean, default: false },
     confirmParams: { type: Function, default: (item) => {
       return { msg: `确定要删除 ${item.label} 吗？` };
     } }
@@ -41,10 +42,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const filterMethod = props.filterMethod || ((keyword, item) => {
       return item.label.toLowerCase().includes(keyword.toLowerCase());
     });
+    const listData = ref([]);
     const myData = computed(() => {
-      return filterKeyword.value ? props.data.filter((item) => filterMethod(filterKeyword.value, item)) : props.data;
+      return filterKeyword.value ? listData.value.filter((item) => filterMethod(filterKeyword.value, item)) : listData.value;
     });
     const isEmpty = computed(() => myData.value.length === 0);
+    const propsWatch = watch(() => props.data, (value) => {
+      listData.value = value;
+    }, { immediate: true, deep: props.deepWatch });
     function handleClick(item, e) {
       if (!props.highlightCurrent) {
         return;
@@ -57,6 +62,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         actived.value = value;
       }
     });
+    onBeforeUnmount(() => {
+      propsWatch.stop();
+    });
     return (_ctx, _cache) => {
       const _component_ElIcon = ElIcon;
       return openBlock(), createBlock(Component$1, {
@@ -71,45 +79,54 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 class: normalizeClass([_ctx.$style.item, { [_ctx.$style.active]: unref(actived) === item.value }]),
                 onClick: (e) => handleClick(item, e)
               }, [
-                createElementVNode("div", {
-                  class: normalizeClass(_ctx.$style.label)
-                }, [
-                  renderSlot(_ctx.$slots, "default", {
+                renderSlot(_ctx.$slots, "item", {
+                  data: item,
+                  index
+                }, () => [
+                  createElementVNode("div", {
+                    class: normalizeClass(_ctx.$style.label)
+                  }, [
+                    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),
+                  __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: "",
+                          onClick: ($event) => emits(action, item.value, item)
+                        }), null, 16, ["confirm", "class", "icon", "onClick"]))
+                      ], 64);
+                    }), 128))
+                  ], 2)) : createCommentVNode("", true),
+                  renderSlot(_ctx.$slots, "extra-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),
-                __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: "",
-                        onClick: ($event) => emits(action, item.value, item)
-                      }), null, 16, ["confirm", "class", "icon", "onClick"]))
-                    ], 64);
-                  }), 128))
-                ], 2)) : createCommentVNode("", true)
+                  })
+                ])
               ], 10, _hoisted_1);
             }), 128))
           ], 512), [
@@ -138,21 +155,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 
-/* unplugin-vue-components disabled */const item = "_item_1xtjk_1";
-const actions = "_actions_1xtjk_16";
-const active = "_active_1xtjk_20";
-const label = "_label_1xtjk_25";
-const icon = "_icon_1xtjk_31";
-const remove = "_remove_1xtjk_48";
-const empty = "_empty_1xtjk_52";
-const loading = "_loading_1xtjk_53";
-const scrollbar = "_scrollbar_1xtjk_61";
+/* unplugin-vue-components disabled */const item = "_item_lodh1_1";
+const actions = "_actions_lodh1_16";
+const active = "_active_lodh1_20";
+const label = "_label_lodh1_25";
+const remove = "_remove_lodh1_47";
+const empty = "_empty_lodh1_51";
+const loading = "_loading_lodh1_52";
+const scrollbar = "_scrollbar_lodh1_60";
 const style0 = {
 	item: item,
 	actions: actions,
 	active: active,
 	label: label,
-	icon: icon,
 	remove: remove,
 	empty: empty,
 	loading: loading,

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

@@ -2,12 +2,40 @@ import { IExplorerListItem, IExplorerListProps } from './explorer-list';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
-        default?(_: {
-            data: IExplorerListItem<any>;
+        item?(_: {
+            data: {
+                label: string;
+                icon?: string | undefined;
+                value: string | number;
+                original?: any;
+            };
+            index: number;
+        }): any;
+        label?(_: {
+            data: {
+                label: string;
+                icon?: string | undefined;
+                value: string | number;
+                original?: any;
+            };
             index: number;
         }): any;
         action?(_: {
-            data: IExplorerListItem<any>;
+            data: {
+                label: string;
+                icon?: string | undefined;
+                value: string | number;
+                original?: any;
+            };
+            index: number;
+        }): any;
+        'extra-label'?(_: {
+            data: {
+                label: string;
+                icon?: string | undefined;
+                value: string | number;
+                original?: any;
+            };
             index: number;
         }): any;
     };
@@ -37,6 +65,7 @@ declare const __VLS_component: import('vue').DefineComponent<IExplorerListProps,
     emptyText: string;
     highlightCurrent: boolean;
     actions: ("create" | "modify" | "remove" | "up" | "down" | "action")[];
+    deepWatch: boolean;
     confirmParams: (item: IExplorerListItem) => import('../button/button').IButtonProps["confirm"];
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

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

@@ -1,5 +1,5 @@
 /* source: src/components/explorer-list/explorer-list.vue */
-._item_1xtjk_1 {
+._item_lodh1_1 {
   padding: 4px 8px;
   cursor: pointer;
   display: flex;
@@ -11,48 +11,48 @@
   box-sizing: border-box;
   line-height: 1;
 }
-._item_1xtjk_1:hover {
+._item_lodh1_1:hover {
   background-color: var(--el-color-primary-light-9);
 }
-._item_1xtjk_1:hover ._actions_1xtjk_16 {
+._item_lodh1_1:hover ._actions_lodh1_16 {
   display: inline-flex;
   align-items: flex-start;
 }
-._item_1xtjk_1._active_1xtjk_20 {
+._item_lodh1_1._active_lodh1_20 {
   color: var(--el-color-primary);
   background-color: var(--el-color-primary-light-9);
 }
-._label_1xtjk_25 {
+._label_lodh1_25 {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-._icon_1xtjk_31 {
+._label_lodh1_25 .iconify {
   margin-right: 4px;
 }
-._actions_1xtjk_16 {
+._actions_lodh1_16 {
   display: none;
   column-gap: 4px;
 }
-._actions_1xtjk_16 > button {
+._actions_lodh1_16 > button {
   margin-left: 0 !important;
   font-size: 1.2em;
   border: 1px solid var(--el-border-color-light) !important;
 }
-._actions_1xtjk_16 > button:hover {
+._actions_lodh1_16 > button:hover {
   border-color: var(--el-border-color-dark) !important;
 }
-._remove_1xtjk_48 {
+._remove_lodh1_47 {
   transform: translateY(-1px);
 }
-._empty_1xtjk_52,
-._loading_1xtjk_53 {
+._empty_lodh1_51,
+._loading_lodh1_52 {
   padding: 4px 8px;
   display: flex;
   align-items: center;
   column-gap: 4px;
   color: var(--el-text-color-secondary);
 }
-._scrollbar_1xtjk_61 {
+._scrollbar_lodh1_60 {
   margin: 0 -8px;
 }

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

@@ -5,7 +5,7 @@ import { IButtonProps } from '../button/button';
 export interface IExplorerTreeProps {
     data?: TreeComponentProps['data'];
     actions?: ('create' | 'modify' | 'remove' | 'up' | 'down' | 'action')[];
-    treeProps?: TreeComponentProps;
+    treeProps?: Partial<TreeComponentProps>;
     emptyText?: string;
     defaultExpandAll?: boolean;
     pending?: boolean;
@@ -14,6 +14,7 @@ export interface IExplorerTreeProps {
     confirmParams?: (node: Node) => IButtonProps['confirm'];
     filterMethod?: TreeComponentProps['filterNodeMethod'];
     highlightCurrent?: boolean;
+    deepWatch?: boolean;
 }
 export interface IExplorerTreeEmits {
     (e: 'nodeClick', value: string | number, node: Node, instance: ComponentInternalInstance | null, event: MouseEvent): void;

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

@@ -3,7 +3,7 @@ import '../../chunk/Gk1J52Yw.mjs';
 import { E as ElTree } from '../../chunk/eqwEsspo.mjs';
 import '../../chunk/DBf73TLo.mjs';
 import '../../chunk/DbhQlaOz.mjs';
-import { defineComponent, useTemplateRef, computed, watch, createBlock, openBlock, normalizeClass, withCtx, withDirectives, createElementBlock, createCommentVNode, createVNode, mergeProps, unref, createElementVNode, renderSlot, createTextVNode, toDisplayString, Fragment, renderList, vShow } from 'vue';
+import { defineComponent, useTemplateRef, ref, computed, 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 { C as Component$3 } from '../button/button.mjs';
 import { i as injectExplorerPanelState } from '../explorer-panel/explorer-panel2.mjs';
@@ -27,7 +27,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return { msg: `确定要删除 ${node.data.label} 吗？` };
     } },
     filterMethod: {},
-    highlightCurrent: { type: Boolean, default: true }
+    highlightCurrent: { type: Boolean, default: true },
+    deepWatch: { type: Boolean, default: false }
   },
   emits: ["nodeClick", "create", "modify", "remove", "up", "down"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -42,8 +43,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       up: { title: "上移", type: "success", icon: "Top" },
       down: { title: "下移", type: "success", icon: "Bottom" }
     };
+    const treeData = ref();
     const treeProps = computed(() => ({
-      data: props.data,
       emptyText: props.emptyText,
       defaultExpandAll: props.defaultExpandAll,
       expandOnClickNode: false,
@@ -61,15 +62,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     function handleNodeClick(data, node, instance, event) {
       emits("nodeClick", data.value, node, instance, event);
     }
-    watch(filterKeyword, (value) => {
-      treeRef.value?.filter(value);
-    });
+    const filterWatch = watch(filterKeyword, (value) => treeRef.value?.filter(value));
+    const propsWatch = watch(() => props.data, (value) => {
+      treeData.value = value;
+    }, { immediate: true, deep: props.deepWatch });
     __expose({
       getTreeRef: () => treeRef.value,
       setActive: (value, shouldAutoExpandParent = true) => {
         treeRef.value?.setCurrentKey(value, shouldAutoExpandParent);
       }
     });
+    onBeforeUnmount(() => {
+      filterWatch.stop();
+      propsWatch.stop();
+    });
     return (_ctx, _cache) => {
       const _component_ElTree = ElTree;
       const _component_ElIcon = ElIcon;
@@ -80,59 +86,68 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         default: withCtx(() => [
           withDirectives(createVNode(_component_ElTree, mergeProps({
             ref_key: "treeRef",
-            ref: treeRef
+            ref: treeRef,
+            data: unref(treeData)
           }, { ..._ctx.$attrs, ...unref(treeProps) }, {
             class: _ctx.$style.tree,
             "filter-node-method": filterNode,
             onNodeClick: handleNodeClick
           }), {
             default: withCtx(({ node }) => [
-              createElementVNode("div", {
-                class: normalizeClass(_ctx.$style.node)
-              }, [
+              renderSlot(_ctx.$slots, "node", {
+                data: node.data,
+                index: node.index
+              }, () => [
                 createElementVNode("div", {
-                  class: normalizeClass(_ctx.$style.label)
+                  class: normalizeClass(_ctx.$style.node)
                 }, [
-                  renderSlot(_ctx.$slots, "default", {
+                  createElementVNode("div", {
+                    class: normalizeClass(_ctx.$style.label)
+                  }, [
+                    renderSlot(_ctx.$slots, "label", {
+                      data: node.data,
+                      index: node.index
+                    }, () => [
+                      node.data.icon ? (openBlock(), createBlock(Component$2, {
+                        key: 0,
+                        name: node.data.icon
+                      }, null, 8, ["name"])) : createCommentVNode("", true),
+                      createTextVNode(toDisplayString(node.data.label), 1)
+                    ])
+                  ], 2),
+                  __props.actions.length ? (openBlock(), createElementBlock("div", {
+                    key: 0,
+                    class: normalizeClass(["vc-actions", [_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: node.data,
+                          index: node.index
+                        }) : (openBlock(), createBlock(Component$3, mergeProps({
+                          key: 1,
+                          ref_for: true
+                        }, actionsMapping[action], {
+                          confirm: action === "remove" ? __props.confirmParams(node) : void 0,
+                          class: action === "remove" ? _ctx.$style.remove : void 0,
+                          link: "",
+                          icon: { type: "el", name: actionsMapping[action].icon },
+                          stop: "",
+                          onClick: ($event) => emits(action, node.data.value, node)
+                        }), null, 16, ["confirm", "class", "icon", "onClick"]))
+                      ], 64);
+                    }), 128))
+                  ], 2)) : createCommentVNode("", true),
+                  renderSlot(_ctx.$slots, "extra-label", {
                     data: node.data,
                     index: node.index
-                  }, () => [
-                    node.data.icon ? (openBlock(), createBlock(Component$2, {
-                      key: 0,
-                      name: node.data.icon,
-                      class: normalizeClass(_ctx.$style.icon)
-                    }, null, 8, ["name", "class"])) : createCommentVNode("", true),
-                    createTextVNode(toDisplayString(node.data.label), 1)
-                  ])
-                ], 2),
-                __props.actions.length ? (openBlock(), createElementBlock("div", {
-                  key: 0,
-                  class: normalizeClass(["vc-actions", [_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: node.data,
-                        index: node.index
-                      }) : (openBlock(), createBlock(Component$3, mergeProps({
-                        key: 1,
-                        ref_for: true
-                      }, actionsMapping[action], {
-                        confirm: action === "remove" ? __props.confirmParams(node) : void 0,
-                        class: action === "remove" ? _ctx.$style.remove : void 0,
-                        link: "",
-                        icon: { type: "el", name: actionsMapping[action].icon },
-                        stop: "",
-                        onClick: ($event) => emits(action, node.data.value, node)
-                      }), null, 16, ["confirm", "class", "icon", "onClick"]))
-                    ], 64);
-                  }), 128))
-                ], 2)) : createCommentVNode("", true)
-              ], 2)
+                  })
+                ], 2)
+              ])
             ]),
             _: 3
-          }, 16, ["class"]), [
+          }, 16, ["data", "class"]), [
             [vShow, !__props.loading && !__props.pending]
           ]),
           __props.loading ? (openBlock(), createElementBlock("div", {
@@ -154,19 +169,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 
-/* unplugin-vue-components disabled */const tree = "_tree_4juik_1";
-const node = "_node_4juik_27";
-const label = "_label_4juik_37";
-const icon = "_icon_4juik_44";
-const actions = "_actions_4juik_48";
-const remove = "_remove_4juik_61";
-const loading = "_loading_4juik_65";
-const scrollbar = "_scrollbar_4juik_73";
+/* unplugin-vue-components disabled */const tree = "_tree_185uk_1";
+const node = "_node_185uk_27";
+const label = "_label_185uk_37";
+const actions = "_actions_185uk_47";
+const remove = "_remove_185uk_60";
+const loading = "_loading_185uk_64";
+const scrollbar = "_scrollbar_185uk_72";
 const style0 = {
 	tree: tree,
 	node: node,
 	label: label,
-	icon: icon,
 	actions: actions,
 	remove: remove,
 	loading: loading,

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

@@ -5,7 +5,11 @@ import { IExplorerTreeProps } from './explorer-tree';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
-        default?(_: {
+        node?(_: {
+            data: any;
+            index: any;
+        }): any;
+        label?(_: {
             data: any;
             index: any;
         }): any;
@@ -13,6 +17,10 @@ declare function __VLS_template(): {
             data: any;
             index: any;
         }): any;
+        'extra-label'?(_: {
+            data: any;
+            index: any;
+        }): any;
     };
     refs: {
         treeRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<globalThis.ExtractPropTypes<{
@@ -2053,6 +2061,7 @@ declare const __VLS_component: import('vue').DefineComponent<IExplorerTreeProps,
     highlightCurrent: boolean;
     defaultExpandAll: boolean;
     actions: ("create" | "modify" | "remove" | "up" | "down" | "action")[];
+    deepWatch: boolean;
     confirmParams: (node: Node) => import('../button/button').IButtonProps["confirm"];
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     treeRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<globalThis.ExtractPropTypes<{

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

@@ -1,30 +1,30 @@
 /* source: src/components/explorer-tree/explorer-tree.vue */
-._tree_4juik_1 .el-tree-node__content {
+._tree_185uk_1 .el-tree-node__content {
   display: flex;
   align-items: center;
 }
-._tree_4juik_1 .el-tree-node__content:hover {
+._tree_185uk_1 .el-tree-node__content:hover {
   background-color: var(--el-color-primary-light-9);
 }
-._tree_4juik_1 .el-tree-node__content:hover .vc-actions {
+._tree_185uk_1 .el-tree-node__content:hover .vc-actions {
   display: inline-flex;
 }
-._tree_4juik_1 .el-tree-node:focus > .el-tree-node__content {
+._tree_185uk_1 .el-tree-node:focus > .el-tree-node__content {
   background-color: var(--el-color-primary-light-9);
 }
-._tree_4juik_1 .is-current > .el-tree-node__content {
+._tree_185uk_1 .is-current > .el-tree-node__content {
   color: var(--el-color-primary);
   background-color: var(--el-color-primary-light-9);
 }
-._tree_4juik_1 .el-tree__empty-block {
+._tree_185uk_1 .el-tree__empty-block {
   text-align: left;
   min-height: unset;
   padding: 4px 8px;
 }
-._tree_4juik_1 .el-tree__empty-text {
+._tree_185uk_1 .el-tree__empty-text {
   position: static;
 }
-._node_4juik_27 {
+._node_185uk_27 {
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -33,37 +33,37 @@
   box-sizing: border-box;
   width: 100px;
 }
-._label_4juik_37 {
+._label_185uk_37 {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   transform: translateY(-1px);
 }
-._icon_4juik_44 {
+._label_185uk_37 .iconify {
   margin-right: 4px;
 }
-._actions_4juik_48 {
+._actions_185uk_47 {
   display: none;
   column-gap: 4px;
 }
-._actions_4juik_48 > button {
+._actions_185uk_47 > button {
   margin-left: 0 !important;
   font-size: 1.2em;
   border: 1px solid var(--el-border-color-light) !important;
 }
-._actions_4juik_48 > button:hover {
+._actions_185uk_47 > button:hover {
   border-color: var(--el-border-color-dark) !important;
 }
-._remove_4juik_61 {
+._remove_185uk_60 {
   transform: translateY(-1px);
 }
-._loading_4juik_65 {
+._loading_185uk_64 {
   padding: 4px 8px;
   display: flex;
   align-items: center;
   column-gap: 4px;
   color: var(--el-text-color-secondary);
 }
-._scrollbar_4juik_73 {
+._scrollbar_185uk_72 {
   margin: 0 -8px;
 }

package/dist/es/index.mjs

@@ -156,7 +156,7 @@ const __vite_glob_0_47 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.definePr
     default: _sfc_main$8
 }, Symbol.toStringTag, { value: 'Module' }));
 
-const version = "1.10.0";
+const version = "1.10.2";
 
 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/icon-picker/icon-picker.vue": __vite_glob_0_34,"./components/icon/icon.vue": __vite_glob_0_35,"./components/iconify-icon/iconify-icon.vue": __vite_glob_0_36,"./components/image/image.vue": __vite_glob_0_37,"./components/input-number/input-number.vue": __vite_glob_0_38,"./components/input/input.vue": __vite_glob_0_39,"./components/pca-picker/pca-picker.vue": __vite_glob_0_40,"./components/qr-code/qr-code.vue": __vite_glob_0_41,"./components/screenfull/screenfull.vue": __vite_glob_0_42,"./components/scrollbar/scrollbar.vue": __vite_glob_0_43,"./components/select/select.vue": __vite_glob_0_44,"./components/single-player/single-player.vue": __vite_glob_0_45,"./components/splitter-panel/splitter-panel.vue": __vite_glob_0_46,"./components/splitter/splitter.vue": __vite_glob_0_47,"./components/svg-icon/svg-icon.vue": __vite_glob_0_48,"./components/switch/switch.vue": __vite_glob_0_49,"./components/sync-scroll-container/sync-scroll-container.vue": __vite_glob_0_50,"./components/tags/tags.vue": __vite_glob_0_51,"./components/text-ellipsis/text-ellipsis.vue": __vite_glob_0_52,"./components/thousand-input/thousand-input.vue": __vite_glob_0_53,"./components/tinymce/tinymce.vue": __vite_glob_0_54,"./components/transfer-panel/transfer-panel.vue": __vite_glob_0_55,"./components/transfer/transfer.vue": __vite_glob_0_56,"./components/tree-picker/tree-picker.vue": __vite_glob_0_57,"./components/upload-file/upload-file.vue": __vite_glob_0_58});
 const upper = (_, letter) => letter.toUpperCase();

package/dist/index.css

@@ -693,7 +693,7 @@ div._main_k37nc_1 ._header_k37nc_48 {
   margin: 0 -8px;
 }
 /* source: src/components/explorer-list/explorer-list.vue */
-._item_1xtjk_1 {
+._item_lodh1_1 {
   padding: 4px 8px;
   cursor: pointer;
   display: flex;
@@ -705,49 +705,49 @@ div._main_k37nc_1 ._header_k37nc_48 {
   box-sizing: border-box;
   line-height: 1;
 }
-._item_1xtjk_1:hover {
+._item_lodh1_1:hover {
   background-color: var(--el-color-primary-light-9);
 }
-._item_1xtjk_1:hover ._actions_1xtjk_16 {
+._item_lodh1_1:hover ._actions_lodh1_16 {
   display: inline-flex;
   align-items: flex-start;
 }
-._item_1xtjk_1._active_1xtjk_20 {
+._item_lodh1_1._active_lodh1_20 {
   color: var(--el-color-primary);
   background-color: var(--el-color-primary-light-9);
 }
-._label_1xtjk_25 {
+._label_lodh1_25 {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-._icon_1xtjk_31 {
+._label_lodh1_25 .iconify {
   margin-right: 4px;
 }
-._actions_1xtjk_16 {
+._actions_lodh1_16 {
   display: none;
   column-gap: 4px;
 }
-._actions_1xtjk_16 > button {
+._actions_lodh1_16 > button {
   margin-left: 0 !important;
   font-size: 1.2em;
   border: 1px solid var(--el-border-color-light) !important;
 }
-._actions_1xtjk_16 > button:hover {
+._actions_lodh1_16 > button:hover {
   border-color: var(--el-border-color-dark) !important;
 }
-._remove_1xtjk_48 {
+._remove_lodh1_47 {
   transform: translateY(-1px);
 }
-._empty_1xtjk_52,
-._loading_1xtjk_53 {
+._empty_lodh1_51,
+._loading_lodh1_52 {
   padding: 4px 8px;
   display: flex;
   align-items: center;
   column-gap: 4px;
   color: var(--el-text-color-secondary);
 }
-._scrollbar_1xtjk_61 {
+._scrollbar_lodh1_60 {
   margin: 0 -8px;
 }
 /* source: src/components/explorer-modal-form/explorer-modal-form.vue */
@@ -899,32 +899,32 @@ div._divider_8k9xf_21 {
   z-index: 9999 !important;
 }
 /* source: src/components/explorer-tree/explorer-tree.vue */
-._tree_4juik_1 .el-tree-node__content {
+._tree_185uk_1 .el-tree-node__content {
   display: flex;
   align-items: center;
 }
-._tree_4juik_1 .el-tree-node__content:hover {
+._tree_185uk_1 .el-tree-node__content:hover {
   background-color: var(--el-color-primary-light-9);
 }
-._tree_4juik_1 .el-tree-node__content:hover .vc-actions {
+._tree_185uk_1 .el-tree-node__content:hover .vc-actions {
   display: inline-flex;
 }
-._tree_4juik_1 .el-tree-node:focus > .el-tree-node__content {
+._tree_185uk_1 .el-tree-node:focus > .el-tree-node__content {
   background-color: var(--el-color-primary-light-9);
 }
-._tree_4juik_1 .is-current > .el-tree-node__content {
+._tree_185uk_1 .is-current > .el-tree-node__content {
   color: var(--el-color-primary);
   background-color: var(--el-color-primary-light-9);
 }
-._tree_4juik_1 .el-tree__empty-block {
+._tree_185uk_1 .el-tree__empty-block {
   text-align: left;
   min-height: unset;
   padding: 4px 8px;
 }
-._tree_4juik_1 .el-tree__empty-text {
+._tree_185uk_1 .el-tree__empty-text {
   position: static;
 }
-._node_4juik_27 {
+._node_185uk_27 {
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -933,38 +933,38 @@ div._divider_8k9xf_21 {
   box-sizing: border-box;
   width: 100px;
 }
-._label_4juik_37 {
+._label_185uk_37 {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   transform: translateY(-1px);
 }
-._icon_4juik_44 {
+._label_185uk_37 .iconify {
   margin-right: 4px;
 }
-._actions_4juik_48 {
+._actions_185uk_47 {
   display: none;
   column-gap: 4px;
 }
-._actions_4juik_48 > button {
+._actions_185uk_47 > button {
   margin-left: 0 !important;
   font-size: 1.2em;
   border: 1px solid var(--el-border-color-light) !important;
 }
-._actions_4juik_48 > button:hover {
+._actions_185uk_47 > button:hover {
   border-color: var(--el-border-color-dark) !important;
 }
-._remove_4juik_61 {
+._remove_185uk_60 {
   transform: translateY(-1px);
 }
-._loading_4juik_65 {
+._loading_185uk_64 {
   padding: 4px 8px;
   display: flex;
   align-items: center;
   column-gap: 4px;
   color: var(--el-text-color-secondary);
 }
-._scrollbar_4juik_73 {
+._scrollbar_185uk_72 {
   margin: 0 -8px;
 }
 /* source: src/components/explorer/explorer.vue */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wfrog/vc-ui",
-  "version": "1.10.0",
+  "version": "1.10.2",
   "packageManager": "pnpm@10.20.0",
   "description": "vue3 组件库 vc-ui",
   "author": "wellfrog",