@wfrog/vc-ui 1.4.0 → 1.5.1

package/dist/es/components/dialog/dialog.mjs

@@ -413,7 +413,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     showDefaultFooter: { type: Boolean, default: false },
     lazy: { type: Boolean, default: true },
     height: {},
-    maxHeight: {},
+    maxHeight: { default: "80vh" },
     fullscreenHeight: {},
     fullscreen: { type: Boolean, default: false },
     boxPadding: { type: Boolean, default: true },

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

@@ -20,6 +20,7 @@ declare const __VLS_component: import('vue').DefineComponent<IDialogProps, {}, {
     onClosed?: (() => any) | undefined;
 }>, {
     title: string;
+    maxHeight: string | number;
     padding: number;
     showFullscreen: boolean;
     showDefaultFooter: boolean;

package/dist/es/components/drag-verify/drag-verify.vue.d.ts

@@ -6,8 +6,8 @@ declare const _default: import('vue').DefineComponent<IDragVerifyProps, {
     circle: boolean;
     text: string;
     width: number;
-    textColor: string;
     height: number;
+    textColor: string;
     background: [string, string, string];
     diffWidth: number;
     imgs: string[];

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

@@ -2,7 +2,7 @@ import { Ref } from 'vue';
 export interface IExplorerProps {
     layout?: 'horizontal' | 'vertical';
     lazy?: boolean;
-    explorerKey: string;
+    explorerKey?: string;
 }
 export interface IExplorerState {
     fullscreenTarget: Ref<HTMLElement>;

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

@@ -18,12 +18,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     const fullscreenTarget = ref();
     const splitterRef = useTemplateRef("splitterRef");
-    useProvide(KEY_NAME, {
+    props.explorerKey && useProvide(KEY_NAME, {
       fullscreenTarget,
       key: `vc-explorer-${props.explorerKey}`
     });
     onMounted(() => {
-      if (splitterRef.value?.$el) {
+      if (props.explorerKey && splitterRef.value?.$el) {
         fullscreenTarget.value = splitterRef.value.$el;
       }
     });
@@ -56,9 +56,9 @@ const cssModules = {
 };
 const Component = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
 
-const __vite_glob_0_29 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
+const __vite_glob_0_31 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
   __proto__: null,
   default: Component
 }, Symbol.toStringTag, { value: 'Module' }));
 
-export { Component as C, __vite_glob_0_29 as _ };
+export { Component as C, __vite_glob_0_31 as _ };

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

@@ -0,0 +1,5 @@
+export interface IExplorerContainerProps {
+    title: string;
+    icon?: string;
+    loading?: boolean;
+}

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

@@ -0,0 +1,76 @@
+import './index.css'
+import '../../chunk/By7FMB3I.mjs';
+import { v as vLoading } from '../../chunk/CwXV7M2F.mjs';
+import { defineComponent, withDirectives, createElementBlock, openBlock, normalizeClass, createElementVNode, createVNode, createCommentVNode, createBlock, renderSlot, createTextVNode, toDisplayString, withCtx } from 'vue';
+import { C as Component$1 } from '../iconify-icon/iconify-icon.mjs';
+import { C as Component$2 } from '../scrollbar/scrollbar.mjs';
+import { _ as _export_sfc } from '../../chunk/pcqpp-6-.mjs';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "explorer-container",
+  props: {
+    title: {},
+    icon: { default: "carbon:information-square" },
+    loading: { type: Boolean, default: false }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      const _directive_loading = vLoading;
+      return withDirectives((openBlock(), createElementBlock("div", {
+        class: normalizeClass(_ctx.$style["explorer-container"])
+      }, [
+        createElementVNode("div", {
+          class: normalizeClass(_ctx.$style.header)
+        }, [
+          createElementVNode("div", {
+            class: normalizeClass(_ctx.$style["header-container"])
+          }, [
+            __props.icon ? (openBlock(), createBlock(Component$1, {
+              key: 0,
+              name: __props.icon,
+              class: normalizeClass(_ctx.$style.icon)
+            }, null, 8, ["name", "class"])) : createCommentVNode("", true),
+            renderSlot(_ctx.$slots, "title", {}, () => [
+              createTextVNode(toDisplayString(__props.title), 1)
+            ])
+          ], 2),
+          _ctx.$slots.action ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: normalizeClass(_ctx.$style.actions)
+          }, [
+            renderSlot(_ctx.$slots, "action")
+          ], 2)) : createCommentVNode("", true)
+        ], 2),
+        createVNode(Component$2, { always: "" }, {
+          default: withCtx(() => [
+            renderSlot(_ctx.$slots, "default")
+          ]),
+          _: 3
+        })
+      ], 2)), [
+        [_directive_loading, __props.loading]
+      ]);
+    };
+  }
+});
+
+/* unplugin-vue-components disabled */const header = "_header_1sfkk_8";
+const icon = "_icon_1sfkk_26";
+const style0 = {
+	"explorer-container": "_explorer-container_1sfkk_1",
+	header: header,
+	"header-container": "_header-container_1sfkk_22",
+	icon: icon
+};
+
+const cssModules = {
+  "$style": style0
+};
+const Component = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+
+const __vite_glob_0_21 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
+  __proto__: null,
+  default: Component
+}, Symbol.toStringTag, { value: 'Module' }));
+
+export { Component as C, __vite_glob_0_21 as _ };

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

