@wfrog/vc-ui 1.11.10 → 1.11.12

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

@@ -1,5 +1,5 @@
 /* source: src/components/explorer-query/explorer-query.vue */
-.el-form{--el-form-label-font-size:var(--el-font-size-base);--el-form-inline-content-width:220px}.el-form--inline .el-form-item{display:inline-flex;margin-right:32px;vertical-align:middle}.el-form--inline.el-form--label-top{display:flex;flex-wrap:wrap}.el-form--inline.el-form--label-top .el-form-item{display:block}._explorer-query_1a5c2_1 {
+._explorer-query_1a5c2_1 {
   padding-bottom: var(--v4fedc6d4);
   display: flex;
   column-gap: 8px;

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

@@ -1,11 +1,8 @@
 import './index.css'
-import '../../chunk/Gk1J52Yw.mjs';
-import { v as vLoading } from '../../chunk/BTSSEFfD.mjs';
-import { E as ElTable } from '../../chunk/BlzQCBDu.mjs';
-import '../../chunk/NsldgdCh.mjs';
-/* empty css                    */
-import '../../chunk/CoGexPPD.mjs';
-import '../../chunk/CjLR27-a.mjs';
+import { ElTable, ElLoadingDirective } from 'element-plus/es';
+import 'element-plus/es/components/base/style/css';
+import 'element-plus/es/components/loading/style/css';
+import 'element-plus/es/components/table/style/css';
 import { defineComponent, h, useCssVars, useCssModule, useTemplateRef, computed, ref, watch, withDirectives, createElementBlock, openBlock, normalizeClass, unref, createVNode, mergeProps, createSlots, withCtx, createBlock, createCommentVNode, renderSlot, withModifiers, isRef, Fragment, renderList, createTextVNode, toDisplayString, resolveDynamicComponent } from 'vue';
 import { promiseTimeout } from '@vueuse/core';
 import { ElTableColumn, ElRadio, ElCheckbox } from 'element-plus';
@@ -140,7 +137,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       const _component_ElTable = ElTable;
-      const _directive_loading = vLoading;
+      const _directive_loading = ElLoadingDirective;
       return withDirectives((openBlock(), createElementBlock("div", {
         class: normalizeClass(unref($style)["explorer-table"])
       }, [

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

@@ -1,8 +1,9 @@
 import './index.css'
-import { i as isString, b as buildProps, d as definePropType, u as useNamespace, a as debugWarn, j as isObject } from '../../chunk/Gk1J52Yw.mjs';
-import { E as ElRadioGroup, a as ElRadioButton } from '../../chunk/CCVL_Zj-.mjs';
-import '../choice/choice.mjs';
-import { defineComponent, ref, reactive, computed, watch, createElementBlock, createCommentVNode, openBlock, unref, normalizeClass, createElementVNode, normalizeStyle, Fragment, renderList, renderSlot, createTextVNode, toDisplayString, useTemplateRef, useCssModule, onBeforeMount, createBlock, createSlots, withCtx, createVNode, isRef, nextTick, withKeys } from 'vue';
+import { ElPopover, ElText, ElSegmented, ElDivider, ElRadioGroup, ElRadioButton } from 'element-plus/es';
+import 'element-plus/es/components/base/style/css';
+import 'element-plus/es/components/radio-group/style/css';
+import 'element-plus/es/components/radio-button/style/css';
+import { defineComponent, useTemplateRef, useCssModule, ref, computed, onBeforeMount, createBlock, openBlock, unref, createSlots, withCtx, renderSlot, createElementVNode, createVNode, normalizeClass, createTextVNode, createCommentVNode, isRef, nextTick, createElementBlock, toDisplayString, Fragment, renderList, withKeys } from 'vue';
 import { Search } from '@element-plus/icons-vue';
 import usePersistentModel from '../../use/usePersistentModel/index.mjs';
 import { C as Component$1 } from '../button/button.mjs';
@@ -10,266 +11,14 @@ import { i as injectExplorerPanelState } from '../explorer-panel/explorer-panel2
 import { i as injectExplorerState } from '../explorer/explorer2.mjs';
 import { C as Component$4 } from '../iconify-icon/iconify-icon.mjs';
 import { C as Component$3 } from '../input/input.mjs';
-import '../../chunk/CoGexPPD.mjs';
-/* empty css                    */
-import { E as ElDivider } from '../../chunk/CzdaOBtA.mjs';
-import { E as ElText } from '../../chunk/DbhQlaOz.mjs';
+import 'element-plus/es/components/popover/style/css';
+import 'element-plus/es/components/divider/style/css';
+import 'element-plus/es/components/segmented/style/css';
+import 'element-plus/es/components/text/style/css';
 import { i as index } from '../../chunk/D9iEroQw.mjs';
 import { C as Component$2 } from '../explorer-column-table/explorer-column-table.mjs';
-import { useActiveElement, useResizeObserver, useVModel, useThrottleFn } from '@vueuse/core';
-import { E as ElPopover } from '../../chunk/Da199A5L.mjs';
-import { u as useSizeProp } from '../../chunk/vPhxogl3.mjs';
-import { u as useAriaProps } from '../../chunk/BunQI8Jb.mjs';
-import { C as CHANGE_EVENT, U as UPDATE_MODEL_EVENT } from '../../chunk/Ct6q2FXg.mjs';
-import { b as isNumber, d as isBoolean } from '../../chunk/Bc6yUGLs.mjs';
-import { _ as _export_sfc, w as withInstall } from '../../chunk/V6KjsUQN.mjs';
-import { u as useId } from '../../chunk/nxVM7re4.mjs';
-import { c as useFormSize, a as useFormDisabled, u as useFormItem, b as useFormItemInputId } from '../../chunk/CBMjhoFP.mjs';
-import { _ as _export_sfc$1 } from '../../chunk/pcqpp-6-.mjs';
-
-const defaultProps = {
-  label: "label",
-  value: "value",
-  disabled: "disabled"
-};
-const segmentedProps = buildProps({
-  direction: {
-    type: definePropType(String),
-    default: "horizontal"
-  },
-  options: {
-    type: definePropType(Array),
-    default: () => []
-  },
-  modelValue: {
-    type: [String, Number, Boolean],
-    default: void 0
-  },
-  props: {
-    type: definePropType(Object),
-    default: () => defaultProps
-  },
-  block: Boolean,
-  size: useSizeProp,
-  disabled: {
-    type: Boolean,
-    default: void 0
-  },
-  validateEvent: {
-    type: Boolean,
-    default: true
-  },
-  id: String,
-  name: String,
-  ...useAriaProps(["ariaLabel"])
-});
-const segmentedEmits = {
-  [UPDATE_MODEL_EVENT]: (val) => isString(val) || isNumber(val) || isBoolean(val),
-  [CHANGE_EVENT]: (val) => isString(val) || isNumber(val) || isBoolean(val)
-};
-
-const _hoisted_1 = ["id", "aria-label", "aria-labelledby"];
-const _hoisted_2 = ["name", "disabled", "checked", "onChange"];
-const _sfc_main$2 = defineComponent({
-  ...{
-    name: "ElSegmented"
-  },
-  __name: "segmented",
-  props: segmentedProps,
-  emits: segmentedEmits,
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const ns = useNamespace("segmented");
-    const segmentedId = useId();
-    const segmentedSize = useFormSize();
-    const _disabled = useFormDisabled();
-    const { formItem } = useFormItem();
-    const { inputId, isLabeledByFormItem } = useFormItemInputId(props, {
-      formItemContext: formItem
-    });
-    const segmentedRef = ref(null);
-    const activeElement = useActiveElement();
-    const state = reactive({
-      isInit: false,
-      width: 0,
-      height: 0,
-      translateX: 0,
-      translateY: 0,
-      focusVisible: false
-    });
-    const handleChange = (evt, item) => {
-      const value = getValue(item);
-      emit(UPDATE_MODEL_EVENT, value);
-      emit(CHANGE_EVENT, value);
-      evt.target.checked = value === props.modelValue;
-    };
-    const aliasProps = computed(() => ({ ...defaultProps, ...props.props }));
-    const intoAny = (item) => item;
-    const getValue = (item) => {
-      return isObject(item) ? item[aliasProps.value.value] : item;
-    };
-    const getLabel = (item) => {
-      return isObject(item) ? item[aliasProps.value.label] : item;
-    };
-    const getDisabled = (item) => {
-      return !!(_disabled.value || (isObject(item) ? item[aliasProps.value.disabled] : false));
-    };
-    const getSelected = (item) => {
-      return props.modelValue === getValue(item);
-    };
-    const getOption = (value) => {
-      return props.options.find((item) => getValue(item) === value);
-    };
-    const getItemCls = (item) => {
-      return [
-        ns.e("item"),
-        ns.is("selected", getSelected(item)),
-        ns.is("disabled", getDisabled(item))
-      ];
-    };
-    const updateSelect = () => {
-      if (!segmentedRef.value)
-        return;
-      const selectedItem = segmentedRef.value.querySelector(
-        ".is-selected"
-      );
-      const selectedItemInput = segmentedRef.value.querySelector(
-        ".is-selected input"
-      );
-      if (!selectedItem || !selectedItemInput) {
-        state.width = 0;
-        state.height = 0;
-        state.translateX = 0;
-        state.translateY = 0;
-        state.focusVisible = false;
-        return;
-      }
-      state.isInit = true;
-      if (props.direction === "vertical") {
-        state.height = selectedItem.offsetHeight;
-        state.translateY = selectedItem.offsetTop;
-      } else {
-        state.width = selectedItem.offsetWidth;
-        state.translateX = selectedItem.offsetLeft;
-      }
-      try {
-        state.focusVisible = selectedItemInput.matches(":focus-visible");
-      } catch (e) {
-      }
-    };
-    const segmentedCls = computed(() => [
-      ns.b(),
-      ns.m(segmentedSize.value),
-      ns.is("block", props.block)
-    ]);
-    const selectedStyle = computed(() => ({
-      width: props.direction === "vertical" ? "100%" : `${state.width}px`,
-      height: props.direction === "vertical" ? `${state.height}px` : "100%",
-      transform: props.direction === "vertical" ? `translateY(${state.translateY}px)` : `translateX(${state.translateX}px)`,
-      display: state.isInit ? "block" : "none"
-    }));
-    const selectedCls = computed(() => [
-      ns.e("item-selected"),
-      ns.is("disabled", getDisabled(getOption(props.modelValue))),
-      ns.is("focus-visible", state.focusVisible)
-    ]);
-    const name = computed(() => {
-      return props.name || segmentedId.value;
-    });
-    useResizeObserver(segmentedRef, updateSelect);
-    watch(activeElement, updateSelect);
-    watch(
-      () => props.modelValue,
-      () => {
-        var _a;
-        updateSelect();
-        if (props.validateEvent) {
-          (_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "change").catch((err) => debugWarn(err));
-        }
-      },
-      {
-        flush: "post"
-      }
-    );
-    return (_ctx, _cache) => {
-      return _ctx.options.length ? (openBlock(), createElementBlock("div", {
-        key: 0,
-        id: unref(inputId),
-        ref_key: "segmentedRef",
-        ref: segmentedRef,
-        class: normalizeClass(segmentedCls.value),
-        role: "radiogroup",
-        "aria-label": !unref(isLabeledByFormItem) ? _ctx.ariaLabel || "segmented" : void 0,
-        "aria-labelledby": unref(isLabeledByFormItem) ? unref(formItem).labelId : void 0
-      }, [
-        createElementVNode(
-          "div",
-          {
-            class: normalizeClass([unref(ns).e("group"), unref(ns).m(_ctx.direction)])
-          },
-          [
-            createElementVNode(
-              "div",
-              {
-                style: normalizeStyle(selectedStyle.value),
-                class: normalizeClass(selectedCls.value)
-              },
-              null,
-              6
-            ),
-            (openBlock(true), createElementBlock(
-              Fragment,
-              null,
-              renderList(_ctx.options, (item, index) => {
-                return openBlock(), createElementBlock(
-                  "label",
-                  {
-                    key: index,
-                    class: normalizeClass(getItemCls(item))
-                  },
-                  [
-                    createElementVNode("input", {
-                      class: normalizeClass(unref(ns).e("item-input")),
-                      type: "radio",
-                      name: name.value,
-                      disabled: getDisabled(item),
-                      checked: getSelected(item),
-                      onChange: ($event) => handleChange($event, item)
-                    }, null, 42, _hoisted_2),
-                    createElementVNode(
-                      "div",
-                      {
-                        class: normalizeClass(unref(ns).e("item-label"))
-                      },
-                      [
-                        renderSlot(_ctx.$slots, "default", {
-                          item: intoAny(item)
-                        }, () => [
-                          createTextVNode(
-                            toDisplayString(getLabel(item)),
-                            1
-                          )
-                        ])
-                      ],
-                      2
-                    )
-                  ],
-                  2
-                );
-              }),
-              128
-            ))
-          ],
-          2
-        )
-      ], 10, _hoisted_1)) : createCommentVNode("v-if", true);
-    };
-  }
-});
-var Segmented = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/segmented/src/segmented.vue"]]);
-
-const ElSegmented = withInstall(Segmented);
+import { useVModel, useThrottleFn } from '@vueuse/core';
+import { _ as _export_sfc } from '../../chunk/pcqpp-6-.mjs';
 
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "column-setter",
@@ -413,7 +162,7 @@ const style0$1 = {
 const cssModules$1 = {
   "$style": style0$1
 };
-const ColumnSetter = /* @__PURE__ */ _export_sfc$1(_sfc_main$1, [["__cssModules", cssModules$1]]);
+const ColumnSetter = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__cssModules", cssModules$1]]);
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "explorer-tools",
@@ -523,6 +272,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               }, 8, ["modelValue", "class"])) : createCommentVNode("", true),
               tool === "refresh" ? (openBlock(), createBlock(Component$1, {
                 key: 3,
+                class: "vc-icon-button",
                 title: "刷新",
                 throttle: __props.throttle,
                 circle: "",
@@ -531,6 +281,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               }, null, 8, ["throttle"])) : createCommentVNode("", true),
               tool === "fullscreen" ? (openBlock(), createBlock(Component$1, {
                 key: 4,
+                class: "vc-icon-button",
                 title: "全屏",
                 type: unref(isFullScreen) ? "primary" : "default",
                 circle: "",
@@ -550,11 +301,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               }, {
                 default: withCtx(() => [
                   createVNode(Component$1, {
+                    class: normalizeClass(["vc-icon-button", unref($style).test]),
                     title: "设置",
                     circle: "",
                     icon: { name: "Setting", type: "el" },
                     throttle: __props.throttle
-                  }, null, 8, ["throttle"])
+                  }, null, 8, ["class", "throttle"])
                 ]),
                 _: 1
               }, 8, ["data", "tools-key", "size", "column-to-storage", "reset-visible"])) : createCommentVNode("", true)
@@ -566,13 +318,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 
-/* unplugin-vue-components disabled */const buttons = "_buttons_1gr6m_15";
-const tools = "_tools_1gr6m_24";
-const layout = "_layout_1gr6m_35";
-const fullscreen = "_fullscreen_1gr6m_40";
+/* unplugin-vue-components disabled */const buttons = "_buttons_1dsx4_15";
+const tools = "_tools_1dsx4_24";
+const layout = "_layout_1dsx4_35";
+const fullscreen = "_fullscreen_1dsx4_40";
 const style0 = {
-	"explorer-tools": "_explorer-tools_1gr6m_1",
-	"bottom-border": "_bottom-border_1gr6m_10",
+	"explorer-tools": "_explorer-tools_1dsx4_1",
+	"bottom-border": "_bottom-border_1dsx4_10",
 	buttons: buttons,
 	tools: tools,
 	layout: layout,
@@ -582,7 +334,7 @@ const style0 = {
 const cssModules = {
   "$style": style0
 };
-const Component = /* @__PURE__ */ _export_sfc$1(_sfc_main, [["__cssModules", cssModules]]);
+const Component = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
 
 const __vite_glob_0_30 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
   __proto__: null,

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

@@ -1,5 +1,5 @@
 /* source: src/components/explorer-tools/components/column-setter.vue,src/components/explorer-tools/explorer-tools.vue */
-.el-radio-button{--el-radio-button-checked-bg-color:var(--el-color-primary);--el-radio-button-checked-text-color:var(--el-color-white);--el-radio-button-checked-border-color:var(--el-color-primary);--el-radio-button-disabled-checked-fill:var(--el-border-color-extra-light);display:inline-block;outline:none;position:relative}.el-radio-button__inner{-webkit-appearance:none;background:var(--el-button-bg-color,var(--el-fill-color-blank));border-radius:0;box-sizing:border-box;color:var(--el-button-text-color,var(--el-text-color-regular));cursor:pointer;display:inline-block;font-size:var(--el-font-size-base);font-weight:var(--el-button-font-weight,var(--el-font-weight-primary));line-height:1;margin:0;outline:var(--el-border);padding:8px 15px;position:relative;text-align:center;transition:var(--el-transition-all);-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.el-radio-button__inner.is-round{padding:8px 15px}.el-radio-button__inner:hover{color:var(--el-color-primary)}.el-radio-button__inner [class*=el-icon-]{line-height:.9}.el-radio-button__inner [class*=el-icon-]+span{margin-left:5px}.el-radio-button:first-child .el-radio-button__inner{border-radius:var(--el-border-radius-base) 0 0 var(--el-border-radius-base);box-shadow:none!important}.el-radio-button.is-active .el-radio-button__original-radio:not(:disabled)+.el-radio-button__inner{background-color:var(--el-radio-button-checked-bg-color,var(--el-color-primary));border-color:var(--el-radio-button-checked-border-color,var(--el-color-primary));box-shadow:-1px 0 0 0 var(--el-radio-button-checked-border-color,var(--el-color-primary));color:var(--el-radio-button-checked-text-color,var(--el-color-white))}.el-radio-button__original-radio{opacity:0;outline:none;position:absolute;z-index:-1}.el-radio-button__original-radio:focus-visible+.el-radio-button__inner{border-left:var(--el-border);border-left-color:var(--el-radio-button-checked-border-color,var(--el-color-primary));border-radius:var(--el-border-radius-base);box-shadow:none;outline:2px solid var(--el-radio-button-checked-border-color);outline-offset:1px;z-index:2}.el-radio-button__original-radio:disabled+.el-radio-button__inner{background-color:var(--el-button-disabled-bg-color,var(--el-fill-color-blank));background-image:none;border-color:var(--el-button-disabled-border-color,var(--el-border-color-light));box-shadow:none;color:var(--el-disabled-text-color);cursor:not-allowed}.el-radio-button__original-radio:disabled:checked+.el-radio-button__inner{background-color:var(--el-radio-button-disabled-checked-fill)}.el-radio-button:last-child .el-radio-button__inner{border-radius:0 var(--el-border-radius-base) var(--el-border-radius-base) 0}.el-radio-button:first-child:last-child .el-radio-button__inner{border-radius:var(--el-border-radius-base)}.el-radio-button--large .el-radio-button__inner{border-radius:0;font-size:var(--el-font-size-base);padding:12px 19px}.el-radio-button--large .el-radio-button__inner.is-round{padding:12px 19px}.el-radio-button--small .el-radio-button__inner{border-radius:0;font-size:12px;padding:5px 11px}.el-radio-button--small .el-radio-button__inner.is-round{padding:5px 11px}.el-segmented--vertical{flex-direction:column}.el-segmented--vertical .el-segmented__item{padding:11px}.el-segmented{--el-segmented-color:var(--el-text-color-regular);--el-segmented-bg-color:var(--el-fill-color-light);--el-segmented-padding:2px;--el-segmented-item-selected-color:var(--el-color-white);--el-segmented-item-selected-bg-color:var(--el-color-primary);--el-segmented-item-selected-disabled-bg-color:var(--el-color-primary-light-5);--el-segmented-item-hover-color:var(--el-text-color-primary);--el-segmented-item-hover-bg-color:var(--el-fill-color-dark);--el-segmented-item-active-bg-color:var(--el-fill-color-darker);--el-segmented-item-disabled-color:var(--el-text-color-placeholder);align-items:stretch;background:var(--el-segmented-bg-color);border-radius:var(--el-border-radius-base);box-sizing:border-box;color:var(--el-segmented-color);display:inline-flex;font-size:14px;min-height:32px;padding:var(--el-segmented-padding)}.el-segmented__group{align-items:stretch;display:flex;position:relative;width:100%}.el-segmented__item-selected{background:var(--el-segmented-item-selected-bg-color);border-radius:calc(var(--el-border-radius-base) - 2px);height:100%;left:0;pointer-events:none;position:absolute;top:0;transition:all .3s;width:10px}.el-segmented__item-selected.is-disabled{background:var(--el-segmented-item-selected-disabled-bg-color)}.el-segmented__item-selected.is-focus-visible:before{border-radius:inherit;bottom:0;content:"";left:0;outline:2px solid var(--el-segmented-item-selected-bg-color);outline-offset:1px;position:absolute;right:0;top:0}.el-segmented__item{align-items:center;border-radius:calc(var(--el-border-radius-base) - 2px);cursor:pointer;display:flex;flex:1;padding:0 11px}.el-segmented__item:not(.is-disabled):not(.is-selected):hover{background:var(--el-segmented-item-hover-bg-color);color:var(--el-segmented-item-hover-color)}.el-segmented__item:not(.is-disabled):not(.is-selected):active{background:var(--el-segmented-item-active-bg-color)}.el-segmented__item.is-selected,.el-segmented__item.is-selected.is-disabled{color:var(--el-segmented-item-selected-color)}.el-segmented__item.is-disabled{color:var(--el-segmented-item-disabled-color);cursor:not-allowed}.el-segmented__item-input{height:0;margin:0;opacity:0;pointer-events:none;position:absolute;width:0}.el-segmented__item-label{flex:1;line-height:normal;overflow:hidden;text-align:center;text-overflow:ellipsis;transition:color .3s;white-space:nowrap;z-index:1}.el-segmented.is-block{display:flex}.el-segmented.is-block .el-segmented__item{min-width:0}.el-segmented--large{border-radius:var(--el-border-radius-base);font-size:16px;min-height:40px}.el-segmented--large .el-segmented__item-selected{border-radius:calc(var(--el-border-radius-base) - 2px)}.el-segmented--large .el-segmented--vertical .el-segmented__item{padding:11px}.el-segmented--large .el-segmented__item{border-radius:calc(var(--el-border-radius-base) - 2px);padding:0 11px}.el-segmented--small{border-radius:calc(var(--el-border-radius-base) - 1px);font-size:14px;min-height:24px}.el-segmented--small .el-segmented__item-selected{border-radius:calc(var(--el-border-radius-base) - 3px)}.el-segmented--small .el-segmented--vertical .el-segmented__item{padding:7px}.el-segmented--small .el-segmented__item{border-radius:calc(var(--el-border-radius-base) - 3px);padding:0 7px}._header_8k9xf_1 {
+._header_8k9xf_1 {
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -17,7 +17,7 @@
 }
 div._divider_8k9xf_21 {
   margin: 8px 0;
-}._explorer-tools_1gr6m_1 {
+}._explorer-tools_1dsx4_1 {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -26,33 +26,33 @@ div._divider_8k9xf_21 {
   row-gap: 8px;
   box-sizing: border-box;
 }
-._explorer-tools_1gr6m_1._bottom-border_1gr6m_10 {
+._explorer-tools_1dsx4_1._bottom-border_1dsx4_10 {
   border-bottom: 1px solid var(--el-border-color-lighter);
   margin-bottom: 8px;
 }
-._buttons_1gr6m_15 {
+._buttons_1dsx4_15 {
   display: flex;
   align-items: center;
   column-gap: 8px;
 }
-._buttons_1gr6m_15 button {
+._buttons_1dsx4_15 button {
   margin-left: 0 !important;
 }
-._tools_1gr6m_24 {
+._tools_1dsx4_24 {
   display: flex;
   align-items: center;
   column-gap: 8px;
 }
-._tools_1gr6m_24 > button {
+._tools_1dsx4_24 button.vc-icon-button {
   padding: 4px;
   font-size: 18px;
   margin-left: 0 !important;
 }
-._layout_1gr6m_35 .el-radio-button__inner {
+._layout_1dsx4_35 .el-radio-button__inner {
   padding: 6px 8px;
   font-size: 18px;
 }
-._fullscreen_1gr6m_40 {
+._fullscreen_1dsx4_40 {
   position: fixed !important;
   background-color: var(--el-bg-color) !important;
   top: 0 !important;

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

@@ -1,8 +1,8 @@
 import './index.css'
-import '../../chunk/Gk1J52Yw.mjs';
-import { E as ElTree } from '../../chunk/Brp-qSBw.mjs';
-import '../../chunk/NsldgdCh.mjs';
-import '../../chunk/DbhQlaOz.mjs';
+import { ElTree, ElIcon } from 'element-plus/es';
+import 'element-plus/es/components/base/style/css';
+import 'element-plus/es/components/icon/style/css';
+import 'element-plus/es/components/tree/style/css';
 import { defineComponent, useTemplateRef, computed, ref, watch, onBeforeUnmount, createBlock, openBlock, normalizeClass, withCtx, withDirectives, createElementBlock, createCommentVNode, createVNode, mergeProps, unref, renderSlot, createElementVNode, createTextVNode, toDisplayString, Fragment, renderList, vShow } from 'vue';
 import { Loading } from '@element-plus/icons-vue';
 import '../../chunk/D9iEroQw.mjs';
@@ -10,7 +10,6 @@ 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 { E as ElIcon } from '../../chunk/D0QTifnI.mjs';
 import { _ as _export_sfc } from '../../chunk/pcqpp-6-.mjs';
 
 function filter(items, check, options) {

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

@@ -2040,7 +2040,7 @@ declare const __VLS_component: import('vue').DefineComponent<IExplorerTreeProps,
         readonly showCheckbox: boolean;
         readonly highlightCurrent: boolean;
     }> | null>>;
-    setActive: (value: string | number | null, shouldAutoExpandParent?: boolean) => void;
+    setActive: (value: string | number | null | undefined, shouldAutoExpandParent?: boolean) => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     create: (value: string | number, node: Node) => any;
     modify: (value: string | number, node: Node) => any;

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

@@ -1,5 +1,5 @@
 import './index.css'
-import { defineComponent, shallowRef, onBeforeMount, computed, createBlock, createCommentVNode, unref, openBlock, resolveDynamicComponent, normalizeProps, mergeProps, withCtx, renderSlot, createElementVNode, normalizeClass, createVNode, toDisplayString } from 'vue';
+import { defineComponent, shallowRef, onBeforeMount, computed, createBlock, createCommentVNode, unref, openBlock, resolveDynamicComponent, withCtx, renderSlot, createElementVNode, normalizeClass, createVNode, toDisplayString, mergeProps } from 'vue';
 import { ElFormItem } from 'element-plus';
 import { C as Component$1 } from '../info-tooltip/info-tooltip.mjs';
 import { _ as _export_sfc } from '../../chunk/pcqpp-6-.mjs';
@@ -32,7 +32,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       emits("click", props.code, props.label);
     }
     return (_ctx, _cache) => {
-      return unref(component) ? (openBlock(), createBlock(resolveDynamicComponent(unref(component)), normalizeProps(mergeProps({ key: 0 }, _ctx.$attrs)), {
+      return unref(component) ? (openBlock(), createBlock(resolveDynamicComponent(unref(component)), { key: 0 }, {
         label: withCtx(() => [
           createElementVNode("span", {
             class: normalizeClass(_ctx.$style["label-container"])
@@ -53,7 +53,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           renderSlot(_ctx.$slots, "error")
         ]),
         _: 3
-      }, 16)) : createCommentVNode("", true);
+      })) : createCommentVNode("", true);
     };
   }
 });

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

@@ -1,24 +1,20 @@
 import './index.css'
-import '../../chunk/Gk1J52Yw.mjs';
-import '../../chunk/CoGexPPD.mjs';
-/* empty css                    */
+import { ElInput, ElButton, ElDivider, ElPagination, ElPopover } from 'element-plus/es';
+import 'element-plus/es/components/base/style/css';
+import 'element-plus/es/components/popover/style/css';
 import { ref, computed, watch, defineComponent, useTemplateRef, onMounted, createElementBlock, openBlock, normalizeClass, createVNode, unref, withCtx, createElementVNode, isRef, Fragment, renderList, createTextVNode, toDisplayString, createBlock, useCssModule, h, onUnmounted, createCommentVNode, createSlots, useCssVars, mergeProps } from 'vue';
 import { promiseTimeout, useVModel } from '@vueuse/core';
 import { useFormDisabled } from 'element-plus';
 import { C as Component$2 } from '../iconify-icon/iconify-icon.mjs';
 import { C as Component$4 } from '../input/input.mjs';
-import { E as ElPagination } from '../../chunk/CBlJeNBO.mjs';
-/* empty css                    */
-import '../../chunk/BBhZKpIc.mjs';
-import '../../chunk/CjLR27-a.mjs';
-import { E as ElInput } from '../../chunk/DX-2VRY2.mjs';
-import { E as ElDivider } from '../../chunk/CzdaOBtA.mjs';
-import { E as ElButton } from '../../chunk/CPt6MxJW.mjs';
+import 'element-plus/es/components/pagination/style/css';
+import 'element-plus/es/components/divider/style/css';
+import 'element-plus/es/components/input/style/css';
+import 'element-plus/es/components/button/style/css';
 import { C as Component$3 } from '../select/select.mjs';
 import { C as Component$1 } from '../scrollbar/scrollbar.mjs';
-import { d as debounce } from '../../chunk/DAnWZLYj.mjs';
+import { d as debounce } from '../../chunk/CzWfBa_8.mjs';
 import { _ as _export_sfc } from '../../chunk/pcqpp-6-.mjs';
-import { E as ElPopover } from '../../chunk/Da199A5L.mjs';
 
 const baseUrl = "https://api.iconify.design";
 function paginateArray(array, ps, p) {

package/dist/es/components/image/image.mjs

@@ -1,8 +1,8 @@
 import './index.css'
-import '../../chunk/Gk1J52Yw.mjs';
-/* empty css                    */
-import { a as ElTooltip } from '../../chunk/CoGexPPD.mjs';
-import { E as ElImage } from '../../chunk/DrrVDcwm.mjs';
+import { ElTooltip, ElImage } from 'element-plus/es';
+import 'element-plus/es/components/base/style/css';
+import 'element-plus/es/components/tooltip/style/css';
+import 'element-plus/es/components/image/style/css';
 import { defineComponent, useSlots, useTemplateRef, ref, computed, createElementBlock, openBlock, Fragment, createCommentVNode, createBlock, unref, normalizeClass, createElementVNode, withCtx, createVNode, renderSlot, createTextVNode, toDisplayString, normalizeStyle } from 'vue';
 import { C as Component$1 } from '../el-icon/el-icon.mjs';
 import { C as Component$2 } from '../text-ellipsis/text-ellipsis.mjs';