@wfrog/vc-ui 1.12.4 → 1.13.0

package/dist/es/chunk/{Bw0Rhd-r.mjs → oAsZydDS.mjs}

@@ -31,6 +31,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }));
     const treeProps = computed(() => ({
       label: props.props.label || "label",
+      value: props.props.value || "value",
       children: props.props.children || "children"
     }));
     function filterNode(value, data) {
@@ -89,17 +90,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           props: unref(cascaderProps),
           options: __props.options
         }, _ctx.$attrs, {
+          class: _ctx.$style["cascader-panel"],
           onExpandChange: _cache[1] || (_cache[1] = ($event) => emits("expandChange")),
           onChange: handleCascaderChange
-        }), null, 16, ["modelValue", "props", "options"])
+        }), null, 16, ["modelValue", "props", "options", "class"])
       ], 64);
     };
   }
 });
 
-/* unplugin-vue-components disabled */const selected = "_selected_1r65k_1";
+/* unplugin-vue-components disabled */const selected = "_selected_62www_1";
 const style0 = {
-	selected: selected
+	selected: selected,
+	"cascader-panel": "_cascader-panel_62www_24"
 };
 
 const cssModules = {

package/dist/es/components/backbottom/backbottom.mjs

@@ -17,8 +17,8 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   emits: ["inited"],
   setup(__props, { emit: __emit }) {
     useCssVars((_ctx) => ({
-      "v10480682": `${-_ctx.right}px`,
-      "v003052db": `${_ctx.bottom}px`
+      "b0dc67b4": `${-_ctx.right}px`,
+      "a033bb7c": `${_ctx.bottom}px`
     }));
     const props = __props;
     const emits = __emit;
@@ -128,10 +128,10 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   }
 });
 
