@wfrog/vc-ui 1.10.2 → 1.10.3

package/dist/es/components/choice/choice.mjs

@@ -1,6 +1,7 @@
 import './index.css'
 import '../../chunk/Gk1J52Yw.mjs';
 import { E as ElCheckboxGroup } from '../../chunk/DBf73TLo.mjs';
+/* empty css                    */
 import { E as ElRadioGroup } from '../../chunk/Do7HIVy5.mjs';
 import { defineComponent, computed, createBlock, openBlock, mergeProps, unref } from 'vue';
 import { useFormDisabled, useFormItem } from 'element-plus';

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

@@ -1,5 +1,5 @@
 /* source: src/components/choice/choice.vue */
-.el-checkbox-group{font-size:0;line-height:0}.el-radio-group{align-items:center;display:inline-flex;flex-wrap:wrap;font-size:0}._checkbox_8th42_1 {
+.el-radio-group{align-items:center;display:inline-flex;flex-wrap:wrap;font-size:0}._checkbox_8th42_1 {
   display: inline-flex;
 }
 ._checkbox_8th42_1 .el-checkbox-button__inner {

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

@@ -1,3 +1,4 @@
+import { CheckboxValueType } from 'element-plus';
 import { IButtonProps } from '../button/button';
 export interface IExplorerListItem<T = any> {
     label: string;
@@ -6,6 +7,7 @@ export interface IExplorerListItem<T = any> {
     original?: T;
 }
 export interface IExplorerListProps {
+    modelValue?: (string | number)[] | undefined;
     data?: IExplorerListItem[];
     actions?: ('create' | 'modify' | 'remove' | 'up' | 'down' | 'action')[];
     filterMethod?: (keyword: string, item: IExplorerListItem) => boolean;
@@ -15,9 +17,12 @@ export interface IExplorerListProps {
     loadingText?: string;
     highlightCurrent?: boolean;
     deepWatch?: boolean;
+    showCheckbox?: boolean;
     confirmParams?: (item: IExplorerListItem) => IButtonProps['confirm'];
 }
 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: 'create', value: string | number, item: IExplorerListItem): void;
     (e: 'modify', value: string | number, item: IExplorerListItem): void;

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

@@ -1,11 +1,14 @@
 import './index.css'
 import '../../chunk/Gk1J52Yw.mjs';
-import { defineComponent, ref, computed, watch, onBeforeUnmount, createBlock, openBlock, normalizeClass, withCtx, withDirectives, createElementBlock, createCommentVNode, createElementVNode, Fragment, renderList, unref, renderSlot, createTextVNode, toDisplayString, mergeProps, vShow, createVNode } from 'vue';
+import { E as ElCheckboxGroup, a as ElCheckbox } from '../../chunk/DBf73TLo.mjs';
+/* empty css                    */
+import { defineComponent, ref, computed, watch, onBeforeUnmount, createBlock, openBlock, normalizeClass, withCtx, withDirectives, createElementBlock, createCommentVNode, createElementVNode, createVNode, unref, isRef, Fragment, renderList, renderSlot, createTextVNode, toDisplayString, mergeProps, 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';
 import { C as Component$2 } from '../iconify-icon/iconify-icon.mjs';
 import { C as Component$1 } from '../scrollbar/scrollbar.mjs';
+import { useVModel } from '@vueuse/core';
 import { E as ElIcon } from '../../chunk/D0QTifnI.mjs';
 import { _ as _export_sfc } from '../../chunk/pcqpp-6-.mjs';
 
@@ -13,6 +16,7 @@ const _hoisted_1 = ["onClick"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "explorer-list",
   props: {
+    modelValue: {},
     data: { default: () => [] },
     actions: { default: () => [] },
     filterMethod: {},
@@ -22,15 +26,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     loadingText: { default: "数据加载中..." },
     highlightCurrent: { type: Boolean, default: true },
     deepWatch: { type: Boolean, default: false },
+    showCheckbox: { type: Boolean },
     confirmParams: { type: Function, default: (item) => {
       return { msg: `确定要删除 ${item.label} 吗？` };
     } }
   },
-  emits: ["itemClick", "create", "modify", "remove", "up", "down"],
+  emits: ["update:modelValue", "valueChange", "itemClick", "create", "modify", "remove", "up", "down"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emits = __emit;
     const { filterKeyword } = injectExplorerPanelState();
+    const myValue = useVModel(props, "modelValue", emits);
     const actived = ref();
     const actionsMapping = {
       create: { title: "新增", type: "primary", icon: "Plus" },
@@ -66,6 +72,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       propsWatch.stop();
     });
     return (_ctx, _cache) => {
+      const _component_el_checkbox = ElCheckbox;
+      const _component_el_checkbox_group = ElCheckboxGroup;
       const _component_ElIcon = ElIcon;
       return openBlock(), createBlock(Component$1, {
         always: "",
@@ -73,62 +81,90 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }, {
         default: withCtx(() => [
           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)
-              }, [
-                renderSlot(_ctx.$slots, "item", {
-                  data: item,
-                  index
-                }, () => [
-                  createElementVNode("div", {
-                    class: normalizeClass(_ctx.$style.label)
+            createVNode(_component_el_checkbox_group, {
+              modelValue: unref(myValue),
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(myValue) ? myValue.value = $event : null),
+              onChange: _cache[1] || (_cache[1] = (val) => emits("valueChange", val))
+            }, {
+              default: withCtx(() => [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(unref(myData), (item, index) => {
+                  return openBlock(), createElementBlock("div", {
+                    key: item.value,
+                    class: normalizeClass([_ctx.$style.item, { [_ctx.$style.active]: unref(actived) === item.value }]),
+                    onClick: (e) => handleClick(item, e)
                   }, [
-                    renderSlot(_ctx.$slots, "label", {
+                    renderSlot(_ctx.$slots, "item", {
                       data: item,
                       index
                     }, () => [
-                      item.icon ? (openBlock(), createBlock(Component$2, {
-                        key: 0,
-                        name: item.icon,
-                        class: normalizeClass(_ctx.$style.icon)
-                      }, null, 8, ["name", "class"])) : createCommentVNode("", true),
-                      createTextVNode(toDisplayString(item.label), 1)
-                    ])
-                  ], 2),
-                  __props.actions.length ? (openBlock(), createElementBlock("div", {
-                    key: 0,
-                    class: normalizeClass(_ctx.$style.actions)
-                  }, [
-                    (openBlock(true), createElementBlock(Fragment, null, renderList(__props.actions, (action) => {
-                      return openBlock(), createElementBlock(Fragment, { key: action }, [
-                        action === "action" ? renderSlot(_ctx.$slots, "action", {
+                      createElementVNode("div", {
+                        class: normalizeClass(_ctx.$style.label)
+                      }, [
+                        __props.showCheckbox ? (openBlock(), createBlock(_component_el_checkbox, {
                           key: 0,
+                          value: item.value
+                        }, {
+                          default: withCtx(() => [
+                            renderSlot(_ctx.$slots, "label", {
+                              data: item,
+                              index
+                            }, () => [
+                              item.icon ? (openBlock(), createBlock(Component$2, {
+                                key: 0,
+                                name: item.icon,
+                                class: normalizeClass(_ctx.$style.icon)
+                              }, null, 8, ["name", "class"])) : createCommentVNode("", true),
+                              createTextVNode(toDisplayString(item.label), 1)
+                            ])
+                          ]),
+                          _: 2
+                        }, 1032, ["value"])) : renderSlot(_ctx.$slots, "label", {
+                          key: 1,
                           data: item,
                           index
-                        }) : (openBlock(), createBlock(Component$3, mergeProps({
-                          key: 1,
-                          ref_for: true
-                        }, actionsMapping[action], {
-                          confirm: action === "remove" ? __props.confirmParams(item) : void 0,
-                          class: action === "remove" ? _ctx.$style.remove : void 0,
-                          link: "",
-                          icon: { type: "el", name: actionsMapping[action].icon },
-                          stop: "",
-                          onClick: ($event) => emits(action, item.value, item)
-                        }), null, 16, ["confirm", "class", "icon", "onClick"]))
-                      ], 64);
-                    }), 128))
-                  ], 2)) : createCommentVNode("", true),
-                  renderSlot(_ctx.$slots, "extra-label", {
-                    data: item,
-                    index
-                  })
-                ])
-              ], 10, _hoisted_1);
-            }), 128))
+                        }, () => [
+                          item.icon ? (openBlock(), createBlock(Component$2, {
+                            key: 0,
+                            name: item.icon,
+                            class: normalizeClass(_ctx.$style.icon)
+                          }, null, 8, ["name", "class"])) : createCommentVNode("", true),
+                          createTextVNode(toDisplayString(item.label), 1)
+                        ])
+                      ], 2),
+                      __props.actions.length ? (openBlock(), createElementBlock("div", {
+                        key: 0,
+                        class: normalizeClass(_ctx.$style.actions)
+                      }, [
+                        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.actions, (action) => {
+                          return openBlock(), createElementBlock(Fragment, { key: action }, [
+                            action === "action" ? renderSlot(_ctx.$slots, "action", {
+                              key: 0,
+                              data: item,
+                              index
+                            }) : (openBlock(), createBlock(Component$3, mergeProps({
+                              key: 1,
+                              ref_for: true
+                            }, actionsMapping[action], {
+                              confirm: action === "remove" ? __props.confirmParams(item) : void 0,
+                              class: action === "remove" ? _ctx.$style.remove : void 0,
+                              link: "",
+                              icon: { type: "el", name: actionsMapping[action].icon },
+                              stop: "",
+                              onClick: ($event) => emits(action, item.value, item)
+                            }), null, 16, ["confirm", "class", "icon", "onClick"]))
+                          ], 64);
+                        }), 128))
+                      ], 2)) : createCommentVNode("", true),
+                      renderSlot(_ctx.$slots, "extra-label", {
+                        data: item,
+                        index
+                      })
+                    ])
+                  ], 10, _hoisted_1);
+                }), 128))
+              ]),
+              _: 3
+            }, 8, ["modelValue"])
           ], 512), [
             [vShow, !__props.loading]
           ]),