@@ -0,0 +1,23 @@
+import { IExplorerContainerProps } from './explorer-container';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        title?(_: {}): any;
+        action?(_: {}): any;
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<IExplorerContainerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<IExplorerContainerProps> & Readonly<{}>, {
+    icon: string;
+    loading: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,26 @@
+/* source: src/components/explorer-container/explorer-container.vue */
+._explorer-container_1sfkk_1 {
+  display: flex;
+  flex-direction: column;
+  flex-grow: 1;
+  height: 100px;
+}
+._header_1sfkk_8 {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  border-bottom: 1px solid var(--el-border-color-lighter);
+  min-height: 40px;
+  padding-bottom: 7px;
+  box-sizing: border-box;
+  margin-bottom: 8px;
+  color: var(--el-text-color-regular);
+  flex-wrap: wrap;
+  row-gap: 8px;
+}
+._header-container_1sfkk_22 {
+  font-size: 1.2em;
+}
+._icon_1sfkk_26 {
+  margin-right: 4px;
+}

package/dist/es/components/explorer-container/index.d.ts

@@ -0,0 +1,4 @@
+import { SFCWithInstall } from '../../utils/typescript';
+import { default as Component } from './explorer-container.vue';
+export declare const VcExplorerContainer: SFCWithInstall<typeof Component>;
+export default VcExplorerContainer;

package/dist/es/components/explorer-container/index.mjs

@@ -0,0 +1,6 @@
+import { w as withInstall } from '../../chunk/ClZGuAIb.mjs';
+import { C as Component } from './explorer-container.mjs';
+
+const VcExplorerContainer = withInstall(Component);
+
+export { VcExplorerContainer, VcExplorerContainer as default };

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

@@ -73,9 +73,9 @@ const cssModules = {
 };
 const Component = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
 
-const __vite_glob_0_21 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
+const __vite_glob_0_22 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
   __proto__: null,
   default: Component
 }, Symbol.toStringTag, { value: 'Module' }));
 
-export { Component as C, __vite_glob_0_21 as _ };
+export { Component as C, __vite_glob_0_22 as _ };

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

@@ -84,9 +84,9 @@ const cssModules = {
 };
 const Component = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
 
-const __vite_glob_0_22 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
+const __vite_glob_0_23 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
   __proto__: null,
   default: Component
 }, Symbol.toStringTag, { value: 'Module' }));
 
-export { Component as C, __vite_glob_0_22 as _ };
+export { Component as C, __vite_glob_0_23 as _ };

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

@@ -0,0 +1,19 @@
+import { FormProps } from 'element-plus';
+import { Reactive } from 'vue';
+export interface IExplorerFormProps {
+    title: string;
+    icon?: string;
+    form: Reactive<{
+        fields: Record<string, any>;
+        rules?: Record<string, any>;
+    }>;
+    formProps?: Partial<FormProps>;
+    initialValues?: Record<string, any>;
+    autoInitial?: boolean;
+    defaultEditing?: boolean;
+    onCancel?: () => void | Promise<void>;
+    onSave?: (data: Record<string, any>) => void | Promise<void>;
+}
+export interface IExplorerFormEmits {
+    (e: 'clickEdit'): void;
+}

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