-/* unplugin-vue-components disabled */const wrapper = "_wrapper_12g77_1";
-const container = "_container_12g77_11";
-const body = "_body_12g77_15";
-const icon = "_icon_12g77_34";
+/* unplugin-vue-components disabled */const wrapper = "_wrapper_5hf9g_1";
+const container = "_container_5hf9g_11";
+const body = "_body_5hf9g_15";
+const icon = "_icon_5hf9g_34";
 const style0 = {
 	wrapper: wrapper,
 	container: container,

package/dist/es/components/explorer-column-table/explorer-column-table.mjs

@@ -358,15 +358,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 
-/* unplugin-vue-components disabled */const table = "_table_oyix4_1";
-const label = "_label_oyix4_8";
-const handle = "_handle_oyix4_29";
-const truncate = "_truncate_oyix4_45";
+/* unplugin-vue-components disabled */const table = "_table_1vtct_1";
+const label = "_label_1vtct_8";
+const handle = "_handle_1vtct_29";
+const truncate = "_truncate_1vtct_45";
 const style0 = {
 	table: table,
 	label: label,
 	handle: handle,
-	"item-container": "_item-container_oyix4_33",
+	"item-container": "_item-container_1vtct_33",
 	truncate: truncate
 };
 

package/dist/es/components/explorer-column-table/index.css

@@ -1,34 +1,34 @@
 /* source: src/components/explorer-column-table/explorer-column-table.vue */
-div._table_oyix4_1 {
+div._table_1vtct_1 {
   flex-grow: 1;
   height: 100px;
   --el-table-header-bg-color: var(--el-color-info-light-9);
-  --el-table-row-hover-bg-color: var(--el-color-primary-light-9);
+  --el-table-row-hover-bg-color: var(--vc-highlight-bg-color, var(--el-fill-color-light));
 }
-._label_oyix4_8 {
+._label_1vtct_8 {
   display: inline-flex;
   width: 100%;
   align-items: center;
 }
-._label_oyix4_8 .el-checkbox {
+._label_1vtct_8 .el-checkbox {
   width: 100%;
   display: flex;
   align-items: center;
 }
-._label_oyix4_8 .el-checkbox__label {
+._label_1vtct_8 .el-checkbox__label {
   min-width: 0;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   flex-grow: 1;
 }
-._label_oyix4_8 .iconify {
+._label_1vtct_8 .iconify {
   margin-left: 4px;
 }
-._handle_oyix4_29 {
+._handle_1vtct_29 {
   cursor: move;
 }
-._item-container_oyix4_33 {
+._item-container_1vtct_33 {
   display: inline-flex;
   align-items: center;
   column-gap: 4px;
@@ -36,15 +36,15 @@ div._table_oyix4_1 {
   line-height: 0;
   vertical-align: middle;
 }
-._item-container_oyix4_33 > div {
+._item-container_1vtct_33 > div {
   vertical-align: middle;
 }
-._truncate_oyix4_45 {
+._truncate_1vtct_45 {
   padding: 0 9px !important;
 }
-._truncate_oyix4_45.el-checkbox--small {
+._truncate_1vtct_45.el-checkbox--small {
   padding: 0 7px !important;
 }
-._truncate_oyix4_45.el-checkbox--large {
+._truncate_1vtct_45.el-checkbox--large {
   padding: 0 11px !important;
 }

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

@@ -16,6 +16,7 @@ export interface IExplorerListProps {
     loading?: boolean;
     loadingText?: string;
     highlightCurrent?: boolean;
+    cancelHighlight?: boolean;
     showCheckbox?: boolean;
     confirmParams?: (item: IExplorerListItem) => IButtonProps['confirm'];
     disabled?: boolean | ((action: string, item: IExplorerListItem) => boolean);
@@ -23,7 +24,7 @@ export interface IExplorerListProps {
 export interface IExplorerListEmits {
     (e: 'update:modelValue', value: (string | number)[] | undefined): void;
     (e: 'valueChange', value: CheckboxValueType[]): void;
-    (e: 'itemClick', value: string | number, item: IExplorerListItem, event: MouseEvent): void;
+    (e: 'itemClick', value: string | number | undefined, item: IExplorerListItem): void;
     (e: 'create', value: string | number, item: IExplorerListItem): void;
     (e: 'modify', value: string | number, item: IExplorerListItem): void;
     (e: 'remove', value: string | number, item: IExplorerListItem): void;

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

@@ -28,6 +28,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     loading: { type: Boolean },
     loadingText: { default: "数据加载中..." },
     highlightCurrent: { type: Boolean, default: true },
+    cancelHighlight: { type: Boolean, default: false },
     showCheckbox: { type: Boolean },
     confirmParams: { type: Function, default: (item) => {
       return { msg: `确定要删除 ${item.label} 吗？` };
@@ -37,7 +38,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: ["update:modelValue", "valueChange", "itemClick", "create", "modify", "remove", "up", "down"],
   setup(__props, { expose: __expose, emit: __emit }) {
     useCssVars((_ctx) => ({
-      "e1697a4a": unref(cursorStyle)
+      "v7fa588cc": unref(cursorStyle)
     }));
     const props = __props;
     const emits = __emit;
@@ -56,12 +57,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     const isEmpty = computed(() => myData.value.length === 0);
     const cursorStyle = computed(() => props.highlightCurrent ? "pointer" : "unset");
-    function handleClick(item, e) {
+    function handleClick(item) {
       if (!props.highlightCurrent) {
         return;
       }
+      if (props.cancelHighlight && actived.value === item.value) {
+        actived.value = void 0;
+        emits("itemClick", void 0, item);
+        return;
+      }
       actived.value = item.value;
-      emits("itemClick", item.value, item, e);
+      emits("itemClick", item.value, item);
     }
     const checkboxGroupDisabled = computed(() => {
       if (props.disabled === void 0) {
@@ -104,7 +110,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   return openBlock(), createElementBlock("div", {
                     key: item.value,
                     class: normalizeClass([_ctx.$style.item, { [_ctx.$style.active]: unref(actived) === item.value }]),
-                    onClick: (e) => handleClick(item, e)
+                    onClick: () => handleClick(item)
                   }, [
                     renderSlot(_ctx.$slots, "item", {
                       data: item,
@@ -205,14 +211,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 
-/* unplugin-vue-components disabled */const item = "_item_e98ar_1";
-const actions = "_actions_e98ar_16";
-const active = "_active_e98ar_20";
-const label = "_label_e98ar_25";
-const remove = "_remove_e98ar_58";
-const empty = "_empty_e98ar_62";
-const loading = "_loading_e98ar_63";
-const scrollbar = "_scrollbar_e98ar_71";
+/* unplugin-vue-components disabled */const item = "_item_14vaz_1";
+const actions = "_actions_14vaz_16";
+const active = "_active_14vaz_20";
+const label = "_label_14vaz_25";
+const remove = "_remove_14vaz_58";
+const empty = "_empty_14vaz_62";
+const loading = "_loading_14vaz_63";
+const scrollbar = "_scrollbar_14vaz_71";
 const style0 = {
 	item: item,
 	actions: actions,

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

@@ -37,7 +37,7 @@ declare const __VLS_component: import('vue').DefineComponent<IExplorerListProps,
     up: (value: string | number, node: Node) => any;
     down: (value: string | number, node: Node) => any;
     valueChange: (value: import('element-plus').CheckboxValueType[]) => any;
-    itemClick: (value: string | number, item: IExplorerListItem<any>, event: MouseEvent) => any;
+    itemClick: (value: string | number | undefined, item: IExplorerListItem<any>) => any;
 }, string, import('vue').PublicProps, Readonly<IExplorerListProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: (string | number)[] | undefined) => any) | undefined;
     onCreate?: ((value: string | number, item: IExplorerListItem<any>) => any) | undefined;
@@ -46,7 +46,7 @@ declare const __VLS_component: import('vue').DefineComponent<IExplorerListProps,
     onUp?: ((value: string | number, node: Node) => any) | undefined;
     onDown?: ((value: string | number, node: Node) => any) | undefined;
     onValueChange?: ((value: import('element-plus').CheckboxValueType[]) => any) | undefined;
-    onItemClick?: ((value: string | number, item: IExplorerListItem<any>, event: MouseEvent) => any) | undefined;
+    onItemClick?: ((value: string | number | undefined, item: IExplorerListItem<any>) => any) | undefined;
 }>, {
     data: IExplorerListItem[];
     disabled: boolean | ((action: string, item: IExplorerListItem) => boolean);
@@ -55,6 +55,7 @@ declare const __VLS_component: import('vue').DefineComponent<IExplorerListProps,
     emptyText: string;
     highlightCurrent: boolean;
     actions: ("create" | "modify" | "remove" | "up" | "down" | "action")[];
+    cancelHighlight: 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,7 +1,7 @@
 /* source: src/components/explorer-list/explorer-list.vue */
-._item_e98ar_1 {
+._item_14vaz_1 {
   padding: 4px 8px;
-  cursor: var(--e1697a4a);
+  cursor: var(--v7fa588cc);
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -11,59 +11,59 @@
   box-sizing: border-box;
   line-height: 1;
 }
-._item_e98ar_1:hover {
-  background-color: var(--el-color-primary-light-9);
+._item_14vaz_1:hover {
+  background-color: var(--vc-highlight-bg-color, var(--el-fill-color-light));
 }
-._item_e98ar_1:hover ._actions_e98ar_16 {
+._item_14vaz_1:hover ._actions_14vaz_16 {
   display: inline-flex;
   align-items: flex-start;
 }
-._item_e98ar_1._active_e98ar_20 {
+._item_14vaz_1._active_14vaz_20 {
   color: var(--el-color-primary);
-  background-color: var(--el-color-primary-light-9);
+  background-color: var(--vc-highlight-bg-color, var(--el-fill-color-light));
 }
-._label_e98ar_25 {
+._label_14vaz_25 {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   --el-checkbox-height: 24px;
 }
-._label_e98ar_25 .iconify {
+._label_14vaz_25 .iconify {
   margin-right: 4px;
 }
-._label_e98ar_25 .el-checkbox {
+._label_14vaz_25 .el-checkbox {
   width: 100%;
 }
-._label_e98ar_25 .el-checkbox__label {
+._label_14vaz_25 .el-checkbox__label {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   color: var(--el-text-color-regular) !important;
   cursor: pointer !important;
 }
-._actions_e98ar_16 {
+._actions_14vaz_16 {
   display: none;
   column-gap: 4px;
 }
-._actions_e98ar_16 > button {
+._actions_14vaz_16 > button {
   margin-left: 0 !important;
   font-size: 1.2em;
   border: 1px solid var(--el-border-color-light) !important;
 }
-._actions_e98ar_16 > button:hover {
+._actions_14vaz_16 > button:hover {
   border-color: var(--el-border-color-dark) !important;
 }
-._remove_e98ar_58 {
+._remove_14vaz_58 {
   transform: translateY(-1px);
 }
-._empty_e98ar_62,
-._loading_e98ar_63 {
+._empty_14vaz_62,
+._loading_14vaz_63 {
   padding: 4px 8px;
   display: flex;
   align-items: center;
   column-gap: 4px;
   color: var(--el-text-color-secondary);
 }
-._scrollbar_e98ar_71 {
+._scrollbar_14vaz_71 {
   margin: 0 -8px;
 }

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

@@ -36,7 +36,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: ["columnEvent", "singleSelectionChange", "multipleSelectionChange", "selectionChange", "selectAll"],
   setup(__props, { expose: __expose, emit: __emit }) {
     useCssVars((_ctx) => ({
-      "v2bf7e3e4": `${_ctx.empty ? "flex" : "none"}`
+      "dc3c53f8": `${_ctx.empty ? "flex" : "none"}`
     }));
     const props = __props;
     const emits = __emit;
@@ -275,17 +275,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 
-/* unplugin-vue-components disabled */const table = "_table_p2qu9_7";
-const selection = "_selection_p2qu9_27";
-const radio = "_radio_p2qu9_32";
-const checkbox = "_checkbox_p2qu9_39";
+/* unplugin-vue-components disabled */const table = "_table_1dvo4_7";
+const selection = "_selection_1dvo4_27";
+const radio = "_radio_1dvo4_32";
+const checkbox = "_checkbox_1dvo4_39";
 const style0 = {
-	"explorer-table": "_explorer-table_p2qu9_1",
+	"explorer-table": "_explorer-table_1dvo4_1",
 	table: table,
 	selection: selection,
 	radio: radio,
 	checkbox: checkbox,
-	"selected-row": "_selected-row_p2qu9_43"
+	"selected-row": "_selected-row_1dvo4_43"
 };
 
 const cssModules = {

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

@@ -1,41 +1,41 @@
 /* source: src/components/explorer-table/explorer-table.vue */
-._explorer-table_p2qu9_1 {
+._explorer-table_1dvo4_1 {
   display: flex;
   flex-direction: column;
   flex-grow: 1;
 }
-div._table_p2qu9_7 {
+div._table_1dvo4_7 {
   flex-grow: 1;
   height: 100px;
   --el-table-header-bg-color: var(--el-color-info-light-9);
-  --el-table-row-hover-bg-color: var(--el-color-primary-light-9);
+  --el-table-row-hover-bg-color: var(--vc-highlight-bg-color, var(--el-fill-color-light));
 }
-div._table_p2qu9_7 .el-scrollbar__view {
+div._table_1dvo4_7 .el-scrollbar__view {
   min-height: 100%;
   height: 100px;
 }
-div._table_p2qu9_7 .el-table__header-wrapper .el-table__cell:hover {
+div._table_1dvo4_7 .el-table__header-wrapper .el-table__cell:hover {
   border-right-color: var(--el-color-primary-light-5) !important;
 }
-div._table_p2qu9_7 .el-table__column-resize-proxy {
+div._table_1dvo4_7 .el-table__column-resize-proxy {
   border-color: var(--el-color-primary);
 }
-div._table_p2qu9_7 .el-table__empty-block {
-  display: var(--v2bf7e3e4);
+div._table_1dvo4_7 .el-table__empty-block {
+  display: var(--dc3c53f8);
 }
-._selection_p2qu9_27 .cell {
+._selection_1dvo4_27 .cell {
   display: flex;
   align-items: center;
 }
-._radio_p2qu9_32 {
+._radio_1dvo4_32 {
   height: unset;
 }
-._radio_p2qu9_32 .el-radio__label {
+._radio_1dvo4_32 .el-radio__label {
   display: none;
 }
-._checkbox_p2qu9_39 {
+._checkbox_1dvo4_39 {
   height: unset;
 }
-._selected-row_p2qu9_43 td.el-table__cell {
-  background-color: var(--el-color-primary-light-9) !important;
+._selected-row_1dvo4_43 td.el-table__cell {
+  background-color: var(--vc-highlight-bg-color, var(--el-fill-color-light)) !important;
 }

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

@@ -14,10 +14,11 @@ export interface IExplorerTreeProps {
     confirmParams?: (node: Node) => IButtonProps['confirm'];
     filterMethod?: TreeComponentProps['filterNodeMethod'];
     highlightCurrent?: boolean;
+    cancelHighlight?: boolean;
     disabled?: boolean | ((action: string, node: Node) => boolean);
 }
 export interface IExplorerTreeEmits {
-    (e: 'nodeClick', value: string | number, node: Node, instance: ComponentInternalInstance | null, event: MouseEvent): void;
+    (e: 'nodeClick', value: string | number | undefined, node: Node, instance: ComponentInternalInstance | null, event: MouseEvent): void;
     (e: 'create', value: string | number, node: Node): void;
     (e: 'modify', value: string | number, node: Node): void;
     (e: 'remove', value: string | number, node: Node): void;

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

@@ -128,6 +128,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     } },
     filterMethod: {},
     highlightCurrent: { type: Boolean, default: true },
+    cancelHighlight: { type: Boolean },
     disabled: { type: [Boolean, Function], default: void 0 }
   },
   emits: ["nodeClick", "create", "modify", "remove", "up", "down"],
@@ -174,7 +175,26 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
       return data.label?.toLowerCase().includes(value.toLowerCase()) ?? false;
     }
+    function cancalFocus(event) {
+      let target = event.target;
+      do {
+        if (target.classList.contains("el-tree-node")) {
+          target.blur();
+          return;
+        }
+        target = target.parentElement;
+      } while (target);
+    }
+    const actived = ref();
     function handleNodeClick(data, node, instance, event) {
+      if (props.cancelHighlight && actived.value === data.value) {
+        actived.value = void 0;
+        emits("nodeClick", void 0, node, instance, event);
+        treeRef.value?.setCurrentKey(void 0);
+        cancalFocus(event);
+        return;
+      }
+      actived.value = data.value;
       emits("nodeClick", data.value, node, instance, event);
     }
     const filterWatch = watch(filterKeyword, (value) => treeRef.value?.filter(value));
@@ -287,13 +307,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 
-/* 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";
+/* unplugin-vue-components disabled */const tree = "_tree_oy44a_1";
+const node = "_node_oy44a_27";
+const label = "_label_oy44a_37";
+const actions = "_actions_oy44a_47";
+const remove = "_remove_oy44a_60";
+const loading = "_loading_oy44a_64";
+const scrollbar = "_scrollbar_oy44a_72";
 const style0 = {
 	tree: tree,
 	node: node,

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

@@ -2047,14 +2047,14 @@ declare const __VLS_component: import('vue').DefineComponent<IExplorerTreeProps,
     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;
+    nodeClick: (value: string | number | undefined, 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;
+    onNodeClick?: ((value: string | number | undefined, node: Node, instance: ComponentInternalInstance | null, event: MouseEvent) => any) | undefined;
 }>, {
     disabled: boolean | ((action: string, node: Node) => boolean);
     loadingText: string;

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

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

package/dist/es/components/icon-picker/icon-picker.mjs

@@ -208,14 +208,14 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   }
 });
 
-/* unplugin-vue-components disabled */const wrapper$1 = "_wrapper_1r14t_1";
-const container$1 = "_container_1r14t_14";
-const collection = "_collection_1r14t_20";
-const active = "_active_1r14t_27";
-const icons = "_icons_1r14t_46";
+/* unplugin-vue-components disabled */const wrapper$1 = "_wrapper_1do9r_1";
+const container$1 = "_container_1do9r_14";
+const collection = "_collection_1do9r_20";
+const active = "_active_1do9r_27";
+const icons = "_icons_1do9r_46";
 const style0$2 = {
 	wrapper: wrapper$1,
-	"search-wrapper": "_search-wrapper_1r14t_7",
+	"search-wrapper": "_search-wrapper_1do9r_7",
 	container: container$1,
 	collection: collection,
 	active: active,
@@ -385,20 +385,20 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   }
 });
 
-/* unplugin-vue-components disabled */const panel = "_panel_13zo4_1";
-const wrapper = "_wrapper_13zo4_5";
-const shadow = "_shadow_13zo4_44";
-const visible = "_visible_13zo4_47";
-const hidden = "_hidden_13zo4_50";
-const container = "_container_13zo4_54";
-const divider = "_divider_13zo4_75";
-const pagination = "_pagination_13zo4_79";
+/* unplugin-vue-components disabled */const panel = "_panel_hn29n_1";
+const wrapper = "_wrapper_hn29n_5";
+const shadow = "_shadow_hn29n_44";
+const visible = "_visible_hn29n_47";
+const hidden = "_hidden_hn29n_50";
+const container = "_container_hn29n_54";
+const divider = "_divider_hn29n_75";
+const pagination = "_pagination_hn29n_79";
 const style0$1 = {
 	panel: panel,
 	wrapper: wrapper,
-	"search-input": "_search-input_13zo4_11",
-	"collections-button": "_collections-button_13zo4_15",
-	"collections-wrapper": "_collections-wrapper_13zo4_30",
+	"search-input": "_search-input_hn29n_11",
+	"collections-button": "_collections-button_hn29n_15",
+	"collections-wrapper": "_collections-wrapper_hn29n_30",
 	shadow: shadow,
 	visible: visible,
 	hidden: hidden,