@@ -155,14 +191,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 
-/* unplugin-vue-components disabled */const item = "_item_lodh1_1";
-const actions = "_actions_lodh1_16";
-const active = "_active_lodh1_20";
-const label = "_label_lodh1_25";
-const remove = "_remove_lodh1_47";
-const empty = "_empty_lodh1_51";
-const loading = "_loading_lodh1_52";
-const scrollbar = "_scrollbar_lodh1_60";
+/* unplugin-vue-components disabled */const item = "_item_91c4w_1";
+const actions = "_actions_91c4w_16";
+const active = "_active_91c4w_20";
+const label = "_label_91c4w_25";
+const remove = "_remove_91c4w_48";
+const empty = "_empty_91c4w_52";
+const loading = "_loading_91c4w_53";
+const scrollbar = "_scrollbar_91c4w_61";
 const style0 = {
 	item: item,
 	actions: actions,

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

@@ -20,6 +20,15 @@ declare function __VLS_template(): {
             };
             index: number;
         }): any;
+        label?(_: {
+            data: {
+                label: string;
+                icon?: string | undefined;
+                value: string | number;
+                original?: any;
+            };
+            index: number;
+        }): any;
         action?(_: {
             data: {
                 label: string;
@@ -46,18 +55,22 @@ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<IExplorerListProps, {
     setActive: (value: string | number) => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: (string | number)[] | undefined) => any;
     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;
+    valueChange: (value: import('element-plus').CheckboxValueType[]) => any;
     itemClick: (value: string | number, item: IExplorerListItem<any>, event: MouseEvent) => 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;
     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;
+    onValueChange?: ((value: import('element-plus').CheckboxValueType[]) => any) | undefined;
     onItemClick?: ((value: string | number, item: IExplorerListItem<any>, event: MouseEvent) => any) | undefined;
 }>, {
     data: IExplorerListItem[];

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

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

package/dist/index.css

@@ -52,7 +52,7 @@
   left: calc(100% - 80px);
 }
 /* source: src/components/choice/choice.vue */
-.el-checkbox-group{font-size:0;line-height:0}.el-radio-group{align-items:center;display:inline-flex;flex-wrap:wrap;font-size:0}._checkbox_8th42_1 {
+.el-radio-group{align-items:center;display:inline-flex;flex-wrap:wrap;font-size:0}._checkbox_8th42_1 {
   display: inline-flex;
 }
 ._checkbox_8th42_1 .el-checkbox-button__inner {
@@ -518,6 +518,7 @@ div._main_k37nc_1 ._header_k37nc_48 {
 }
 .el-alert{--el-alert-padding:8px 16px;--el-alert-border-radius-base:var(--el-border-radius-base);--el-alert-title-font-size:14px;--el-alert-title-with-description-font-size:16px;--el-alert-description-font-size:14px;--el-alert-close-font-size:16px;--el-alert-close-customed-font-size:14px;--el-alert-icon-size:16px;--el-alert-icon-large-size:28px;align-items:center;background-color:var(--el-color-white);border-radius:var(--el-alert-border-radius-base);box-sizing:border-box;display:flex;margin:0;opacity:1;overflow:hidden;padding:var(--el-alert-padding);position:relative;transition:opacity var(--el-transition-duration-fast);width:100%}.el-alert.is-light .el-alert__close-btn{color:var(--el-text-color-placeholder)}.el-alert.is-dark .el-alert__close-btn,.el-alert.is-dark .el-alert__description{color:var(--el-color-white)}.el-alert.is-center{justify-content:center}.el-alert--primary{--el-alert-bg-color:var(--el-color-primary-light-9)}.el-alert--primary.is-light{background-color:var(--el-alert-bg-color)}.el-alert--primary.is-light,.el-alert--primary.is-light .el-alert__description{color:var(--el-color-primary)}.el-alert--primary.is-dark{background-color:var(--el-color-primary);color:var(--el-color-white)}.el-alert--success{--el-alert-bg-color:var(--el-color-success-light-9)}.el-alert--success.is-light{background-color:var(--el-alert-bg-color)}.el-alert--success.is-light,.el-alert--success.is-light .el-alert__description{color:var(--el-color-success)}.el-alert--success.is-dark{background-color:var(--el-color-success);color:var(--el-color-white)}.el-alert--info{--el-alert-bg-color:var(--el-color-info-light-9)}.el-alert--info.is-light{background-color:var(--el-alert-bg-color)}.el-alert--info.is-light,.el-alert--info.is-light .el-alert__description{color:var(--el-color-info)}.el-alert--info.is-dark{background-color:var(--el-color-info);color:var(--el-color-white)}.el-alert--warning{--el-alert-bg-color:var(--el-color-warning-light-9)}.el-alert--warning.is-light{background-color:var(--el-alert-bg-color)}.el-alert--warning.is-light,.el-alert--warning.is-light .el-alert__description{color:var(--el-color-warning)}.el-alert--warning.is-dark{background-color:var(--el-color-warning);color:var(--el-color-white)}.el-alert--error{--el-alert-bg-color:var(--el-color-error-light-9)}.el-alert--error.is-light{background-color:var(--el-alert-bg-color)}.el-alert--error.is-light,.el-alert--error.is-light .el-alert__description{color:var(--el-color-error)}.el-alert--error.is-dark{background-color:var(--el-color-error);color:var(--el-color-white)}.el-alert__content{display:flex;flex-direction:column;gap:4px}.el-alert .el-alert__icon{font-size:var(--el-alert-icon-size);margin-right:8px;width:var(--el-alert-icon-size)}.el-alert .el-alert__icon.is-big{font-size:var(--el-alert-icon-large-size);margin-right:12px;width:var(--el-alert-icon-large-size)}.el-alert__title{font-size:var(--el-alert-title-font-size);line-height:24px}.el-alert__title.with-description{font-size:var(--el-alert-title-with-description-font-size)}.el-alert .el-alert__description{font-size:var(--el-alert-description-font-size);margin:0}.el-alert .el-alert__close-btn{cursor:pointer;font-size:var(--el-alert-close-font-size);opacity:1;position:absolute;right:16px;top:12px}.el-alert .el-alert__close-btn.is-customed{font-size:var(--el-alert-close-customed-font-size);font-style:normal;line-height:24px;top:8px}.el-alert-fade-enter-from,.el-alert-fade-leave-active{opacity:0}
 .el-button{--el-button-font-weight:var(--el-font-weight-primary);--el-button-border-color:var(--el-border-color);--el-button-bg-color:var(--el-fill-color-blank);--el-button-text-color:var(--el-text-color-regular);--el-button-disabled-text-color:var(--el-disabled-text-color);--el-button-disabled-bg-color:var(--el-fill-color-blank);--el-button-disabled-border-color:var(--el-border-color-light);--el-button-divide-border-color:rgba(255,255,255,0.5);--el-button-hover-text-color:var(--el-color-primary);--el-button-hover-bg-color:var(--el-color-primary-light-9);--el-button-hover-border-color:var(--el-color-primary-light-7);--el-button-active-text-color:var(--el-button-hover-text-color);--el-button-active-border-color:var(--el-color-primary);--el-button-active-bg-color:var(--el-button-hover-bg-color);--el-button-outline-color:var(--el-color-primary-light-5);--el-button-hover-link-text-color:var(--el-text-color-secondary);--el-button-active-color:var(--el-text-color-primary);align-items:center;-webkit-appearance:none;background-color:var(--el-button-bg-color);border:var(--el-border);border-color:var(--el-button-border-color);box-sizing:border-box;color:var(--el-button-text-color);cursor:pointer;display:inline-flex;font-weight:var(--el-button-font-weight);height:32px;justify-content:center;line-height:1;outline:none;text-align:center;transition:.1s;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.el-button:hover{background-color:var(--el-button-hover-bg-color);border-color:var(--el-button-hover-border-color);color:var(--el-button-hover-text-color);outline:none}.el-button:active{background-color:var(--el-button-active-bg-color);border-color:var(--el-button-active-border-color);color:var(--el-button-active-text-color);outline:none}.el-button:focus-visible{outline:2px solid var(--el-button-outline-color);outline-offset:1px;transition:outline-offset 0s,outline 0s}.el-button>span{align-items:center;display:inline-flex}.el-button+.el-button{margin-left:12px}.el-button{border-radius:var(--el-border-radius-base);font-size:var(--el-font-size-base)}.el-button,.el-button.is-round{padding:8px 15px}.el-button::-moz-focus-inner{border:0}.el-button [class*=el-icon]+span{margin-left:6px}.el-button [class*=el-icon] svg{vertical-align:bottom}.el-button.is-plain{--el-button-hover-text-color:var(--el-color-primary);--el-button-hover-bg-color:var(--el-fill-color-blank);--el-button-hover-border-color:var(--el-color-primary)}.el-button.is-active{background-color:var(--el-button-active-bg-color);border-color:var(--el-button-active-border-color);color:var(--el-button-active-text-color);outline:none}.el-button.is-disabled,.el-button.is-disabled:hover{background-color:var(--el-button-disabled-bg-color);background-image:none;border-color:var(--el-button-disabled-border-color);color:var(--el-button-disabled-text-color);cursor:not-allowed}.el-button.is-loading{pointer-events:none;position:relative}.el-button.is-loading:before{background-color:var(--el-mask-color-extra-light);border-radius:inherit;bottom:-1px;content:"";left:-1px;pointer-events:none;position:absolute;right:-1px;top:-1px;z-index:1}.el-button.is-round{border-radius:var(--el-border-radius-round)}.el-button.is-circle{border-radius:50%;padding:8px;width:32px}.el-button.is-text{background-color:transparent;border:0 solid transparent;color:var(--el-button-text-color)}.el-button.is-text.is-disabled{background-color:transparent!important;color:var(--el-button-disabled-text-color)}.el-button.is-text:not(.is-disabled):hover{background-color:var(--el-fill-color-light)}.el-button.is-text:not(.is-disabled):focus-visible{outline:2px solid var(--el-button-outline-color);outline-offset:1px;transition:outline-offset 0s,outline 0s}.el-button.is-text:not(.is-disabled):active{background-color:var(--el-fill-color)}.el-button.is-text:not(.is-disabled).is-has-bg{background-color:var(--el-fill-color-light)}.el-button.is-text:not(.is-disabled).is-has-bg:hover{background-color:var(--el-fill-color)}.el-button.is-text:not(.is-disabled).is-has-bg:active{background-color:var(--el-fill-color-dark)}.el-button__text--expand{letter-spacing:.3em;margin-right:-.3em}.el-button.is-link{background:transparent;border-color:transparent;color:var(--el-button-text-color);height:auto;padding:2px}.el-button.is-link:hover{color:var(--el-button-hover-link-text-color)}.el-button.is-link.is-disabled{background-color:transparent!important;border-color:transparent!important;color:var(--el-button-disabled-text-color)}.el-button.is-link:not(.is-disabled):active,.el-button.is-link:not(.is-disabled):hover{background-color:transparent;border-color:transparent}.el-button.is-link:not(.is-disabled):active{color:var(--el-button-active-color)}.el-button--text{background:transparent;border-color:transparent;color:var(--el-color-primary);padding-left:0;padding-right:0}.el-button--text.is-disabled{background-color:transparent!important;border-color:transparent!important;color:var(--el-button-disabled-text-color)}.el-button--text:not(.is-disabled):hover{background-color:transparent;border-color:transparent;color:var(--el-color-primary-light-3)}.el-button--text:not(.is-disabled):active{background-color:transparent;border-color:transparent;color:var(--el-color-primary-dark-2)}.el-button__link--expand{letter-spacing:.3em;margin-right:-.3em}.el-button--primary{--el-button-text-color:var(--el-color-white);--el-button-bg-color:var(--el-color-primary);--el-button-border-color:var(--el-color-primary);--el-button-outline-color:var(--el-color-primary-light-5);--el-button-active-color:var(--el-color-primary-dark-2);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-link-text-color:var(--el-color-primary-light-5);--el-button-hover-bg-color:var(--el-color-primary-light-3);--el-button-hover-border-color:var(--el-color-primary-light-3);--el-button-active-bg-color:var(--el-color-primary-dark-2);--el-button-active-border-color:var(--el-color-primary-dark-2);--el-button-disabled-text-color:var(--el-color-white);--el-button-disabled-bg-color:var(--el-color-primary-light-5);--el-button-disabled-border-color:var(--el-color-primary-light-5)}.el-button--primary.is-link,.el-button--primary.is-plain,.el-button--primary.is-text{--el-button-text-color:var(--el-color-primary);--el-button-bg-color:var(--el-color-primary-light-9);--el-button-border-color:var(--el-color-primary-light-5);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-bg-color:var(--el-color-primary);--el-button-hover-border-color:var(--el-color-primary);--el-button-active-text-color:var(--el-color-white)}.el-button--primary.is-link.is-disabled,.el-button--primary.is-link.is-disabled:active,.el-button--primary.is-link.is-disabled:focus,.el-button--primary.is-link.is-disabled:hover,.el-button--primary.is-plain.is-disabled,.el-button--primary.is-plain.is-disabled:active,.el-button--primary.is-plain.is-disabled:focus,.el-button--primary.is-plain.is-disabled:hover,.el-button--primary.is-text.is-disabled,.el-button--primary.is-text.is-disabled:active,.el-button--primary.is-text.is-disabled:focus,.el-button--primary.is-text.is-disabled:hover{background-color:var(--el-color-primary-light-9);border-color:var(--el-color-primary-light-8);color:var(--el-color-primary-light-5)}.el-button--success{--el-button-text-color:var(--el-color-white);--el-button-bg-color:var(--el-color-success);--el-button-border-color:var(--el-color-success);--el-button-outline-color:var(--el-color-success-light-5);--el-button-active-color:var(--el-color-success-dark-2);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-link-text-color:var(--el-color-success-light-5);--el-button-hover-bg-color:var(--el-color-success-light-3);--el-button-hover-border-color:var(--el-color-success-light-3);--el-button-active-bg-color:var(--el-color-success-dark-2);--el-button-active-border-color:var(--el-color-success-dark-2);--el-button-disabled-text-color:var(--el-color-white);--el-button-disabled-bg-color:var(--el-color-success-light-5);--el-button-disabled-border-color:var(--el-color-success-light-5)}.el-button--success.is-link,.el-button--success.is-plain,.el-button--success.is-text{--el-button-text-color:var(--el-color-success);--el-button-bg-color:var(--el-color-success-light-9);--el-button-border-color:var(--el-color-success-light-5);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-bg-color:var(--el-color-success);--el-button-hover-border-color:var(--el-color-success);--el-button-active-text-color:var(--el-color-white)}.el-button--success.is-link.is-disabled,.el-button--success.is-link.is-disabled:active,.el-button--success.is-link.is-disabled:focus,.el-button--success.is-link.is-disabled:hover,.el-button--success.is-plain.is-disabled,.el-button--success.is-plain.is-disabled:active,.el-button--success.is-plain.is-disabled:focus,.el-button--success.is-plain.is-disabled:hover,.el-button--success.is-text.is-disabled,.el-button--success.is-text.is-disabled:active,.el-button--success.is-text.is-disabled:focus,.el-button--success.is-text.is-disabled:hover{background-color:var(--el-color-success-light-9);border-color:var(--el-color-success-light-8);color:var(--el-color-success-light-5)}.el-button--warning{--el-button-text-color:var(--el-color-white);--el-button-bg-color:var(--el-color-warning);--el-button-border-color:var(--el-color-warning);--el-button-outline-color:var(--el-color-warning-light-5);--el-button-active-color:var(--el-color-warning-dark-2);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-link-text-color:var(--el-color-warning-light-5);--el-button-hover-bg-color:var(--el-color-warning-light-3);--el-button-hover-border-color:var(--el-color-warning-light-3);--el-button-active-bg-color:var(--el-color-warning-dark-2);--el-button-active-border-color:var(--el-color-warning-dark-2);--el-button-disabled-text-color:var(--el-color-white);--el-button-disabled-bg-color:var(--el-color-warning-light-5);--el-button-disabled-border-color:var(--el-color-warning-light-5)}.el-button--warning.is-link,.el-button--warning.is-plain,.el-button--warning.is-text{--el-button-text-color:var(--el-color-warning);--el-button-bg-color:var(--el-color-warning-light-9);--el-button-border-color:var(--el-color-warning-light-5);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-bg-color:var(--el-color-warning);--el-button-hover-border-color:var(--el-color-warning);--el-button-active-text-color:var(--el-color-white)}.el-button--warning.is-link.is-disabled,.el-button--warning.is-link.is-disabled:active,.el-button--warning.is-link.is-disabled:focus,.el-button--warning.is-link.is-disabled:hover,.el-button--warning.is-plain.is-disabled,.el-button--warning.is-plain.is-disabled:active,.el-button--warning.is-plain.is-disabled:focus,.el-button--warning.is-plain.is-disabled:hover,.el-button--warning.is-text.is-disabled,.el-button--warning.is-text.is-disabled:active,.el-button--warning.is-text.is-disabled:focus,.el-button--warning.is-text.is-disabled:hover{background-color:var(--el-color-warning-light-9);border-color:var(--el-color-warning-light-8);color:var(--el-color-warning-light-5)}.el-button--danger{--el-button-text-color:var(--el-color-white);--el-button-bg-color:var(--el-color-danger);--el-button-border-color:var(--el-color-danger);--el-button-outline-color:var(--el-color-danger-light-5);--el-button-active-color:var(--el-color-danger-dark-2);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-link-text-color:var(--el-color-danger-light-5);--el-button-hover-bg-color:var(--el-color-danger-light-3);--el-button-hover-border-color:var(--el-color-danger-light-3);--el-button-active-bg-color:var(--el-color-danger-dark-2);--el-button-active-border-color:var(--el-color-danger-dark-2);--el-button-disabled-text-color:var(--el-color-white);--el-button-disabled-bg-color:var(--el-color-danger-light-5);--el-button-disabled-border-color:var(--el-color-danger-light-5)}.el-button--danger.is-link,.el-button--danger.is-plain,.el-button--danger.is-text{--el-button-text-color:var(--el-color-danger);--el-button-bg-color:var(--el-color-danger-light-9);--el-button-border-color:var(--el-color-danger-light-5);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-bg-color:var(--el-color-danger);--el-button-hover-border-color:var(--el-color-danger);--el-button-active-text-color:var(--el-color-white)}.el-button--danger.is-link.is-disabled,.el-button--danger.is-link.is-disabled:active,.el-button--danger.is-link.is-disabled:focus,.el-button--danger.is-link.is-disabled:hover,.el-button--danger.is-plain.is-disabled,.el-button--danger.is-plain.is-disabled:active,.el-button--danger.is-plain.is-disabled:focus,.el-button--danger.is-plain.is-disabled:hover,.el-button--danger.is-text.is-disabled,.el-button--danger.is-text.is-disabled:active,.el-button--danger.is-text.is-disabled:focus,.el-button--danger.is-text.is-disabled:hover{background-color:var(--el-color-danger-light-9);border-color:var(--el-color-danger-light-8);color:var(--el-color-danger-light-5)}.el-button--info{--el-button-text-color:var(--el-color-white);--el-button-bg-color:var(--el-color-info);--el-button-border-color:var(--el-color-info);--el-button-outline-color:var(--el-color-info-light-5);--el-button-active-color:var(--el-color-info-dark-2);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-link-text-color:var(--el-color-info-light-5);--el-button-hover-bg-color:var(--el-color-info-light-3);--el-button-hover-border-color:var(--el-color-info-light-3);--el-button-active-bg-color:var(--el-color-info-dark-2);--el-button-active-border-color:var(--el-color-info-dark-2);--el-button-disabled-text-color:var(--el-color-white);--el-button-disabled-bg-color:var(--el-color-info-light-5);--el-button-disabled-border-color:var(--el-color-info-light-5)}.el-button--info.is-link,.el-button--info.is-plain,.el-button--info.is-text{--el-button-text-color:var(--el-color-info);--el-button-bg-color:var(--el-color-info-light-9);--el-button-border-color:var(--el-color-info-light-5);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-bg-color:var(--el-color-info);--el-button-hover-border-color:var(--el-color-info);--el-button-active-text-color:var(--el-color-white)}.el-button--info.is-link.is-disabled,.el-button--info.is-link.is-disabled:active,.el-button--info.is-link.is-disabled:focus,.el-button--info.is-link.is-disabled:hover,.el-button--info.is-plain.is-disabled,.el-button--info.is-plain.is-disabled:active,.el-button--info.is-plain.is-disabled:focus,.el-button--info.is-plain.is-disabled:hover,.el-button--info.is-text.is-disabled,.el-button--info.is-text.is-disabled:active,.el-button--info.is-text.is-disabled:focus,.el-button--info.is-text.is-disabled:hover{background-color:var(--el-color-info-light-9);border-color:var(--el-color-info-light-8);color:var(--el-color-info-light-5)}.el-button--large{--el-button-size:40px;height:var(--el-button-size)}.el-button--large [class*=el-icon]+span{margin-left:8px}.el-button--large{border-radius:var(--el-border-radius-base);font-size:var(--el-font-size-base);padding:12px 19px}.el-button--large.is-round{padding:12px 19px}.el-button--large.is-circle{padding:12px;width:var(--el-button-size)}.el-button--small{--el-button-size:24px;height:var(--el-button-size)}.el-button--small [class*=el-icon]+span{margin-left:4px}.el-button--small{border-radius:calc(var(--el-border-radius-base) - 1px);font-size:12px;padding:5px 11px}.el-button--small.is-round{padding:5px 11px}.el-button--small.is-circle{padding:5px;width:var(--el-button-size)}
+.el-checkbox-group{font-size:0;line-height:0}
 .el-checkbox{--el-checkbox-font-size:14px;--el-checkbox-font-weight:var(--el-font-weight-primary);--el-checkbox-text-color:var(--el-text-color-regular);--el-checkbox-input-height:14px;--el-checkbox-input-width:14px;--el-checkbox-border-radius:var(--el-border-radius-small);--el-checkbox-bg-color:var(--el-fill-color-blank);--el-checkbox-input-border:var(--el-border);--el-checkbox-disabled-border-color:var(--el-border-color);--el-checkbox-disabled-input-fill:var(--el-fill-color-light);--el-checkbox-disabled-icon-color:var(--el-text-color-placeholder);--el-checkbox-disabled-checked-input-fill:var(--el-border-color-extra-light);--el-checkbox-disabled-checked-input-border-color:var(--el-border-color);--el-checkbox-disabled-checked-icon-color:var(--el-text-color-placeholder);--el-checkbox-checked-text-color:var(--el-color-primary);--el-checkbox-checked-input-border-color:var(--el-color-primary);--el-checkbox-checked-bg-color:var(--el-color-primary);--el-checkbox-checked-icon-color:var(--el-color-white);--el-checkbox-input-border-color-hover:var(--el-color-primary);align-items:center;color:var(--el-checkbox-text-color);cursor:pointer;display:inline-flex;font-size:var(--el-font-size-base);font-weight:var(--el-checkbox-font-weight);height:var(--el-checkbox-height,32px);margin-right:30px;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.el-checkbox.is-disabled{cursor:not-allowed}.el-checkbox.is-bordered{border:var(--el-border);border-radius:var(--el-border-radius-base);box-sizing:border-box;padding:0 15px 0 9px}.el-checkbox.is-bordered.is-checked{border-color:var(--el-color-primary)}.el-checkbox.is-bordered.is-disabled{border-color:var(--el-border-color-lighter)}.el-checkbox.is-bordered.el-checkbox--large{border-radius:var(--el-border-radius-base);padding:0 19px 0 11px}.el-checkbox.is-bordered.el-checkbox--large .el-checkbox__label{font-size:var(--el-font-size-base)}.el-checkbox.is-bordered.el-checkbox--large .el-checkbox__inner{height:14px;width:14px}.el-checkbox.is-bordered.el-checkbox--small{border-radius:calc(var(--el-border-radius-base) - 1px);padding:0 11px 0 7px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label{font-size:12px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner{height:12px;width:12px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner:after{height:6px;width:2px}.el-checkbox input:focus-visible+.el-checkbox__inner{border-radius:var(--el-checkbox-border-radius);outline:2px solid var(--el-checkbox-input-border-color-hover);outline-offset:1px}.el-checkbox__input{cursor:pointer;display:inline-flex;outline:none;position:relative;white-space:nowrap}.el-checkbox__input.is-disabled .el-checkbox__inner{background-color:var(--el-checkbox-disabled-input-fill);border-color:var(--el-checkbox-disabled-border-color);cursor:not-allowed}.el-checkbox__input.is-disabled .el-checkbox__inner:after{border-color:var(--el-checkbox-disabled-icon-color);cursor:not-allowed;will-change:transform}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner{background-color:var(--el-checkbox-disabled-checked-input-fill);border-color:var(--el-checkbox-disabled-checked-input-border-color)}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner:after{border-color:var(--el-checkbox-disabled-checked-icon-color)}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner{background-color:var(--el-checkbox-disabled-checked-input-fill);border-color:var(--el-checkbox-disabled-checked-input-border-color)}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner:before{background-color:var(--el-checkbox-disabled-checked-icon-color);border-color:var(--el-checkbox-disabled-checked-icon-color)}.el-checkbox__input.is-disabled+span.el-checkbox__label{color:var(--el-disabled-text-color);cursor:not-allowed}.el-checkbox__input.is-checked .el-checkbox__inner{background-color:var(--el-checkbox-checked-bg-color);border-color:var(--el-checkbox-checked-input-border-color)}.el-checkbox__input.is-checked .el-checkbox__inner:after{border-color:var(--el-checkbox-checked-icon-color);transform:translate(-45%,-60%) rotate(45deg) scaleY(1)}.el-checkbox__input.is-checked+.el-checkbox__label{color:var(--el-checkbox-checked-text-color)}.el-checkbox__input.is-focus:not(.is-checked) .el-checkbox__original:not(:focus-visible){border-color:var(--el-checkbox-input-border-color-hover)}.el-checkbox__input.is-indeterminate .el-checkbox__inner{background-color:var(--el-checkbox-checked-bg-color);border-color:var(--el-checkbox-checked-input-border-color)}.el-checkbox__input.is-indeterminate .el-checkbox__inner:before{background-color:var(--el-checkbox-checked-icon-color);content:"";display:block;height:2px;left:0;position:absolute;right:0;top:5px;transform:scale(.5)}.el-checkbox__input.is-indeterminate .el-checkbox__inner:after{display:none}.el-checkbox__inner{background-color:var(--el-checkbox-bg-color);border:var(--el-checkbox-input-border);border-radius:var(--el-checkbox-border-radius);box-sizing:border-box;display:inline-block;height:var(--el-checkbox-input-height);position:relative;transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46),outline .25s cubic-bezier(.71,-.46,.29,1.46);width:var(--el-checkbox-input-width);z-index:var(--el-index-normal)}.el-checkbox__inner:hover{border-color:var(--el-checkbox-input-border-color-hover)}.el-checkbox__inner:after{border:1px solid transparent;border-left:0;border-top:0;box-sizing:content-box;content:"";height:7px;left:50%;position:absolute;top:50%;transform:translate(-45%,-60%) rotate(45deg) scaleY(0);transform-origin:center;transition:transform .15s ease-in .05s;width:3px}.el-checkbox__original{height:0;margin:0;opacity:0;outline:none;position:absolute;width:0;z-index:-1}.el-checkbox__label{display:inline-block;font-size:var(--el-checkbox-font-size);line-height:1;padding-left:8px}.el-checkbox.el-checkbox--large{height:40px}.el-checkbox.el-checkbox--large .el-checkbox__label{font-size:14px}.el-checkbox.el-checkbox--large .el-checkbox__inner{height:14px;width:14px}.el-checkbox.el-checkbox--small{height:24px}.el-checkbox.el-checkbox--small .el-checkbox__label{font-size:12px}.el-checkbox.el-checkbox--small .el-checkbox__inner{height:12px;width:12px}.el-checkbox.el-checkbox--small .el-checkbox__input.is-indeterminate .el-checkbox__inner:before{top:4px}.el-checkbox.el-checkbox--small .el-checkbox__inner:after{height:6px;width:2px}.el-checkbox:last-of-type{margin-right:0}
 .el-divider{position:relative}.el-divider--horizontal{border-top:1px var(--el-border-color) var(--el-border-style);display:block;height:1px;margin:24px 0;width:100%}.el-divider--vertical{border-left:1px var(--el-border-color) var(--el-border-style);display:inline-block;height:1em;margin:0 8px;position:relative;vertical-align:middle;width:1px}.el-divider__text{background-color:var(--el-bg-color);color:var(--el-text-color-primary);font-size:14px;font-weight:500;padding:0 20px;position:absolute}.el-divider__text.is-left{left:20px;transform:translateY(-50%)}.el-divider__text.is-center{left:50%;transform:translateX(-50%) translateY(-50%)}.el-divider__text.is-right{right:20px;transform:translateY(-50%)}
 /* source: src/components/el-icon/el-icon.vue */
@@ -693,7 +694,7 @@ div._main_k37nc_1 ._header_k37nc_48 {
   margin: 0 -8px;
 }
 /* source: src/components/explorer-list/explorer-list.vue */
-._item_lodh1_1 {
+._item_91c4w_1 {
   padding: 4px 8px;
   cursor: pointer;
   display: flex;
@@ -705,49 +706,50 @@ div._main_k37nc_1 ._header_k37nc_48 {
   box-sizing: border-box;
   line-height: 1;
 }
-._item_lodh1_1:hover {
+._item_91c4w_1:hover {
   background-color: var(--el-color-primary-light-9);
 }
-._item_lodh1_1:hover ._actions_lodh1_16 {
+._item_91c4w_1:hover ._actions_91c4w_16 {
   display: inline-flex;
   align-items: flex-start;
 }
-._item_lodh1_1._active_lodh1_20 {
+._item_91c4w_1._active_91c4w_20 {
   color: var(--el-color-primary);
   background-color: var(--el-color-primary-light-9);
 }
-._label_lodh1_25 {
+._label_91c4w_25 {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
+  --el-checkbox-height: 24px;
 }
-._label_lodh1_25 .iconify {
+._label_91c4w_25 .iconify {
   margin-right: 4px;
 }
-._actions_lodh1_16 {
+._actions_91c4w_16 {
   display: none;
   column-gap: 4px;
 }
-._actions_lodh1_16 > button {
+._actions_91c4w_16 > button {
   margin-left: 0 !important;
   font-size: 1.2em;
   border: 1px solid var(--el-border-color-light) !important;
 }
-._actions_lodh1_16 > button:hover {
+._actions_91c4w_16 > button:hover {
   border-color: var(--el-border-color-dark) !important;
 }
-._remove_lodh1_47 {
+._remove_91c4w_48 {
   transform: translateY(-1px);
 }
-._empty_lodh1_51,
-._loading_lodh1_52 {
+._empty_91c4w_52,
+._loading_91c4w_53 {
   padding: 4px 8px;
   display: flex;
   align-items: center;
   column-gap: 4px;
   color: var(--el-text-color-secondary);
 }
-._scrollbar_lodh1_60 {
+._scrollbar_91c4w_61 {
   margin: 0 -8px;
 }
 /* source: src/components/explorer-modal-form/explorer-modal-form.vue */

package/package.json

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