@wfrog/vc-ui 1.5.3 → 1.6.0

package/dist/es/chunk/CL65DvCP.mjs

@@ -0,0 +1,25 @@
+const vFocus = {
+  mounted: (el) => {
+    let input;
+    if (el.tagName === "input") {
+      input = el;
+    } else {
+      const elInput = el.getElementsByTagName("input");
+      if (elInput.length > 0) {
+        input = elInput[0];
+      }
+    }
+    if (input) {
+      setTimeout(() => input.focus(), 0);
+      const len = input.value.length;
+      input.setSelectionRange(len, len);
+    }
+  }
+};
+
+const __vite_glob_0_1 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
+    __proto__: null,
+    default: vFocus
+}, Symbol.toStringTag, { value: 'Module' }));
+
+export { __vite_glob_0_1 as _, vFocus as v };

package/dist/es/chunk/DRLHgORP.mjs

@@ -0,0 +1,26 @@
+import { i as index } from './BaJ7k5Lg.mjs';
+import 'vue';
+import './D9iEroQw.mjs';
+
+const cleave = {
+  mounted: async (el, binding) => {
+    const Cleave = await index.loadCdnSingle("cleave");
+    const [elInput] = el.getElementsByTagName("input");
+    elInput.cleave = new Cleave(elInput, binding.value || {});
+  },
+  updated: (el) => {
+    const event = new Event("input", { bubbles: true });
+    const [elInput] = el.getElementsByTagName("input");
+    setTimeout(() => {
+      elInput.value = elInput.cleave.properties.result;
+      elInput.dispatchEvent(event);
+    }, 100);
+  }
+};
+
+const __vite_glob_0_0 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
+    __proto__: null,
+    default: cleave
+}, Symbol.toStringTag, { value: 'Module' }));
+
+export { __vite_glob_0_0 as _, cleave as c };

package/dist/es/chunk/Mq_fqKb4.mjs

@@ -0,0 +1,41 @@
+import { i as index } from './BaJ7k5Lg.mjs';
+import 'vue';
+import './D9iEroQw.mjs';
+
+const thousand = {
+  mounted: async (el, binding) => {
+    const elInput = el.getElementsByTagName("input")[binding.value?.elInputIndex || 0] || el.getElementsByTagName("input")[0];
+    elInput.style.textAlign = "right";
+    elInput.style.fontFamily = "Pathway Gothic One";
+    const disabled = elInput.disabled;
+    elInput.disabled = true;
+    const Cleave = await index.loadCdnSingle("cleave");
+    const option = { decimalScale: 2, integerScale: 0, prefix: "", ...binding.value };
+    elInput.cleave = new Cleave(elInput, {
+      numeral: true,
+      numeralThousandsGroupStyle: "thousand",
+      numeralDecimalScale: option.decimalScale,
+      numeralIntegerScale: option.integerScale,
+      prefix: option.prefix
+    });
+    elInput.value = elInput.cleave?.properties?.result || "";
+    elInput.disabled = disabled;
+  },
+  updated: (el, binding) => {
+    setTimeout(() => {
+      const event = new Event("input", { bubbles: true });
+      const elInput = el.getElementsByTagName("input")[binding.value?.elInputIndex || 0] || el.getElementsByTagName("input")[0];
+      elInput.dispatchEvent(event);
+      if (elInput.cleave) {
+        elInput.value = elInput.cleave?.properties?.result || "";
+      }
+    }, 0);
+  }
+};
+
+const __vite_glob_0_2 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
+    __proto__: null,
+    default: thousand
+}, Symbol.toStringTag, { value: 'Module' }));
+
+export { __vite_glob_0_2 as _, thousand as t };

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