@@ -0,0 +1,174 @@
+import './index.css'
+import '../../chunk/By7FMB3I.mjs';
+import { v as vLoading } from '../../chunk/CwXV7M2F.mjs';
+import { defineComponent, ref, useTemplateRef, watch, onBeforeMount, onBeforeUnmount, withDirectives, createElementBlock, openBlock, normalizeClass, createElementVNode, createVNode, createBlock, createCommentVNode, renderSlot, createTextVNode, toDisplayString, unref, withCtx, resolveDynamicComponent, mergeProps } from 'vue';
+import { ElForm } from 'element-plus';
+import { C as Component$2 } from '../button/button.mjs';
+import { C as Component$1 } from '../iconify-icon/iconify-icon.mjs';
+import { C as Component$3 } from '../scrollbar/scrollbar.mjs';
+import { _ as _export_sfc } from '../../chunk/pcqpp-6-.mjs';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "explorer-form",
+  props: {
+    title: {},
+    icon: { default: "fluent:form-48-regular" },
+    form: {},
+    formProps: {},
+    initialValues: {},
+    autoInitial: { type: Boolean, default: true },
+    defaultEditing: { type: Boolean },
+    onCancel: { type: Function, default: () => {
+    } },
+    onSave: { type: Function, default: () => {
+    } }
+  },
+  emits: ["clickEdit"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const isEditing = ref(false);
+    const loading = ref(false);
+    const formRef = useTemplateRef("formRef");
+    const formComponent = ref();
+    function handleEdit() {
+      emits("clickEdit");
+      isEditing.value = true;
+    }
+    async function handleCancel() {
+      formRef.value.resetFields();
+      await props.onCancel();
+      isEditing.value = false;
+    }
+    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;
+    }
+    const editingWatch = watch(() => props.defaultEditing, (val) => {
+      isEditing.value = val;
+    }, { immediate: true });
+    const autoInitialWatch = watch(() => props.form.fields, (val) => {
+      props.autoInitial && formRef.value?.setInitialValues(val);
+    }, { immediate: true });
+    const initialValuesWatch = watch(() => props.initialValues, () => {
+      props.initialValues && formRef.value?.setInitialValues(props.initialValues);
+    }, { immediate: true, deep: true });
+    onBeforeMount(() => {
+      formComponent.value = ElForm;
+    });
+    onBeforeUnmount(() => {
+      initialValuesWatch.stop();
+      autoInitialWatch.stop();
+      editingWatch.stop();
+    });
+    return (_ctx, _cache) => {
+      const _directive_loading = vLoading;
+      return withDirectives((openBlock(), createElementBlock("div", {
+        class: normalizeClass(_ctx.$style["explorer-form"])
+      }, [
+        createElementVNode("div", {
+          class: normalizeClass(_ctx.$style.header)
+        }, [
+          createElementVNode("div", {
+            class: normalizeClass(_ctx.$style["header-container"])
+          }, [
+            __props.icon ? (openBlock(), createBlock(Component$1, {
+              key: 0,
+              name: __props.icon,
+              class: normalizeClass(_ctx.$style.icon)
+            }, null, 8, ["name", "class"])) : createCommentVNode("", true),
+            renderSlot(_ctx.$slots, "title", {}, () => [
+              createTextVNode(toDisplayString(__props.title), 1)
+            ])
+          ], 2),
+          createElementVNode("div", {
+            class: normalizeClass(_ctx.$style.actions)
+          }, [
+            unref(isEditing) ? (openBlock(), createBlock(Component$2, {
+              key: 0,
+              icon: { type: "el", name: "Close" },
+              onClick: handleCancel
+            }, {
+              default: withCtx(() => [..._cache[0] || (_cache[0] = [
+                createTextVNode("取消", -1)
+              ])]),
+              _: 1
+            })) : createCommentVNode("", true),
+            unref(isEditing) ? (openBlock(), createBlock(Component$2, {
+              key: 1,
+              type: "primary",
+              icon: { type: "el", name: "Check" },
+              onClick: handleSave
+            }, {
+              default: withCtx(() => [..._cache[1] || (_cache[1] = [
+                createTextVNode("保存", -1)
+              ])]),
+              _: 1
+            })) : createCommentVNode("", true),
+            !unref(isEditing) ? (openBlock(), createBlock(Component$2, {
+              key: 2,
+              type: "primary",
+              icon: { type: "el", name: "Edit" },
+              onClick: handleEdit
+            }, {
+              default: withCtx(() => [..._cache[2] || (_cache[2] = [
+                createTextVNode("编辑", -1)
+              ])]),
+              _: 1
+            })) : createCommentVNode("", true),
+            renderSlot(_ctx.$slots, "action")
+          ], 2)
+        ], 2),
+        createVNode(Component$3, { always: "" }, {
+          default: withCtx(() => [
+            (openBlock(), createBlock(resolveDynamicComponent(unref(formComponent)), mergeProps({
+              ref_key: "formRef",
+              ref: formRef
+            }, props.formProps, {
+              model: __props.form.fields,
+              rules: __props.form.rules,
+              disabled: !unref(isEditing),
+              "require-asterisk-position": "right"
+            }), {
+              default: withCtx(() => [
+                renderSlot(_ctx.$slots, "default")
+              ]),
+              _: 3
+            }, 16, ["model", "rules", "disabled"]))
+          ]),
+          _: 3
+        })
+      ], 2)), [
+        [_directive_loading, unref(loading)]
+      ]);
+    };
+  }
+});
+
+/* unplugin-vue-components disabled */const header = "_header_gacal_8";
+const icon = "_icon_gacal_25";
+const actions = "_actions_gacal_29";
+const style0 = {
+	"explorer-form": "_explorer-form_gacal_1",
+	header: header,
+	"header-container": "_header-container_gacal_21",
+	icon: icon,
+	actions: actions
+};
+
+const cssModules = {
+  "$style": style0
+};
+const Component = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+
+const __vite_glob_0_24 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
+  __proto__: null,
+  default: Component
+}, Symbol.toStringTag, { value: 'Module' }));
+
+export { Component as C, __vite_glob_0_24 as _ };

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