@@ -12,8 +12,8 @@ export interface IExplorerFormProps {
     autoInitial?: boolean;
     defaultEditing?: boolean;
     labelPosition?: FormProps['labelPosition'];
-    onCancel?: () => void | Promise<void>;
-    onSave?: (data: Record<string, any>) => void | Promise<void>;
+    onCancel?: () => void | Promise<void> | (() => void | Promise<void>);
+    onSave?: (data: Record<string, any>) => void | Promise<void> | (() => void | Promise<void>);
 }
 export interface IExplorerFormEmits {
     (e: 'clickEdit'): void;

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

@@ -37,17 +37,25 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     async function handleCancel() {
       formRef.value.resetFields();
-      await props.onCancel();
+      const cb = await props.onCancel();
       isEditing.value = false;
+      typeof cb === "function" && await cb();
     }
     async function handleSave() {
       const valid = await formRef.value.validate();
       if (!valid) {
         return;
       }
-      await props.onSave(props.form.fields);
-      formRef.value?.setInitialValues(props.form.fields);
-      isEditing.value = false;
+      let cb = null;
+      try {
+        loading.value = true;
+        cb = await props.onSave(props.form.fields);
+        formRef.value?.setInitialValues(props.form.fields);
+        isEditing.value = false;
+      } finally {
+        loading.value = false;
+      }
+      typeof cb === "function" && await cb();
     }
     const editingWatch = watch(() => props.defaultEditing, (val) => {
       isEditing.value = val;

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

@@ -198,8 +198,8 @@ declare const __VLS_component: import('vue').DefineComponent<IExplorerFormProps,
     onClickEdit?: (() => any) | undefined;
 }>, {
     icon: string;
-    onCancel: () => void | Promise<void>;
-    onSave: (data: Record<string, any>) => void | Promise<void>;
+    onCancel: () => void | Promise<void> | (() => void | Promise<void>);
+    onSave: (data: Record<string, any>) => void | Promise<void> | (() => void | Promise<void>);
     labelPosition: import('element-plus').FormProps["labelPosition"];
     autoInitial: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {

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

@@ -7,7 +7,7 @@ export interface IExplorerListItem<T = any> {
 }
 export interface IExplorerListProps {
     data?: IExplorerListItem[];
-    actions?: ('create' | 'modify' | 'remove')[];
+    actions?: ('create' | 'modify' | 'remove' | 'up' | 'down' | 'action')[];
     filterMethod?: (keyword: string, item: IExplorerListItem) => boolean;
     emptyText?: string;
     loading?: boolean;
@@ -20,4 +20,6 @@ export interface IExplorerListEmits {
     (e: 'create', value: string | number, item: IExplorerListItem): void;
     (e: 'modify', value: string | number, item: IExplorerListItem): void;
     (e: 'remove', value: string | number, item: IExplorerListItem): void;
+    (e: 'up', value: string | number, node: Node): void;
+    (e: 'down', value: string | number, node: Node): void;
 }

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

@@ -1,6 +1,6 @@
 import './index.css'
 import '../../chunk/By7FMB3I.mjs';
-import { defineComponent, ref, computed, createBlock, openBlock, withCtx, createElementBlock, createCommentVNode, Fragment, renderList, unref, normalizeClass, createElementVNode, renderSlot, createTextVNode, toDisplayString, createVNode } from 'vue';
+import { defineComponent, ref, computed, createBlock, openBlock, withCtx, withDirectives, createElementBlock, createCommentVNode, createElementVNode, Fragment, renderList, unref, normalizeClass, 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';
@@ -24,12 +24,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return { msg: `确定要删除 ${item.label} 吗？` };
     } }
   },
-  emits: ["itemClick", "create", "modify", "remove"],
+  emits: ["itemClick", "create", "modify", "remove", "up", "down"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emits = __emit;
     const { filterKeyword } = injectExplorerPanelState();
     const actived = ref();
+    const actionsMapping = {
+      create: { title: "新增", type: "primary", icon: "Plus" },
+      modify: { title: "修改", type: "primary", icon: "Edit" },
+      remove: { title: "删除", type: "danger", icon: "Delete" },
+      up: { title: "上移", type: "success", icon: "Top" },
+      down: { title: "下移", type: "success", icon: "Bottom" }
+    };
     const filterMethod = props.filterMethod || ((keyword, item) => {
       return item.label.toLowerCase().includes(keyword.toLowerCase());
     });
@@ -53,67 +60,56 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const _component_ElIcon = ElIcon;
       return openBlock(), createBlock(Component$1, { always: "" }, {
         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: (e) => handleClick(item, e)
-            }, [
-              createElementVNode("div", {
-                class: normalizeClass(_ctx.$style.label)
-              }, [
-                renderSlot(_ctx.$slots, "default", {
-                  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)
+          withDirectives(createElementVNode("div", null, [
+            (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: (e) => handleClick(item, e)
               }, [
-                __props.actions.includes("create") ? (openBlock(), createBlock(Component$3, {
+                createElementVNode("div", {
+                  class: normalizeClass(_ctx.$style.label)
+                }, [
+                  renderSlot(_ctx.$slots, "default", {
+                    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,
-                  title: "新增",
-                  type: "success",
-                  link: "",
-                  icon: { type: "el", name: "Plus" },
-                  stop: "",
-                  onClick: ($event) => emits("create", item.value, item)
-                }, null, 8, ["onClick"])) : createCommentVNode("", true),
-                __props.actions.includes("modify") ? (openBlock(), createBlock(Component$3, {
-                  key: 1,
-                  title: "修改",
-                  type: "primary",
-                  link: "",
-                  icon: { type: "el", name: "Edit" },
-                  stop: "",
-                  onClick: ($event) => emits("modify", item.value, item)
-                }, null, 8, ["onClick"])) : createCommentVNode("", true),
-                renderSlot(_ctx.$slots, "action", {
-                  data: item,
-                  index
-                }),
-                __props.actions.includes("remove") ? (openBlock(), createBlock(Component$3, {
-                  key: 2,
-                  title: "删除",
-                  type: "danger",
-                  link: "",
-                  icon: { type: "el", name: "Delete" },
-                  confirm: __props.confirmParams(item),
-                  stop: "",
-                  class: normalizeClass(_ctx.$style.remove),
-                  onClick: ($event) => emits("remove", item.value, item)
-                }, null, 8, ["confirm", "class", "onClick"])) : createCommentVNode("", true)
-              ], 2)) : createCommentVNode("", true)
-            ], 10, _hoisted_1);
-          }), 128)),
+                  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,
+                        link: "",
+                        icon: { type: "el", name: actionsMapping[action].icon },
+                        stop: "",
+                        onClick: ($event) => emits(action, item.value, item)
+                      }), null, 16, ["confirm", "icon", "onClick"]))
+                    ], 64);
+                  }), 128))
+                ], 2)) : createCommentVNode("", true)
+              ], 10, _hoisted_1);
+            }), 128))
+          ], 512), [
+            [vShow, !__props.loading]
+          ]),
           unref(isEmpty) && !__props.loading ? (openBlock(), createElementBlock("div", {
             key: 0,
             class: normalizeClass(_ctx.$style.empty)
@@ -137,14 +133,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 
-/* unplugin-vue-components disabled */const item = "_item_5dblq_1";
-const actions = "_actions_5dblq_16";
-const active = "_active_5dblq_20";
-const label = "_label_5dblq_25";
-const icon = "_icon_5dblq_31";
-const remove = "_remove_5dblq_44";
-const empty = "_empty_5dblq_48";
-const loading = "_loading_5dblq_49";
+/* unplugin-vue-components disabled */const item = "_item_1xqvz_1";
+const actions = "_actions_1xqvz_16";
+const active = "_active_1xqvz_20";
+const label = "_label_1xqvz_25";
+const icon = "_icon_1xqvz_31";
+const remove = "_remove_1xqvz_48";
+const empty = "_empty_1xqvz_52";
+const loading = "_loading_1xqvz_53";
 const style0 = {
 	item: item,
 	actions: actions,

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

@@ -21,18 +21,22 @@ declare const __VLS_component: import('vue').DefineComponent<IExplorerListProps,
     create: (value: string | number, item: IExplorerListItem<any>) => any;
     modify: (value: string | number, item: IExplorerListItem<any>) => any;
     remove: (value: string | number, item: IExplorerListItem<any>) => any;
+    up: (value: string | number, node: Node) => any;
+    down: (value: string | number, node: Node) => any;
     itemClick: (value: string | number, item: IExplorerListItem<any>, event: MouseEvent) => any;
 }, string, import('vue').PublicProps, Readonly<IExplorerListProps> & Readonly<{
     onCreate?: ((value: string | number, item: IExplorerListItem<any>) => any) | undefined;
     onModify?: ((value: string | number, item: IExplorerListItem<any>) => any) | undefined;
     onRemove?: ((value: string | number, item: IExplorerListItem<any>) => any) | undefined;
+    onUp?: ((value: string | number, node: Node) => any) | undefined;
+    onDown?: ((value: string | number, node: Node) => any) | undefined;
     onItemClick?: ((value: string | number, item: IExplorerListItem<any>, event: MouseEvent) => any) | undefined;
 }>, {
     data: IExplorerListItem[];
     loadingText: string;
     emptyText: string;
     highlightCurrent: boolean;
-    actions: ("create" | "modify" | "remove")[];
+    actions: ("create" | "modify" | "remove" | "up" | "down" | "action")[];
     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_5dblq_1 {
+._item_1xqvz_1 {
   padding: 4px 8px;
   cursor: pointer;
   display: flex;
@@ -11,38 +11,42 @@
   box-sizing: border-box;
   line-height: 1;
 }
-._item_5dblq_1:hover {
+._item_1xqvz_1:hover {
   background-color: var(--el-color-primary-light-9);
 }
-._item_5dblq_1:hover ._actions_5dblq_16 {
+._item_1xqvz_1:hover ._actions_1xqvz_16 {
   display: inline-flex;
   align-items: flex-start;
 }
-._item_5dblq_1._active_5dblq_20 {
+._item_1xqvz_1._active_1xqvz_20 {
   color: var(--el-color-primary);
   background-color: var(--el-color-primary-light-9);
 }
-._label_5dblq_25 {
+._label_1xqvz_25 {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-._icon_5dblq_31 {
+._icon_1xqvz_31 {
   margin-right: 4px;
 }
-._actions_5dblq_16 {
+._actions_1xqvz_16 {
   display: none;
   column-gap: 4px;
 }
-._actions_5dblq_16 > button {
+._actions_1xqvz_16 > button {
   margin-left: 0 !important;
   font-size: 1.2em;
+  border: 1px solid var(--el-border-color-light) !important;
 }
-._remove_5dblq_44 {
+._actions_1xqvz_16 > button:hover {
+  border-color: var(--el-border-color-dark) !important;
+}
+._remove_1xqvz_48 {
   transform: translateY(-1px);
 }
-._empty_5dblq_48,
-._loading_5dblq_49 {
+._empty_1xqvz_52,
+._loading_1xqvz_53 {
   padding: 4px 8px;
   display: flex;
   align-items: center;

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

@@ -4,7 +4,7 @@ import { ComponentInternalInstance } from 'vue';
 import { IButtonProps } from '../button/button';
 export interface IExplorerTreeProps {
     data?: TreeComponentProps['data'];
-    actions?: ('create' | 'modify' | 'remove')[];
+    actions?: ('create' | 'modify' | 'remove' | 'up' | 'down' | 'action')[];
     treeProps?: TreeComponentProps;
     emptyText?: string;
     defaultExpandAll?: boolean;
@@ -19,4 +19,6 @@ export interface IExplorerTreeEmits {
     (e: 'create', value: string | number, node: Node): void;
     (e: 'modify', value: string | number, node: Node): void;
     (e: 'remove', value: string | number, node: Node): void;
+    (e: 'up', value: string | number, node: Node): void;
+    (e: 'down', value: string | number, node: Node): void;
 }

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

@@ -3,7 +3,7 @@ import '../../chunk/By7FMB3I.mjs';
 import { E as ElTree } from '../../chunk/DYKOYbzT.mjs';
 import '../../chunk/DSt2uDNE.mjs';
 import '../../chunk/DTbnchOm.mjs';
-import { defineComponent, useTemplateRef, computed, watch, createBlock, openBlock, withCtx, withDirectives, createElementBlock, createCommentVNode, createVNode, mergeProps, unref, createElementVNode, normalizeClass, renderSlot, createTextVNode, toDisplayString, vShow } from 'vue';
+import { defineComponent, useTemplateRef, computed, watch, createBlock, openBlock, withCtx, withDirectives, createElementBlock, createCommentVNode, createVNode, mergeProps, unref, createElementVNode, normalizeClass, renderSlot, 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';
@@ -28,12 +28,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     filterMethod: {},
     highlightCurrent: { type: Boolean, default: true }
   },
-  emits: ["nodeClick", "create", "modify", "remove"],
+  emits: ["nodeClick", "create", "modify", "remove", "up", "down"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emits = __emit;
     const treeRef = useTemplateRef("treeRef");
     const { filterKeyword } = injectExplorerPanelState();
+    const actionsMapping = {
+      create: { title: "新增", type: "primary", icon: "Plus" },
+      modify: { title: "修改", type: "primary", icon: "Edit" },
+      remove: { title: "删除", type: "danger", icon: "Delete" },
+      up: { title: "上移", type: "success", icon: "Top" },
+      down: { title: "下移", type: "success", icon: "Bottom" }
+    };
     const treeProps = computed(() => ({
       data: props.data,
       emptyText: props.emptyText,
@@ -98,39 +105,24 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   key: 0,
                   class: normalizeClass(["vc-actions", [_ctx.$style.actions]])
                 }, [
-                  __props.actions.includes("create") ? (openBlock(), createBlock(Component$3, {
-                    key: 0,
-                    title: "新增",
-                    type: "success",
-                    link: "",
-                    icon: { type: "el", name: "Plus" },
-                    stop: "",
-                    onClick: ($event) => emits("create", node.data.value, node)
-                  }, null, 8, ["onClick"])) : createCommentVNode("", true),
-                  __props.actions.includes("modify") ? (openBlock(), createBlock(Component$3, {
-                    key: 1,
-                    title: "修改",
-                    type: "primary",
-                    link: "",
-                    icon: { type: "el", name: "Edit" },
-                    stop: "",
-                    onClick: ($event) => emits("modify", node.data.value, node)
-                  }, null, 8, ["onClick"])) : createCommentVNode("", true),
-                  renderSlot(_ctx.$slots, "action", {
-                    data: node.data,
-                    index: node.index
-                  }),
-                  __props.actions.includes("remove") ? (openBlock(), createBlock(Component$3, {
-                    key: 2,
-                    confirm: __props.confirmParams(node),
-                    title: "删除",
-                    type: "danger",
-                    link: "",
-                    icon: { type: "el", name: "Delete" },
-                    stop: "",
-                    class: normalizeClass(_ctx.$style.remove),
-                    onClick: ($event) => emits("remove", node.data.value, node)
-                  }, null, 8, ["confirm", "class", "onClick"])) : createCommentVNode("", true)
+                  (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,
+                        link: "",
+                        icon: { type: "el", name: actionsMapping[action].icon },
+                        stop: "",
+                        onClick: ($event) => emits(action, node.data.value, node)
+                      }), null, 16, ["confirm", "icon", "onClick"]))
+                    ], 64);
+                  }), 128))
                 ], 2)) : createCommentVNode("", true)
               ], 2)
             ]),
@@ -157,13 +149,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 
-/* unplugin-vue-components disabled */const tree = "_tree_1ybks_1";
-const node = "_node_1ybks_24";
-const label = "_label_1ybks_34";
-const icon = "_icon_1ybks_40";
-const actions = "_actions_1ybks_44";
-const remove = "_remove_1ybks_53";
-const loading = "_loading_1ybks_57";
+/* unplugin-vue-components disabled */const tree = "_tree_10nwy_1";
+const node = "_node_10nwy_24";
+const label = "_label_10nwy_34";
+const icon = "_icon_10nwy_40";
+const actions = "_actions_10nwy_44";
+const remove = "_remove_10nwy_57";
+const loading = "_loading_10nwy_61";
 const style0 = {
 	tree: tree,
 	node: node,

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

@@ -2037,18 +2037,22 @@ declare const __VLS_component: import('vue').DefineComponent<IExplorerTreeProps,
     create: (value: string | number, node: Node) => any;
     modify: (value: string | number, node: Node) => any;
     remove: (value: string | number, node: Node) => any;
+    up: (value: string | number, node: Node) => any;
+    down: (value: string | number, node: Node) => any;
     nodeClick: (value: string | number, node: Node, instance: ComponentInternalInstance | null, event: MouseEvent) => any;
 }, string, import('vue').PublicProps, Readonly<IExplorerTreeProps> & Readonly<{
     onCreate?: ((value: string | number, node: Node) => any) | undefined;
     onModify?: ((value: string | number, node: Node) => any) | undefined;
     onRemove?: ((value: string | number, node: Node) => any) | undefined;
+    onUp?: ((value: string | number, node: Node) => any) | undefined;
+    onDown?: ((value: string | number, node: Node) => any) | undefined;
     onNodeClick?: ((value: string | number, node: Node, instance: ComponentInternalInstance | null, event: MouseEvent) => any) | undefined;
 }>, {
     loadingText: string;
     emptyText: string;
     highlightCurrent: boolean;
     defaultExpandAll: boolean;
-    actions: ("create" | "modify" | "remove")[];
+    actions: ("create" | "modify" | "remove" | "up" | "down" | "action")[];
     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,27 +1,27 @@
 /* source: src/components/explorer-tree/explorer-tree.vue */
-._tree_1ybks_1 .el-tree-node__content {
+._tree_10nwy_1 .el-tree-node__content {
   display: flex;
   align-items: center;
 }
-._tree_1ybks_1 .el-tree-node__content:hover {
+._tree_10nwy_1 .el-tree-node__content:hover {
   background-color: var(--el-color-primary-light-9);
 }
-._tree_1ybks_1 .el-tree-node__content:hover .vc-actions {
+._tree_10nwy_1 .el-tree-node__content:hover .vc-actions {
   display: inline-flex;
 }
-._tree_1ybks_1 .is-current > .el-tree-node__content {
+._tree_10nwy_1 .is-current > .el-tree-node__content {
   color: var(--el-color-primary);
   background-color: var(--el-color-primary-light-9);
 }
-._tree_1ybks_1 .el-tree__empty-block {
+._tree_10nwy_1 .el-tree__empty-block {
   text-align: left;
   min-height: unset;
   padding: 4px 8px;
 }
-._tree_1ybks_1 .el-tree__empty-text {
+._tree_10nwy_1 .el-tree__empty-text {
   position: static;
 }
-._node_1ybks_24 {
+._node_10nwy_24 {
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -30,26 +30,30 @@
   box-sizing: border-box;
   width: 100px;
 }
-._label_1ybks_34 {
+._label_10nwy_34 {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-._icon_1ybks_40 {
+._icon_10nwy_40 {
   margin-right: 4px;
 }
-._actions_1ybks_44 {
+._actions_10nwy_44 {
   display: none;
   column-gap: 4px;
 }
-._actions_1ybks_44 > button {
+._actions_10nwy_44 > button {
   margin-left: 0 !important;
   font-size: 1.2em;
+  border: 1px solid var(--el-border-color-light) !important;
 }
-._remove_1ybks_53 {
+._actions_10nwy_44 > button:hover {
+  border-color: var(--el-border-color-dark) !important;
+}
+._remove_10nwy_57 {
   transform: translateY(-1px);
 }
-._loading_1ybks_57 {
+._loading_10nwy_61 {
   padding: 4px 8px;
   display: flex;
   align-items: center;

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

@@ -1,6 +1,6 @@
 /* source: src/components/input/input.vue */
 div._input_1vcoq_1 {
-  width: var(--v2586680e);
+  width: var(--v5b821c9b);
   display: inline-flex;
 }
 div._input_1vcoq_1._block_1vcoq_5 {

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

@@ -2,4 +2,5 @@ export interface IInputProps {
     block?: boolean;
     width?: string;
     disabled?: boolean;
+    clearable?: boolean;
 }

package/dist/es/components/input/input.mjs

@@ -10,11 +10,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   props: {
     block: { type: Boolean, default: false },
     width: {},
-    disabled: { type: Boolean, default: void 0 }
+    disabled: { type: Boolean, default: void 0 },
+    clearable: { type: Boolean, default: true }
   },
   setup(__props, { expose: __expose }) {
     useCssVars((_ctx) => ({
-      "v2586680e": unref(myWidth)
+      "v5b821c9b": unref(myWidth)
     }));
     const props = __props;
     const $style = useCssModule();
@@ -34,7 +35,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ref_key: "inputRef",
         ref: inputRef,
         class: normalizeClass(unref(className)),
-        disabled: unref(formDisabled)
+        disabled: unref(formDisabled),
+        clearable: __props.clearable
       }, createSlots({ _: 2 }, [
         _ctx.$slots.prefix ? {
           name: "prefix",
@@ -64,7 +66,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ]),
           key: "3"
         } : void 0
-      ]), 1032, ["class", "disabled"]);
+      ]), 1032, ["class", "disabled", "clearable"]);
     };
   }
 });

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

@@ -825,6 +825,7 @@ declare const __VLS_component: import('vue').DefineComponent<IInputProps, {
     }) | null>>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<IInputProps> & Readonly<{}>, {
     disabled: boolean;
+    clearable: boolean;
     block: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     inputRef: ({

package/dist/es/components/tags/tags.mjs

@@ -9,30 +9,12 @@ import { E as ElSpace } from '../../chunk/w7VqVeWU.mjs';
 import { defineComponent, ref, computed, watch, createBlock, unref, openBlock, withCtx, createElementBlock, Fragment, renderList, mergeProps, createTextVNode, toDisplayString, createVNode, createCommentVNode, normalizeClass, isRef, withDirectives, withKeys } from 'vue';
 import { useFormDisabled } from 'element-plus';
 import Draggable from 'vuedraggable-es-fix';
+import { v as vFocus } from '../../chunk/CL65DvCP.mjs';
 import { C as Component$1 } from '../button/button.mjs';
 import { E as ElTag } from '../../chunk/DhGcJR5p.mjs';
 import { E as ElPopover } from '../../chunk/DQK0ezHm.mjs';
 import { _ as _export_sfc } from '../../chunk/pcqpp-6-.mjs';
 
-const vFocus = {
-  mounted: (el) => {
-    let input;
-    if (el.tagName === "input") {
-      input = el;
-    } else {
-      const elInput = el.getElementsByTagName("input");
-      if (elInput.length > 0) {
-        input = elInput[0];
-      }
-    }
-    if (input) {
-      setTimeout(() => input.focus(), 0);
-      const len = input.value.length;
-      input.setSelectionRange(len, len);
-    }
-  }
-};
-
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "tags",
   props: {
@@ -298,8 +280,8 @@ const cssModules = {
 const Component = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
 
 const __vite_glob_0_50 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
-    __proto__: null,
-    default: Component
+  __proto__: null,
+  default: Component
 }, Symbol.toStringTag, { value: 'Module' }));
 
 export { Component as C, __vite_glob_0_50 as _ };

package/dist/es/components/thousand-input/thousand-input.mjs

@@ -1,42 +1,10 @@
 import './index.css'
 import { defineComponent, useTemplateRef, computed, ref, watch, nextTick, withDirectives, createCommentVNode, unref, createBlock, openBlock, mergeProps, isRef, createSlots, withCtx, renderSlot } from 'vue';
-import { i as index } from '../../chunk/BaJ7k5Lg.mjs';
-import '../../chunk/D9iEroQw.mjs';
+import { t as thousand } from '../../chunk/Mq_fqKb4.mjs';
 import { C as Component$1 } from '../input/input.mjs';
 import { i as isEqual } from '../../chunk/q2jRgbir.mjs';
 import { _ as _export_sfc } from '../../chunk/pcqpp-6-.mjs';
 
-const thousand = {
-  mounted: async (el, binding) => {
-    const elInput = el.getElementsByTagName("input")[binding.value?.elInputIndex || 0] || el.getElementsByTagName("input")[0];
-    elInput.style.textAlign = "right";
-    elInput.style.fontFamily = "Pathway Gothic One";
-    const disabled = elInput.disabled;
-    elInput.disabled = true;
-    const Cleave = await index.loadCdnSingle("cleave");
-    const option = { decimalScale: 2, integerScale: 0, prefix: "", ...binding.value };
-    elInput.cleave = new Cleave(elInput, {
-      numeral: true,
-      numeralThousandsGroupStyle: "thousand",
-      numeralDecimalScale: option.decimalScale,
-      numeralIntegerScale: option.integerScale,
-      prefix: option.prefix
-    });
-    elInput.value = elInput.cleave?.properties?.result || "";
-    elInput.disabled = disabled;
-  },
-  updated: (el, binding) => {
-    setTimeout(() => {
-      const event = new Event("input", { bubbles: true });
-      const elInput = el.getElementsByTagName("input")[binding.value?.elInputIndex || 0] || el.getElementsByTagName("input")[0];
-      elInput.dispatchEvent(event);
-      if (elInput.cleave) {
-        elInput.value = elInput.cleave?.properties?.result || "";
-      }
-    }, 0);
-  }
-};
-
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "thousand-input",
   props: {
@@ -153,8 +121,8 @@ const cssModules = {
 const Component = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
 
 const __vite_glob_0_52 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
-    __proto__: null,
-    default: Component
+  __proto__: null,
+  default: Component
 }, Symbol.toStringTag, { value: 'Module' }));
 
 export { Component as C, __vite_glob_0_52 as _ };

package/dist/es/components/thousand-input/thousand-input.vue.d.ts

@@ -13,6 +13,7 @@ declare function __VLS_template(): {
                 readonly block?: boolean | undefined;
                 readonly width?: string | undefined;
                 readonly disabled?: boolean | undefined;
+                readonly clearable?: boolean | undefined;
             } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
             $attrs: {
                 [x: string]: unknown;
@@ -842,6 +843,7 @@ declare function __VLS_template(): {
                 }) | null>>;
             }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
                 disabled: boolean;
+                clearable: boolean;
                 block: boolean;
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
@@ -865,8 +867,9 @@ declare function __VLS_template(): {
             $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<{
             disabled: boolean;
+            clearable: boolean;
             block: boolean;
-        }> & Omit<Readonly<import('../input/input').IInputProps> & Readonly<{}>, "inputRef" | ("disabled" | "block")> & import('vue').ShallowUnwrapRef<{
+        }> & Omit<Readonly<import('../input/input').IInputProps> & Readonly<{}>, "inputRef" | ("disabled" | "clearable" | "block")> & import('vue').ShallowUnwrapRef<{
             inputRef: Readonly<globalThis.ShallowRef<({
                 $: import('vue').ComponentInternalInstance;
                 $data: {};
@@ -1305,6 +1308,7 @@ declare const __VLS_component: import('vue').DefineComponent<IThousandInputProps
             readonly block?: boolean | undefined;
             readonly width?: string | undefined;
             readonly disabled?: boolean | undefined;
+            readonly clearable?: boolean | undefined;
         } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
         $attrs: {
             [x: string]: unknown;
@@ -2134,6 +2138,7 @@ declare const __VLS_component: import('vue').DefineComponent<IThousandInputProps
             }) | null>>;
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
             disabled: boolean;
+            clearable: boolean;
             block: boolean;
         }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
             beforeCreate?: (() => void) | (() => void)[];
@@ -2157,8 +2162,9 @@ declare const __VLS_component: import('vue').DefineComponent<IThousandInputProps
         $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<{
         disabled: boolean;
+        clearable: boolean;
         block: boolean;
-    }> & Omit<Readonly<import('../input/input').IInputProps> & Readonly<{}>, "inputRef" | ("disabled" | "block")> & import('vue').ShallowUnwrapRef<{
+    }> & Omit<Readonly<import('../input/input').IInputProps> & Readonly<{}>, "inputRef" | ("disabled" | "clearable" | "block")> & import('vue').ShallowUnwrapRef<{
         inputRef: Readonly<globalThis.ShallowRef<({
             $: import('vue').ComponentInternalInstance;
             $data: {};

package/dist/es/directives/cleave/index.mjs

@@ -0,0 +1,4 @@
+import '../../chunk/BaJ7k5Lg.mjs';
+import 'vue';
+import '../../chunk/D9iEroQw.mjs';
+export { c as default } from '../../chunk/DRLHgORP.mjs';

package/dist/es/directives/focus/index.mjs

@@ -0,0 +1 @@
+export { v as default } from '../../chunk/CL65DvCP.mjs';

package/dist/es/directives/index.mjs

@@ -0,0 +1,16 @@
+import { _ as __vite_glob_0_0 } from '../chunk/DRLHgORP.mjs';
+import { _ as __vite_glob_0_1 } from '../chunk/CL65DvCP.mjs';
+import { _ as __vite_glob_0_2 } from '../chunk/Mq_fqKb4.mjs';
+
+const modules = /* #__PURE__ */ Object.assign({"./cleave/index.ts": __vite_glob_0_0,"./focus/index.ts": __vite_glob_0_1,"./thousand/index.ts": __vite_glob_0_2});
+function setupDirectives(app) {
+  Object.keys(modules).forEach((key) => {
+    const [, name] = key.match(/\/([a-z\-\d]+)\//) || [];
+    if (!name) {
+      return;
+    }
+    app.directive(name, modules[key].default);
+  });
+}
+
+export { setupDirectives as default };

package/dist/es/directives/thousand/index.mjs

@@ -0,0 +1,4 @@
+import '../../chunk/BaJ7k5Lg.mjs';
+import 'vue';
+import '../../chunk/D9iEroQw.mjs';
+export { t as default } from '../../chunk/Mq_fqKb4.mjs';

package/dist/es/index.d.ts

@@ -54,6 +54,9 @@ export { default as VcThousandInput } from './components/thousand-input/thousand
 export { default as VcTinymce } from './components/tinymce/tinymce.vue';
 export { default as VcTreePicker } from './components/tree-picker/tree-picker.vue';
 export { default as VcUploadFile } from './components/upload-file/upload-file.vue';
+export { default as VcVCleave } from './directives/cleave';
+export { default as VcVFocus } from './directives/focus';
+export { default as VcVThousand } from './directives/thousand';
 declare function install(Vue: any): void;
 declare const _default: {
     version: string;

package/dist/es/index.mjs

@@ -101,6 +101,9 @@ import { _ as __vite_glob_0_54 } from './components/tree-picker/tree-picker.mjs'
 export { C as VcTreePicker } from './components/tree-picker/tree-picker.mjs';
 import { _ as __vite_glob_0_55 } from './components/upload-file/upload-file.mjs';
 export { C as VcUploadFile } from './components/upload-file/upload-file.mjs';
+export { c as VcVCleave } from './chunk/DRLHgORP.mjs';
+export { v as VcVFocus } from './chunk/CL65DvCP.mjs';
+export { t as VcVThousand } from './chunk/Mq_fqKb4.mjs';
 
 const __vite_glob_0_0 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
     __proto__: null,
@@ -147,7 +150,7 @@ const __vite_glob_0_46 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.definePr
     default: _sfc_main$8
 }, Symbol.toStringTag, { value: 'Module' }));
 
-const version = "1.5.2";
+const version = "1.6.0";
 
 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-switcher/color-switcher.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-switcher/dark-switcher.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-panel/explorer-panel.vue": __vite_glob_0_26,"./components/explorer-query/explorer-query.vue": __vite_glob_0_27,"./components/explorer-table/explorer-table.vue": __vite_glob_0_28,"./components/explorer-tools/explorer-tools.vue": __vite_glob_0_29,"./components/explorer-tree/explorer-tree.vue": __vite_glob_0_30,"./components/explorer/explorer.vue": __vite_glob_0_31,"./components/flag/flag.vue": __vite_glob_0_32,"./components/icon-picker/icon-picker.vue": __vite_glob_0_33,"./components/icon/icon.vue": __vite_glob_0_34,"./components/iconify-icon/iconify-icon.vue": __vite_glob_0_35,"./components/image/image.vue": __vite_glob_0_36,"./components/input-number/input-number.vue": __vite_glob_0_37,"./components/input/input.vue": __vite_glob_0_38,"./components/pca-picker/pca-picker.vue": __vite_glob_0_39,"./components/qr-code/qr-code.vue": __vite_glob_0_40,"./components/screenfull/screenfull.vue": __vite_glob_0_41,"./components/scrollbar/scrollbar.vue": __vite_glob_0_42,"./components/select/select.vue": __vite_glob_0_43,"./components/single-player/single-player.vue": __vite_glob_0_44,"./components/splitter-panel/splitter-panel.vue": __vite_glob_0_45,"./components/splitter/splitter.vue": __vite_glob_0_46,"./components/svg-icon/svg-icon.vue": __vite_glob_0_47,"./components/switch/switch.vue": __vite_glob_0_48,"./components/sync-scroll-container/sync-scroll-container.vue": __vite_glob_0_49,"./components/tags/tags.vue": __vite_glob_0_50,"./components/text-ellipsis/text-ellipsis.vue": __vite_glob_0_51,"./components/thousand-input/thousand-input.vue": __vite_glob_0_52,"./components/tinymce/tinymce.vue": __vite_glob_0_53,"./components/tree-picker/tree-picker.vue": __vite_glob_0_54,"./components/upload-file/upload-file.vue": __vite_glob_0_55});
 const upper = (_, letter) => letter.toUpperCase();

package/dist/global.d.ts

@@ -58,5 +58,10 @@ declare module 'vue' {
         VcTreePicker: typeof import('@wfrog/vc-ui')['VcTreePicker']
         VcUploadFile: typeof import('@wfrog/vc-ui')['VcUploadFile']
     }
+    export interface GlobalDirectives {
+        vCleave: typeof import('@wfrog/vc-ui')['VcVCleave']
+        vFocus: typeof import('@wfrog/vc-ui')['VcVFocus']
+        vThousand: typeof import('@wfrog/vc-ui')['VcVThousand']
+    }
 }
 export {}

package/dist/index.css

@@ -650,7 +650,7 @@ div._main_m9nss_1 ._header_m9nss_48 {
   margin-left: 0 !important;
 }
 /* source: src/components/explorer-list/explorer-list.vue */
-._item_5dblq_1 {
+._item_1xqvz_1 {
   padding: 4px 8px;
   cursor: pointer;
   display: flex;
@@ -662,38 +662,42 @@ div._main_m9nss_1 ._header_m9nss_48 {
   box-sizing: border-box;
   line-height: 1;
 }
-._item_5dblq_1:hover {
+._item_1xqvz_1:hover {
   background-color: var(--el-color-primary-light-9);
 }
-._item_5dblq_1:hover ._actions_5dblq_16 {
+._item_1xqvz_1:hover ._actions_1xqvz_16 {
   display: inline-flex;
   align-items: flex-start;
 }
-._item_5dblq_1._active_5dblq_20 {
+._item_1xqvz_1._active_1xqvz_20 {
   color: var(--el-color-primary);
   background-color: var(--el-color-primary-light-9);
 }
-._label_5dblq_25 {
+._label_1xqvz_25 {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-._icon_5dblq_31 {
+._icon_1xqvz_31 {
   margin-right: 4px;
 }
-._actions_5dblq_16 {
+._actions_1xqvz_16 {
   display: none;
   column-gap: 4px;
 }
-._actions_5dblq_16 > button {
+._actions_1xqvz_16 > button {
   margin-left: 0 !important;
   font-size: 1.2em;
+  border: 1px solid var(--el-border-color-light) !important;
 }
-._remove_5dblq_44 {
+._actions_1xqvz_16 > button:hover {
+  border-color: var(--el-border-color-dark) !important;
+}
+._remove_1xqvz_48 {
   transform: translateY(-1px);
 }
-._empty_5dblq_48,
-._loading_5dblq_49 {
+._empty_1xqvz_52,
+._loading_1xqvz_53 {
   padding: 4px 8px;
   display: flex;
   align-items: center;
@@ -831,29 +835,29 @@ div._main_m9nss_1 ._header_m9nss_48 {
   z-index: 9999 !important;
 }
 /* source: src/components/explorer-tree/explorer-tree.vue */
-._tree_1ybks_1 .el-tree-node__content {
+._tree_10nwy_1 .el-tree-node__content {
   display: flex;
   align-items: center;
 }
-._tree_1ybks_1 .el-tree-node__content:hover {
+._tree_10nwy_1 .el-tree-node__content:hover {
   background-color: var(--el-color-primary-light-9);
 }
-._tree_1ybks_1 .el-tree-node__content:hover .vc-actions {
+._tree_10nwy_1 .el-tree-node__content:hover .vc-actions {
   display: inline-flex;
 }
-._tree_1ybks_1 .is-current > .el-tree-node__content {
+._tree_10nwy_1 .is-current > .el-tree-node__content {
   color: var(--el-color-primary);
   background-color: var(--el-color-primary-light-9);
 }
-._tree_1ybks_1 .el-tree__empty-block {
+._tree_10nwy_1 .el-tree__empty-block {
   text-align: left;
   min-height: unset;
   padding: 4px 8px;
 }
-._tree_1ybks_1 .el-tree__empty-text {
+._tree_10nwy_1 .el-tree__empty-text {
   position: static;
 }
-._node_1ybks_24 {
+._node_10nwy_24 {
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -862,26 +866,30 @@ div._main_m9nss_1 ._header_m9nss_48 {
   box-sizing: border-box;
   width: 100px;
 }
-._label_1ybks_34 {
+._label_10nwy_34 {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-._icon_1ybks_40 {
+._icon_10nwy_40 {
   margin-right: 4px;
 }
-._actions_1ybks_44 {
+._actions_10nwy_44 {
   display: none;
   column-gap: 4px;
 }
-._actions_1ybks_44 > button {
+._actions_10nwy_44 > button {
   margin-left: 0 !important;
   font-size: 1.2em;
+  border: 1px solid var(--el-border-color-light) !important;
+}
+._actions_10nwy_44 > button:hover {
+  border-color: var(--el-border-color-dark) !important;
 }
-._remove_1ybks_53 {
+._remove_10nwy_57 {
   transform: translateY(-1px);
 }
-._loading_1ybks_57 {
+._loading_10nwy_61 {
   padding: 4px 8px;
   display: flex;
   align-items: center;
@@ -1082,7 +1090,7 @@ div._el-input-number_1piks_18 .el-input__inner {
 }
 /* source: src/components/input/input.vue */
 div._input_1vcoq_1 {
-  width: var(--v2586680e);
+  width: var(--v5b821c9b);
   display: inline-flex;
 }
 div._input_1vcoq_1._block_1vcoq_5 {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wfrog/vc-ui",
-  "version": "1.5.3",
+  "version": "1.6.0",
   "packageManager": "pnpm@10.20.0",
   "description": "vue3 组件库 vc-ui",
   "author": "wellfrog",
@@ -22,10 +22,19 @@
       "types": "./dist/es/components/*/index.d.ts",
       "default": "./dist/es/components/*/index.mjs"
     },
+    "./es/directives/*/type": "./dist/es/directives/*/index.d.ts",
+    "./es/directives/*": {
+      "types": "./dist/es/directives/*/index.d.ts",
+      "default": "./dist/es/directives/*/index.mjs"
+    },
     "./resolver": {
       "types": "./dist/es/utils/resolver.d.ts",
       "default": "./dist/es/utils/resolver.mjs"
     },
+    "./directives": {
+      "types": "./dist/es/directives/index.d.ts",
+      "default": "./dist/es/directives/index.mjs"
+    },
     "./*": "./dist/*"
   },
   "main": "dist/es/index.mjs",

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

@@ -1,14 +0,0 @@
-declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
-    data: {
-        type: ObjectConstructor;
-        default: () => {};
-    };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
-    data: {
-        type: ObjectConstructor;
-        default: () => {};
-    };
-}>> & Readonly<{}>, {
-    data: Record<string, any>;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
-export default _default;

package/dist/es/components/example-wrapper.vue.d.ts

@@ -1,19 +0,0 @@
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {
-            direction: string;
-        }): any;
-    };
-    refs: {};
-    rootEl: any;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};