@@ -0,0 +1,33 @@
+import { IExplorerFormProps } from './explorer-form';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        title?(_: {}): any;
+        action?(_: {}): any;
+        default?(_: {}): any;
+    };
+    refs: {
+        formRef: unknown;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<IExplorerFormProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    clickEdit: () => any;
+}, string, import('vue').PublicProps, Readonly<IExplorerFormProps> & Readonly<{
+    onClickEdit?: (() => any) | undefined;
+}>, {
+    icon: string;
+    onCancel: () => void | Promise<void>;
+    onSave: (data: Record<string, any>) => void | Promise<void>;
+    autoInitial: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    formRef: unknown;
+}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,33 @@
+/* source: src/components/explorer-form/explorer-form.vue */
+._explorer-form_gacal_1 {
+  display: flex;
+  flex-direction: column;
+  flex-grow: 1;
+  height: 100px;
+}
+._header_gacal_8 {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  border-bottom: 1px solid var(--el-border-color-lighter);
+  padding-bottom: 7px;
+  box-sizing: border-box;
+  margin-bottom: 8px;
+  color: var(--el-text-color-regular);
+  flex-wrap: wrap;
+  row-gap: 8px;
+}
+._header-container_gacal_21 {
+  font-size: 1.2em;
+}
+._icon_gacal_25 {
+  margin-right: 4px;
+}
+._actions_gacal_29 {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+._actions_gacal_29 .el-button {
+  margin-left: 0 !important;
+}

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

@@ -0,0 +1,4 @@
+import { SFCWithInstall } from '../../utils/typescript';
+import { default as Component } from './explorer-form.vue';
+export declare const VcExplorerContainer: SFCWithInstall<typeof Component>;
+export default VcExplorerContainer;

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

@@ -0,0 +1,6 @@
+import { w as withInstall } from '../../chunk/ClZGuAIb.mjs';
+import { C as Component } from './explorer-form.mjs';
+
+const VcExplorerContainer = withInstall(Component);
+
+export { VcExplorerContainer, VcExplorerContainer as default };

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

@@ -25,7 +25,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     } }
   },
   emits: ["itemClick", "create", "modify", "remove"],
-  setup(__props, { emit: __emit }) {
+  setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emits = __emit;
     const { filterKeyword } = injectExplorerPanelState();
@@ -44,6 +44,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       actived.value = item.value;
       emits("itemClick", item.value, item, e);
     }
+    __expose({
+      setActive: (value) => {
+        actived.value = value;
+      }
+    });
     return (_ctx, _cache) => {
       const _component_ElIcon = ElIcon;
       return openBlock(), createBlock(Component$1, { always: "" }, {
@@ -99,8 +104,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   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", "onClick"])) : createCommentVNode("", true)
+                }, null, 8, ["confirm", "class", "onClick"])) : createCommentVNode("", true)
               ], 2)) : createCommentVNode("", true)
             ], 10, _hoisted_1);
           }), 128)),
@@ -127,19 +133,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 
-/* unplugin-vue-components disabled */const item = "_item_1nz9u_1";
-const actions = "_actions_1nz9u_15";
-const active = "_active_1nz9u_19";
-const label = "_label_1nz9u_24";
-const icon = "_icon_1nz9u_30";
-const empty = "_empty_1nz9u_43";
-const loading = "_loading_1nz9u_44";
+/* 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";
 const style0 = {
 	item: item,
 	actions: actions,
 	active: active,
 	label: label,
 	icon: icon,
+	remove: remove,
 	empty: empty,
 	loading: loading
 };
@@ -149,9 +157,9 @@ const cssModules = {
 };
 const Component = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
 
-const __vite_glob_0_23 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
+const __vite_glob_0_25 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
   __proto__: null,
   default: Component
 }, Symbol.toStringTag, { value: 'Module' }));
 
-export { Component as C, __vite_glob_0_23 as _ };
+export { Component as C, __vite_glob_0_25 as _ };

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

@@ -11,7 +11,9 @@ declare function __VLS_template(): {
     rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<IExplorerListProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+declare const __VLS_component: import('vue').DefineComponent<IExplorerListProps, {
+    setActive: (value: string | number) => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     create: (value: string | number, item: IExplorerListItem<any>) => any;
     modify: (value: string | number, item: IExplorerListItem<any>) => any;
     remove: (value: string | number, item: IExplorerListItem<any>) => any;

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

@@ -1,5 +1,5 @@
 /* source: src/components/explorer-list/explorer-list.vue */
-._item_1nz9u_1 {
+._item_5dblq_1 {
   padding: 4px 8px;
   cursor: pointer;
   display: flex;
@@ -9,36 +9,40 @@
   color: var(--el-text-color-regular);
   min-height: 32px;
   box-sizing: border-box;
+  line-height: 1;
 }
-._item_1nz9u_1:hover {
+._item_5dblq_1:hover {
   background-color: var(--el-color-primary-light-9);
 }
-._item_1nz9u_1:hover ._actions_1nz9u_15 {
+._item_5dblq_1:hover ._actions_5dblq_16 {
   display: inline-flex;
   align-items: flex-start;
 }
-._item_1nz9u_1._active_1nz9u_19 {
+._item_5dblq_1._active_5dblq_20 {
   color: var(--el-color-primary);
   background-color: var(--el-color-primary-light-9);
 }
-._label_1nz9u_24 {
+._label_5dblq_25 {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-._icon_1nz9u_30 {
+._icon_5dblq_31 {
   margin-right: 4px;
 }
-._actions_1nz9u_15 {
+._actions_5dblq_16 {
   display: none;
   column-gap: 4px;
 }
-._actions_1nz9u_15 > button {
+._actions_5dblq_16 > button {
   margin-left: 0 !important;
   font-size: 1.2em;
 }
-._empty_1nz9u_43,
-._loading_1nz9u_44 {
+._remove_5dblq_44 {
+  transform: translateY(-1px);
+}
+._empty_5dblq_48,
+._loading_5dblq_49 {
   padding: 4px 8px;
   display: flex;
   align-items: center;