element-plus 1.2.0-beta.1 → 1.2.0-beta.2

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v1.2.0-beta.1 */
+/*! Element Plus v1.2.0-beta.2 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -2599,7 +2599,7 @@
   function isUndefined(val) {
     return val === void 0;
   }
-  function useGlobalConfig() {
+  function useGlobalConfig$1() {
     const vm = vue.getCurrentInstance();
     if ("$ELEMENT" in vm.proxy) {
       return vm.proxy.$ELEMENT;
@@ -5601,8 +5601,9 @@
     }
   };
   const usePopperHook = () => {
+    var _a;
     const vm = vue.getCurrentInstance();
-    const props = vm.props;
+    const props = (_a = vm.proxy) == null ? void 0 : _a.$props;
     const { slots } = vm;
     const arrowRef = vue.ref(null);
     const triggerRef = vue.ref(null);
@@ -5646,8 +5647,8 @@
       }
     }
     function detachPopper() {
-      var _a;
-      (_a = popperInstance == null ? void 0 : popperInstance.destroy) == null ? void 0 : _a.call(popperInstance);
+      var _a2;
+      (_a2 = popperInstance == null ? void 0 : popperInstance.destroy) == null ? void 0 : _a2.call(popperInstance);
       popperInstance = null;
     }
     function onPopperMouseEnter() {
@@ -5734,8 +5735,8 @@
       }, null) : null;
     }
     function triggerRenderer(triggerProps) {
-      var _a;
-      const trigger = (_a = slots.trigger) == null ? void 0 : _a.call(slots);
+      var _a2;
+      const trigger = (_a2 = slots.trigger) == null ? void 0 : _a2.call(slots);
       const firstElement = getFirstValidNode(trigger, 1);
       if (!firstElement)
         throwError("renderTrigger", "trigger expects single rooted node");
@@ -5923,10 +5924,48 @@
     }
   };
 
+  const wrapperKey = Symbol();
+  const propKey = Symbol();
+  function buildProp(option, key) {
+    if (!isObject$a(option) || !!option[propKey])
+      return option;
+    const { values, required, default: defaultValue, type, validator } = option;
+    const _validator = values || validator ? (val) => {
+      let valid = false;
+      let allowedValues = [];
+      if (values) {
+        allowedValues = [...values, defaultValue];
+        valid || (valid = allowedValues.includes(val));
+      }
+      if (validator)
+        valid || (valid = validator(val));
+      if (!valid && allowedValues.length > 0) {
+        const allowValuesText = [...new Set(allowedValues)].map((value) => JSON.stringify(value)).join(", ");
+        vue.warn(`Invalid prop: validation failed${key ? ` for prop "${key}"` : ""}. Expected one of [${allowValuesText}], got value ${JSON.stringify(val)}.`);
+      }
+      return valid;
+    } : void 0;
+    return {
+      type: typeof type === "object" && Object.getOwnPropertySymbols(type).includes(wrapperKey) ? type[wrapperKey] : type,
+      required: !!required,
+      default: defaultValue,
+      validator: _validator,
+      [propKey]: true
+    };
+  }
+  const buildProps = (props) => fromPairs_1(Object.entries(props).map(([key, option]) => [
+    key,
+    buildProp(option, key)
+  ]));
+  const definePropType = (val) => ({ [wrapperKey]: val });
+  const keyOf = (arr) => Object.keys(arr);
+  const mutable = (val) => val;
+  const componentSize = ["large", "medium", "small", "mini"];
+
   const useLocaleProps = {
-    locale: {
-      type: Object
-    }
+    locale: buildProp({
+      type: definePropType(Object)
+    })
   };
   const LocaleInjectionKey = "ElLocaleInjection";
   let localeObjCache;
@@ -6002,43 +6041,7 @@
 
   const elPaginationKey = Symbol("elPaginationKey");
 
-  const wrapperKey = Symbol();
-  const propKey = Symbol();
-  function buildProp(option, key) {
-    if (!isObject$a(option) || !!option[propKey])
-      return option;
-    const { values, required, default: defaultValue, type, validator } = option;
-    const _validator = values || validator ? (val) => {
-      let valid = false;
-      let allowedValues = [];
-      if (values) {
-        allowedValues = [...values, defaultValue];
-        valid || (valid = allowedValues.includes(val));
-      }
-      if (validator)
-        valid || (valid = validator(val));
-      if (!valid && allowedValues.length > 0) {
-        const allowValuesText = [...new Set(allowedValues)].map((value) => JSON.stringify(value)).join(", ");
-        vue.warn(`Invalid prop: validation failed${key ? ` for prop "${key}"` : ""}. Expected one of [${allowValuesText}], got value ${JSON.stringify(val)}.`);
-      }
-      return valid;
-    } : void 0;
-    return {
-      type: typeof type === "object" && Object.getOwnPropertySymbols(type).includes(wrapperKey) ? type[wrapperKey] : type,
-      required: !!required,
-      default: defaultValue,
-      validator: _validator,
-      [propKey]: true
-    };
-  }
-  const buildProps = (props) => fromPairs_1(Object.entries(props).map(([key, option]) => [
-    key,
-    buildProp(option, key)
-  ]));
-  const definePropType = (val) => ({ [wrapperKey]: val });
-  const keyOf = (arr) => Object.keys(arr);
-  const mutable = (val) => val;
-  const componentSize = ["large", "medium", "small", "mini"];
+  const configProviderContextKey = Symbol();
 
   const sizes = ["", "large", "medium", "small", "mini"];
   const useFormItemProps = buildProps({
@@ -6052,7 +6055,7 @@
   const useFormItem = ({ size, disabled }) => {
     var _a;
     const vm = vue.getCurrentInstance();
-    const $ELEMENT = useGlobalConfig();
+    const $ELEMENT = useGlobalConfig$1();
     const props = (_a = vm.proxy) == null ? void 0 : _a.$props;
     const form = vue.inject(elFormKey, void 0);
     const formItem = vue.inject(elFormItemKey, void 0);
@@ -6087,7 +6090,16 @@
     return { onClick, onMousedown, onMouseup };
   };
 
-  const version$1 = "1.2.0-beta.1";
+  const defaultConfig = {
+    button: {
+      autoInsertSpace: true
+    }
+  };
+  const useGlobalConfig = () => {
+    return vue.inject(configProviderContextKey, defaultConfig);
+  };
+
+  const version$1 = "1.2.0-beta.2";
 
   const makeInstaller = (components = []) => {
     const apps = [];
@@ -6359,7 +6371,7 @@
     change: (fixed) => typeof fixed === "boolean"
   };
 
-  var script$2y = vue.defineComponent({
+  var script$2z = vue.defineComponent({
     name: "ElAffix",
     props: affixProps,
     emits: affixEmits,
@@ -6446,6 +6458,7 @@
       });
       useEventListener(scrollContainer, "scroll", onScroll);
       useResizeObserver(root, () => update());
+      useResizeObserver(target, () => update());
       return {
         root,
         state,
@@ -6456,7 +6469,7 @@
     }
   });
 
-  function render$2q(_ctx, _cache, $props, $setup, $data, $options) {
+  function render$2r(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       ref: "root",
       class: "el-affix",
@@ -6471,10 +6484,10 @@
     ], 4);
   }
 
-  script$2y.render = render$2q;
-  script$2y.__file = "packages/components/affix/src/affix.vue";
+  script$2z.render = render$2r;
+  script$2z.__file = "packages/components/affix/src/affix.vue";
 
-  const ElAffix = withInstall(script$2y);
+  const ElAffix = withInstall(script$2z);
 
   const iconProps = buildProps({
     size: {
@@ -6485,7 +6498,7 @@
     }
   });
 
-  var script$2x = vue.defineComponent({
+  var script$2y = vue.defineComponent({
     name: "ElIcon",
     inheritAttrs: false,
     props: iconProps,
@@ -6508,7 +6521,7 @@
     }
   });
 
-  function render$2p(_ctx, _cache, $props, $setup, $data, $options) {
+  function render$2q(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("i", vue.mergeProps({
       class: "el-icon",
       style: _ctx.style
@@ -6517,824 +6530,847 @@
     ], 16);
   }
 
-  script$2x.render = render$2p;
-  script$2x.__file = "packages/components/icon/src/icon.vue";
+  script$2y.render = render$2q;
+  script$2y.__file = "packages/components/icon/src/icon.vue";
 
-  const ElIcon = withInstall(script$2x);
+  const ElIcon = withInstall(script$2y);
   var ElIcon$1 = ElIcon;
 
-  var script$2w = vue.defineComponent({
+  var script$2x = vue.defineComponent({
     name: "ArrowDown"
   });
 
-  const _hoisted_1$1W = {
+  const _hoisted_1$1Y = {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 1024 1024"
   };
-  const _hoisted_2$1y = /* @__PURE__ */ vue.createVNode("path", {
+  const _hoisted_2$1z = /* @__PURE__ */ vue.createVNode("path", {
     fill: "currentColor",
     d: "M831.872 340.864 512 652.672 192.128 340.864a30.592 30.592 0 0 0-42.752 0 29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728 30.592 30.592 0 0 0-42.752 0z"
   }, null, -1);
+  function render$2p(_ctx, _cache, $props, $setup, $data, $options) {
+    return vue.openBlock(), vue.createBlock("svg", _hoisted_1$1Y, [
+      _hoisted_2$1z
+    ]);
+  }
+
+  script$2x.render = render$2p;
+  script$2x.__file = "packages/components/ArrowDown.vue";
+
+  var ArrowDown = script$2x;
+
+  var script$2w = vue.defineComponent({
+    name: "ArrowLeft"
+  });
+
+  const _hoisted_1$1X = {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 1024 1024"
+  };
+  const _hoisted_2$1y = /* @__PURE__ */ vue.createVNode("path", {
+    fill: "currentColor",
+    d: "M609.408 149.376 277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0 30.592 30.592 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 0 0 0-42.688 29.12 29.12 0 0 0-41.728 0z"
+  }, null, -1);
   function render$2o(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createBlock("svg", _hoisted_1$1W, [
+    return vue.openBlock(), vue.createBlock("svg", _hoisted_1$1X, [
       _hoisted_2$1y
     ]);
   }
 
   script$2w.render = render$2o;
-  script$2w.__file = "packages/components/ArrowDown.vue";
+  script$2w.__file = "packages/components/ArrowLeft.vue";
 
-  var ArrowDown = script$2w;
+  var ArrowLeft = script$2w;
 
   var script$2v = vue.defineComponent({
-    name: "ArrowLeft"
+    name: "ArrowUp"
   });
 
-  const _hoisted_1$1V = {
+  const _hoisted_1$1W = {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 1024 1024"
   };
   const _hoisted_2$1x = /* @__PURE__ */ vue.createVNode("path", {
     fill: "currentColor",
-    d: "M609.408 149.376 277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0 30.592 30.592 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 0 0 0-42.688 29.12 29.12 0 0 0-41.728 0z"
+    d: "m488.832 344.32-339.84 356.672a32 32 0 0 0 0 44.16l.384.384a29.44 29.44 0 0 0 42.688 0l320-335.872 319.872 335.872a29.44 29.44 0 0 0 42.688 0l.384-.384a32 32 0 0 0 0-44.16L535.168 344.32a32 32 0 0 0-46.336 0z"
   }, null, -1);
   function render$2n(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createBlock("svg", _hoisted_1$1V, [
+    return vue.openBlock(), vue.createBlock("svg", _hoisted_1$1W, [
       _hoisted_2$1x
     ]);
   }
 
   script$2v.render = render$2n;
-  script$2v.__file = "packages/components/ArrowLeft.vue";
+  script$2v.__file = "packages/components/ArrowUp.vue";
 
-  var ArrowLeft = script$2v;
+  var ArrowUp = script$2v;
 
   var script$2u = vue.defineComponent({
-    name: "ArrowUp"
+    name: "Back"
   });
 
-  const _hoisted_1$1U = {
+  const _hoisted_1$1V = {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 1024 1024"
   };
   const _hoisted_2$1w = /* @__PURE__ */ vue.createVNode("path", {
     fill: "currentColor",
-    d: "m488.832 344.32-339.84 356.672a32 32 0 0 0 0 44.16l.384.384a29.44 29.44 0 0 0 42.688 0l320-335.872 319.872 335.872a29.44 29.44 0 0 0 42.688 0l.384-.384a32 32 0 0 0 0-44.16L535.168 344.32a32 32 0 0 0-46.336 0z"
+    d: "M224 480h640a32 32 0 1 1 0 64H224a32 32 0 0 1 0-64z"
+  }, null, -1);
+  const _hoisted_3$Q = /* @__PURE__ */ vue.createVNode("path", {
+    fill: "currentColor",
+    d: "m237.248 512 265.408 265.344a32 32 0 0 1-45.312 45.312l-288-288a32 32 0 0 1 0-45.312l288-288a32 32 0 1 1 45.312 45.312L237.248 512z"
   }, null, -1);
   function render$2m(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createBlock("svg", _hoisted_1$1U, [
-      _hoisted_2$1w
+    return vue.openBlock(), vue.createBlock("svg", _hoisted_1$1V, [
+      _hoisted_2$1w,
+      _hoisted_3$Q
     ]);
   }
 
   script$2u.render = render$2m;
-  script$2u.__file = "packages/components/ArrowUp.vue";
+  script$2u.__file = "packages/components/Back.vue";
 
-  var ArrowUp = script$2u;
+  var Back = script$2u;
 
   var script$2t = vue.defineComponent({
-    name: "Back"
+    name: "Calendar"
   });
 
-  const _hoisted_1$1T = {
+  const _hoisted_1$1U = {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 1024 1024"
   };
   const _hoisted_2$1v = /* @__PURE__ */ vue.createVNode("path", {
     fill: "currentColor",
-    d: "M224 480h640a32 32 0 1 1 0 64H224a32 32 0 0 1 0-64z"
-  }, null, -1);
-  const _hoisted_3$Q = /* @__PURE__ */ vue.createVNode("path", {
-    fill: "currentColor",
-    d: "m237.248 512 265.408 265.344a32 32 0 0 1-45.312 45.312l-288-288a32 32 0 0 1 0-45.312l288-288a32 32 0 1 1 45.312 45.312L237.248 512z"
+    d: "M128 384v512h768V192H768v32a32 32 0 1 1-64 0v-32H320v32a32 32 0 0 1-64 0v-32H128v128h768v64H128zm192-256h384V96a32 32 0 1 1 64 0v32h160a32 32 0 0 1 32 32v768a32 32 0 0 1-32 32H96a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h160V96a32 32 0 0 1 64 0v32zm-32 384h64a32 32 0 0 1 0 64h-64a32 32 0 0 1 0-64zm0 192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64zm192-192h64a32 32 0 0 1 0 64h-64a32 32 0 0 1 0-64zm0 192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64zm192-192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64zm0 192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64z"
   }, null, -1);
   function render$2l(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createBlock("svg", _hoisted_1$1T, [
-      _hoisted_2$1v,
-      _hoisted_3$Q
+    return vue.openBlock(), vue.createBlock("svg", _hoisted_1$1U, [
+      _hoisted_2$1v
     ]);
   }
 
   script$2t.render = render$2l;
-  script$2t.__file = "packages/components/Back.vue";
+  script$2t.__file = "packages/components/Calendar.vue";
 
-  var Back = script$2t;
+  var Calendar = script$2t;
 
   var script$2s = vue.defineComponent({
-    name: "Calendar"
+    name: "CaretRight"
   });
 
-  const _hoisted_1$1S = {
+  const _hoisted_1$1T = {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 1024 1024"
   };
   const _hoisted_2$1u = /* @__PURE__ */ vue.createVNode("path", {
     fill: "currentColor",
-    d: "M128 384v512h768V192H768v32a32 32 0 1 1-64 0v-32H320v32a32 32 0 0 1-64 0v-32H128v128h768v64H128zm192-256h384V96a32 32 0 1 1 64 0v32h160a32 32 0 0 1 32 32v768a32 32 0 0 1-32 32H96a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h160V96a32 32 0 0 1 64 0v32zm-32 384h64a32 32 0 0 1 0 64h-64a32 32 0 0 1 0-64zm0 192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64zm192-192h64a32 32 0 0 1 0 64h-64a32 32 0 0 1 0-64zm0 192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64zm192-192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64zm0 192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64z"
+    d: "M384 192v640l384-320.064z"
   }, null, -1);
   function render$2k(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createBlock("svg", _hoisted_1$1S, [
+    return vue.openBlock(), vue.createBlock("svg", _hoisted_1$1T, [
       _hoisted_2$1u
     ]);
   }
 
   script$2s.render = render$2k;
-  script$2s.__file = "packages/components/Calendar.vue";
+  script$2s.__file = "packages/components/CaretRight.vue";
 
-  var Calendar = script$2s;
+  var CaretRight = script$2s;
 
   var script$2r = vue.defineComponent({
-    name: "CaretRight"
+    name: "CaretTop"
   });
 
-  const _hoisted_1$1R = {
+  const _hoisted_1$1S = {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 1024 1024"
   };
   const _hoisted_2$1t = /* @__PURE__ */ vue.createVNode("path", {
     fill: "currentColor",
-    d: "M384 192v640l384-320.064z"
+    d: "M512 320 192 704h639.936z"
   }, null, -1);
   function render$2j(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createBlock("svg", _hoisted_1$1R, [
+    return vue.openBlock(), vue.createBlock("svg", _hoisted_1$1S, [
       _hoisted_2$1t
     ]);
   }
 
   script$2r.render = render$2j;
-  script$2r.__file = "packages/components/CaretRight.vue";
+  script$2r.__file = "packages/components/CaretTop.vue";
 
-  var CaretRight = script$2r;
+  var CaretTop = script$2r;
 
   var script$2q = vue.defineComponent({
-    name: "CaretTop"
+    name: "Check"
   });
 
-  const _hoisted_1$1Q = {
+  const _hoisted_1$1R = {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 1024 1024"
   };
   const _hoisted_2$1s = /* @__PURE__ */ vue.createVNode("path", {
     fill: "currentColor",
-    d: "M512 320 192 704h639.936z"
+    d: "M406.656 706.944 195.84 496.256a32 32 0 1 0-45.248 45.248l256 256 512-512a32 32 0 0 0-45.248-45.248L406.592 706.944z"
   }, null, -1);
   function render$2i(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createBlock("svg", _hoisted_1$1Q, [
+    return vue.openBlock(), vue.createBlock("svg", _hoisted_1$1R, [
       _hoisted_2$1s
     ]);
   }
 
   script$2q.render = render$2i;
-  script$2q.__file = "packages/components/CaretTop.vue";
+  script$2q.__file = "packages/components/Check.vue";
 
-  var CaretTop = script$2q;
+  var Check = script$2q;
 
   var script$2p = vue.defineComponent({
-    name: "Check"
+    name: "CircleCheckFilled"
   });
 
-  const _hoisted_1$1P = {
+  const _hoisted_1$1Q = {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 1024 1024"
   };
   const _hoisted_2$1r = /* @__PURE__ */ vue.createVNode("path", {
     fill: "currentColor",
-    d: "M406.656 706.944 195.84 496.256a32 32 0 1 0-45.248 45.248l256 256 512-512a32 32 0 0 0-45.248-45.248L406.592 706.944z"
+    d: "M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896zm-55.808 536.384-99.52-99.584a38.4 38.4 0 1 0-54.336 54.336l126.72 126.72a38.272 38.272 0 0 0 54.336 0l262.4-262.464a38.4 38.4 0 1 0-54.272-54.336L456.192 600.384z"
   }, null, -1);
   function render$2h(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createBlock("svg", _hoisted_1$1P, [
+    return vue.openBlock(), vue.createBlock("svg", _hoisted_1$1Q, [
       _hoisted_2$1r
     ]);
   }
 
   script$2p.render = render$2h;
-  script$2p.__file = "packages/components/Check.vue";
+  script$2p.__file = "packages/components/CircleCheckFilled.vue";
 
-  var Check = script$2p;
+  var CircleCheckFilled = script$2p;
 
   var script$2o = vue.defineComponent({
-    name: "CircleCheckFilled"
+    name: "CircleCheck"
   });
 
-  const _hoisted_1$1O = {
+  const _hoisted_1$1P = {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 1024 1024"
   };
   const _hoisted_2$1q = /* @__PURE__ */ vue.createVNode("path", {
     fill: "currentColor",
-    d: "M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896zm-55.808 536.384-99.52-99.584a38.4 38.4 0 1 0-54.336 54.336l126.72 126.72a38.272 38.272 0 0 0 54.336 0l262.4-262.464a38.4 38.4 0 1 0-54.272-54.336L456.192 600.384z"
+    d: "M512 896a384 384 0 1 0 0-768 384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896 448 448 0 0 1 0 896z"
+  }, null, -1);
+  const _hoisted_3$P = /* @__PURE__ */ vue.createVNode("path", {
+    fill: "currentColor",
+    d: "M745.344 361.344a32 32 0 0 1 45.312 45.312l-288 288a32 32 0 0 1-45.312 0l-160-160a32 32 0 1 1 45.312-45.312L480 626.752l265.344-265.408z"
   }, null, -1);
   function render$2g(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createBlock("svg", _hoisted_1$1O, [
-      _hoisted_2$1q
+    return vue.openBlock(), vue.createBlock("svg", _hoisted_1$1P, [
+      _hoisted_2$1q,
+      _hoisted_3$P
     ]);
   }
 
   script$2o.render = render$2g;
-  script$2o.__file = "packages/components/CircleCheckFilled.vue";
+  script$2o.__file = "packages/components/CircleCheck.vue";
 
-  var CircleCheckFilled = script$2o;
+  var CircleCheck = script$2o;
 
   var script$2n = vue.defineComponent({
-    name: "CircleCheck"
+    name: "CircleCloseFilled"
   });
 
-  const _hoisted_1$1N = {
+  const _hoisted_1$1O = {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 1024 1024"
   };
   const _hoisted_2$1p = /* @__PURE__ */ vue.createVNode("path", {
     fill: "currentColor",
-    d: "M512 896a384 384 0 1 0 0-768 384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896 448 448 0 0 1 0 896z"
-  }, null, -1);
-  const _hoisted_3$P = /* @__PURE__ */ vue.createVNode("path", {
-    fill: "currentColor",
-    d: "M745.344 361.344a32 32 0 0 1 45.312 45.312l-288 288a32 32 0 0 1-45.312 0l-160-160a32 32 0 1 1 45.312-45.312L480 626.752l265.344-265.408z"
+    d: "M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896zm0 393.664L407.936 353.6a38.4 38.4 0 1 0-54.336 54.336L457.664 512 353.6 616.064a38.4 38.4 0 1 0 54.336 54.336L512 566.336 616.064 670.4a38.4 38.4 0 1 0 54.336-54.336L566.336 512 670.4 407.936a38.4 38.4 0 1 0-54.336-54.336L512 457.664z"
   }, null, -1);
   function render$2f(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createBlock("svg", _hoisted_1$1N, [
-      _hoisted_2$1p,
-      _hoisted_3$P
+    return vue.openBlock(), vue.createBlock("svg", _hoisted_1$1O, [
+      _hoisted_2$1p
     ]);
   }
 
   script$2n.render = render$2f;
-  script$2n.__file = "packages/components/CircleCheck.vue";
+  script$2n.__file = "packages/components/CircleCloseFilled.vue";
 
-  var CircleCheck = script$2n;
+  var CircleCloseFilled = script$2n;
 
   var script$2m = vue.defineComponent({
-    name: "CircleCloseFilled"
+    name: "CircleClose"
   });
 
-  const _hoisted_1$1M = {
+  const _hoisted_1$1N = {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 1024 1024"
   };
   const _hoisted_2$1o = /* @__PURE__ */ vue.createVNode("path", {
     fill: "currentColor",
-    d: "M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896zm0 393.664L407.936 353.6a38.4 38.4 0 1 0-54.336 54.336L457.664 512 353.6 616.064a38.4 38.4 0 1 0 54.336 54.336L512 566.336 616.064 670.4a38.4 38.4 0 1 0 54.336-54.336L566.336 512 670.4 407.936a38.4 38.4 0 1 0-54.336-54.336L512 457.664z"
+    d: "m466.752 512-90.496-90.496a32 32 0 0 1 45.248-45.248L512 466.752l90.496-90.496a32 32 0 1 1 45.248 45.248L557.248 512l90.496 90.496a32 32 0 1 1-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 0 1-45.248-45.248L466.752 512z"
+  }, null, -1);
+  const _hoisted_3$O = /* @__PURE__ */ vue.createVNode("path", {
+    fill: "currentColor",
+    d: "M512 896a384 384 0 1 0 0-768 384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896 448 448 0 0 1 0 896z"
   }, null, -1);
   function render$2e(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createBlock("svg", _hoisted_1$1M, [
-      _hoisted_2$1o
+    return vue.openBlock(), vue.createBlock("svg", _hoisted_1$1N, [
+      _hoisted_2$1o,
+      _hoisted_3$O
     ]);
   }
 
   script$2m.render = render$2e;
-  script$2m.__file = "packages/components/CircleCloseFilled.vue";
+  script$2m.__file = "packages/components/CircleClose.vue";
 
-  var CircleCloseFilled = script$2m;
+  var CircleClose = script$2m;
 
   var script$2l = vue.defineComponent({
-    name: "CircleClose"
+    name: "ArrowRight"
   });
 
-  const _hoisted_1$1L = {
+  const _hoisted_1$1M = {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 1024 1024"
   };
   const _hoisted_2$1n = /* @__PURE__ */ vue.createVNode("path", {
     fill: "currentColor",
-    d: "m466.752 512-90.496-90.496a32 32 0 0 1 45.248-45.248L512 466.752l90.496-90.496a32 32 0 1 1 45.248 45.248L557.248 512l90.496 90.496a32 32 0 1 1-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 0 1-45.248-45.248L466.752 512z"
-  }, null, -1);
-  const _hoisted_3$O = /* @__PURE__ */ vue.createVNode("path", {
-    fill: "currentColor",
-    d: "M512 896a384 384 0 1 0 0-768 384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896 448 448 0 0 1 0 896z"
+    d: "M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512 340.864 831.872a30.592 30.592 0 0 0 0 42.752 29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"
   }, null, -1);
   function render$2d(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createBlock("svg", _hoisted_1$1L, [
-      _hoisted_2$1n,
-      _hoisted_3$O
+    return vue.openBlock(), vue.createBlock("svg", _hoisted_1$1M, [
+      _hoisted_2$1n
     ]);
   }
 
   script$2l.render = render$2d;
-  script$2l.__file = "packages/components/CircleClose.vue";
+  script$2l.__file = "packages/components/ArrowRight.vue";
 
-  var CircleClose = script$2l;
+  var ArrowRight = script$2l;
 
   var script$2k = vue.defineComponent({
-    name: "ArrowRight"
+    name: "Clock"
   });
 
-  const _hoisted_1$1K = {
+  const _hoisted_1$1L = {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 1024 1024"
   };
   const _hoisted_2$1m = /* @__PURE__ */ vue.createVNode("path", {
     fill: "currentColor",
-    d: "M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512 340.864 831.872a30.592 30.592 0 0 0 0 42.752 29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"
+    d: "M512 896a384 384 0 1 0 0-768 384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896 448 448 0 0 1 0 896z"
+  }, null, -1);
+  const _hoisted_3$N = /* @__PURE__ */ vue.createVNode("path", {
+    fill: "currentColor",
+    d: "M480 256a32 32 0 0 1 32 32v256a32 32 0 0 1-64 0V288a32 32 0 0 1 32-32z"
+  }, null, -1);
+  const _hoisted_4$x = /* @__PURE__ */ vue.createVNode("path", {
+    fill: "currentColor",
+    d: "M480 512h256q32 0 32 32t-32 32H480q-32 0-32-32t32-32z"
   }, null, -1);
   function render$2c(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createBlock("svg", _hoisted_1$1K, [
-      _hoisted_2$1m
+    return vue.openBlock(), vue.createBlock("svg", _hoisted_1$1L, [
+      _hoisted_2$1m,
+      _hoisted_3$N,
+      _hoisted_4$x
     ]);
   }
 
   script$2k.render = render$2c;
-  script$2k.__file = "packages/components/ArrowRight.vue";
+  script$2k.__file = "packages/components/Clock.vue";
 
-  var ArrowRight = script$2k;
+  var Clock = script$2k;
 
   var script$2j = vue.defineComponent({
-    name: "Clock"
+    name: "Close"
   });
 
-  const _hoisted_1$1J = {
+  const _hoisted_1$1K = {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 1024 1024"
   };
   const _hoisted_2$1l = /* @__PURE__ */ vue.createVNode("path", {
     fill: "currentColor",
-    d: "M512 896a384 384 0 1 0 0-768 384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896 448 448 0 0 1 0 896z"
-  }, null, -1);
-  const _hoisted_3$N = /* @__PURE__ */ vue.createVNode("path", {
-    fill: "currentColor",
-    d: "M480 256a32 32 0 0 1 32 32v256a32 32 0 0 1-64 0V288a32 32 0 0 1 32-32z"
-  }, null, -1);
-  const _hoisted_4$x = /* @__PURE__ */ vue.createVNode("path", {
-    fill: "currentColor",
-    d: "M480 512h256q32 0 32 32t-32 32H480q-32 0-32-32t32-32z"
+    d: "M764.288 214.592 512 466.88 259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512 214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"
   }, null, -1);
   function render$2b(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createBlock("svg", _hoisted_1$1J, [
-      _hoisted_2$1l,
-      _hoisted_3$N,
-      _hoisted_4$x
+    return vue.openBlock(), vue.createBlock("svg", _hoisted_1$1K, [
+      _hoisted_2$1l
     ]);
   }
 
   script$2j.render = render$2b;
-  script$2j.__file = "packages/components/Clock.vue";
+  script$2j.__file = "packages/components/Close.vue";
 
-  var Clock = script$2j;
+  var Close = script$2j;
 
   var script$2i = vue.defineComponent({
-    name: "Close"
+    name: "DArrowLeft"
   });
 
-  const _hoisted_1$1I = {
+  const _hoisted_1$1J = {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 1024 1024"
   };
   const _hoisted_2$1k = /* @__PURE__ */ vue.createVNode("path", {
     fill: "currentColor",
-    d: "M764.288 214.592 512 466.88 259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512 214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"
+    d: "M529.408 149.376a29.12 29.12 0 0 1 41.728 0 30.592 30.592 0 0 1 0 42.688L259.264 511.936l311.872 319.936a30.592 30.592 0 0 1-.512 43.264 29.12 29.12 0 0 1-41.216-.512L197.76 534.272a32 32 0 0 1 0-44.672l331.648-340.224zm256 0a29.12 29.12 0 0 1 41.728 0 30.592 30.592 0 0 1 0 42.688L515.264 511.936l311.872 319.936a30.592 30.592 0 0 1-.512 43.264 29.12 29.12 0 0 1-41.216-.512L453.76 534.272a32 32 0 0 1 0-44.672l331.648-340.224z"
   }, null, -1);
   function render$2a(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createBlock("svg", _hoisted_1$1I, [
+    return vue.openBlock(), vue.createBlock("svg", _hoisted_1$1J, [
       _hoisted_2$1k
     ]);
   }
 
   script$2i.render = render$2a;
-  script$2i.__file = "packages/components/Close.vue";
+  script$2i.__file = "packages/components/DArrowLeft.vue";
 
-  var Close = script$2i;
+  var DArrowLeft = script$2i;
 
   var script$2h = vue.defineComponent({
-    name: "DArrowLeft"
+    name: "DArrowRight"
   });
 
-  const _hoisted_1$1H = {
+  const _hoisted_1$1I = {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 1024 1024"
   };
   const _hoisted_2$1j = /* @__PURE__ */ vue.createVNode("path", {
     fill: "currentColor",
-    d: "M529.408 149.376a29.12 29.12 0 0 1 41.728 0 30.592 30.592 0 0 1 0 42.688L259.264 511.936l311.872 319.936a30.592 30.592 0 0 1-.512 43.264 29.12 29.12 0 0 1-41.216-.512L197.76 534.272a32 32 0 0 1 0-44.672l331.648-340.224zm256 0a29.12 29.12 0 0 1 41.728 0 30.592 30.592 0 0 1 0 42.688L515.264 511.936l311.872 319.936a30.592 30.592 0 0 1-.512 43.264 29.12 29.12 0 0 1-41.216-.512L453.76 534.272a32 32 0 0 1 0-44.672l331.648-340.224z"
+    d: "M452.864 149.312a29.12 29.12 0 0 1 41.728.064L826.24 489.664a32 32 0 0 1 0 44.672L494.592 874.624a29.12 29.12 0 0 1-41.728 0 30.592 30.592 0 0 1 0-42.752L764.736 512 452.864 192a30.592 30.592 0 0 1 0-42.688zm-256 0a29.12 29.12 0 0 1 41.728.064L570.24 489.664a32 32 0 0 1 0 44.672L238.592 874.624a29.12 29.12 0 0 1-41.728 0 30.592 30.592 0 0 1 0-42.752L508.736 512 196.864 192a30.592 30.592 0 0 1 0-42.688z"
   }, null, -1);
   function render$29(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createBlock("svg", _hoisted_1$1H, [
+    return vue.openBlock(), vue.createBlock("svg", _hoisted_1$1I, [
       _hoisted_2$1j
     ]);
   }
 
   script$2h.render = render$29;
-  script$2h.__file = "packages/components/DArrowLeft.vue";
+  script$2h.__file = "packages/components/DArrowRight.vue";
 
-  var DArrowLeft = script$2h;
+  var DArrowRight = script$2h;
 
   var script$2g = vue.defineComponent({
-    name: "DArrowRight"
+    name: "Delete"
   });
 
-  const _hoisted_1$1G = {
+  const _hoisted_1$1H = {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 1024 1024"
   };
   const _hoisted_2$1i = /* @__PURE__ */ vue.createVNode("path", {
     fill: "currentColor",
-    d: "M452.864 149.312a29.12 29.12 0 0 1 41.728.064L826.24 489.664a32 32 0 0 1 0 44.672L494.592 874.624a29.12 29.12 0 0 1-41.728 0 30.592 30.592 0 0 1 0-42.752L764.736 512 452.864 192a30.592 30.592 0 0 1 0-42.688zm-256 0a29.12 29.12 0 0 1 41.728.064L570.24 489.664a32 32 0 0 1 0 44.672L238.592 874.624a29.12 29.12 0 0 1-41.728 0 30.592 30.592 0 0 1 0-42.752L508.736 512 196.864 192a30.592 30.592 0 0 1 0-42.688z"
+    d: "M160 256H96a32 32 0 0 1 0-64h256V95.936a32 32 0 0 1 32-32h256a32 32 0 0 1 32 32V192h256a32 32 0 1 1 0 64h-64v672a32 32 0 0 1-32 32H192a32 32 0 0 1-32-32V256zm448-64v-64H416v64h192zM224 896h576V256H224v640zm192-128a32 32 0 0 1-32-32V416a32 32 0 0 1 64 0v320a32 32 0 0 1-32 32zm192 0a32 32 0 0 1-32-32V416a32 32 0 0 1 64 0v320a32 32 0 0 1-32 32z"
   }, null, -1);
   function render$28(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createBlock("svg", _hoisted_1$1G, [
+    return vue.openBlock(), vue.createBlock("svg", _hoisted_1$1H, [
       _hoisted_2$1i
     ]);
   }
 
   script$2g.render = render$28;
-  script$2g.__file = "packages/components/DArrowRight.vue";
+  script$2g.__file = "packages/components/Delete.vue";
 
-  var DArrowRight = script$2g;
+  var Delete = script$2g;
 
   var script$2f = vue.defineComponent({
-    name: "Delete"
+    name: "Document"
   });
 
-  const _hoisted_1$1F = {
+  const _hoisted_1$1G = {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 1024 1024"
   };
   const _hoisted_2$1h = /* @__PURE__ */ vue.createVNode("path", {
     fill: "currentColor",
-    d: "M160 256H96a32 32 0 0 1 0-64h256V95.936a32 32 0 0 1 32-32h256a32 32 0 0 1 32 32V192h256a32 32 0 1 1 0 64h-64v672a32 32 0 0 1-32 32H192a32 32 0 0 1-32-32V256zm448-64v-64H416v64h192zM224 896h576V256H224v640zm192-128a32 32 0 0 1-32-32V416a32 32 0 0 1 64 0v320a32 32 0 0 1-32 32zm192 0a32 32 0 0 1-32-32V416a32 32 0 0 1 64 0v320a32 32 0 0 1-32 32z"
+    d: "M832 384H576V128H192v768h640V384zm-26.496-64L640 154.496V320h165.504zM160 64h480l256 256v608a32 32 0 0 1-32 32H160a32 32 0 0 1-32-32V96a32 32 0 0 1 32-32zm160 448h384v64H320v-64zm0-192h160v64H320v-64zm0 384h384v64H320v-64z"
   }, null, -1);
   function render$27(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createBlock("svg", _hoisted_1$1F, [
+    return vue.openBlock(), vue.createBlock("svg", _hoisted_1$1G, [
       _hoisted_2$1h
     ]);
   }
 
   script$2f.render = render$27;
-  script$2f.__file = "packages/components/Delete.vue";
+  script$2f.__file = "packages/components/Document.vue";
 
-  var Delete = script$2f;
+  var Document = script$2f;
 
   var script$2e = vue.defineComponent({
-    name: "Document"
+    name: "FullScreen"
   });
 
-  const _hoisted_1$1E = {
+  const _hoisted_1$1F = {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 1024 1024"
   };
   const _hoisted_2$1g = /* @__PURE__ */ vue.createVNode("path", {
     fill: "currentColor",
-    d: "M832 384H576V128H192v768h640V384zm-26.496-64L640 154.496V320h165.504zM160 64h480l256 256v608a32 32 0 0 1-32 32H160a32 32 0 0 1-32-32V96a32 32 0 0 1 32-32zm160 448h384v64H320v-64zm0-192h160v64H320v-64zm0 384h384v64H320v-64z"
+    d: "m160 96.064 192 .192a32 32 0 0 1 0 64l-192-.192V352a32 32 0 0 1-64 0V96h64v.064zm0 831.872V928H96V672a32 32 0 1 1 64 0v191.936l192-.192a32 32 0 1 1 0 64l-192 .192zM864 96.064V96h64v256a32 32 0 1 1-64 0V160.064l-192 .192a32 32 0 1 1 0-64l192-.192zm0 831.872-192-.192a32 32 0 0 1 0-64l192 .192V672a32 32 0 1 1 64 0v256h-64v-.064z"
   }, null, -1);
   function render$26(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createBlock("svg", _hoisted_1$1E, [
+    return vue.openBlock(), vue.createBlock("svg", _hoisted_1$1F, [
       _hoisted_2$1g
     ]);
   }
 
   script$2e.render = render$26;
-  script$2e.__file = "packages/components/Document.vue";
+  script$2e.__file = "packages/components/FullScreen.vue";
 
-  var Document = script$2e;
+  var FullScreen = script$2e;
 
   var script$2d = vue.defineComponent({
-    name: "FullScreen"
+    name: "InfoFilled"
   });
 
-  const _hoisted_1$1D = {
+  const _hoisted_1$1E = {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 1024 1024"
   };
   const _hoisted_2$1f = /* @__PURE__ */ vue.createVNode("path", {
     fill: "currentColor",
-    d: "m160 96.064 192 .192a32 32 0 0 1 0 64l-192-.192V352a32 32 0 0 1-64 0V96h64v.064zm0 831.872V928H96V672a32 32 0 1 1 64 0v191.936l192-.192a32 32 0 1 1 0 64l-192 .192zM864 96.064V96h64v256a32 32 0 1 1-64 0V160.064l-192 .192a32 32 0 1 1 0-64l192-.192zm0 831.872-192-.192a32 32 0 0 1 0-64l192 .192V672a32 32 0 1 1 64 0v256h-64v-.064z"
+    d: "M512 64a448 448 0 1 1 0 896.064A448 448 0 0 1 512 64zm67.2 275.072c33.28 0 60.288-23.104 60.288-57.344s-27.072-57.344-60.288-57.344c-33.28 0-60.16 23.104-60.16 57.344s26.88 57.344 60.16 57.344zM590.912 699.2c0-6.848 2.368-24.64 1.024-34.752l-52.608 60.544c-10.88 11.456-24.512 19.392-30.912 17.28a12.992 12.992 0 0 1-8.256-14.72l87.68-276.992c7.168-35.136-12.544-67.2-54.336-71.296-44.096 0-108.992 44.736-148.48 101.504 0 6.784-1.28 23.68.064 33.792l52.544-60.608c10.88-11.328 23.552-19.328 29.952-17.152a12.8 12.8 0 0 1 7.808 16.128L388.48 728.576c-10.048 32.256 8.96 63.872 55.04 71.04 67.84 0 107.904-43.648 147.456-100.416z"
   }, null, -1);
   function render$25(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createBlock("svg", _hoisted_1$1D, [
+    return vue.openBlock(), vue.createBlock("svg", _hoisted_1$1E, [
       _hoisted_2$1f
     ]);
   }
 
   script$2d.render = render$25;
-  script$2d.__file = "packages/components/FullScreen.vue";
+  script$2d.__file = "packages/components/InfoFilled.vue";
 
-  var FullScreen = script$2d;
+  var InfoFilled = script$2d;
 
   var script$2c = vue.defineComponent({
-    name: "InfoFilled"
+    name: "Loading"
   });
 
-  const _hoisted_1$1C = {
+  const _hoisted_1$1D = {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 1024 1024"
   };
   const _hoisted_2$1e = /* @__PURE__ */ vue.createVNode("path", {
     fill: "currentColor",
-    d: "M512 64a448 448 0 1 1 0 896.064A448 448 0 0 1 512 64zm67.2 275.072c33.28 0 60.288-23.104 60.288-57.344s-27.072-57.344-60.288-57.344c-33.28 0-60.16 23.104-60.16 57.344s26.88 57.344 60.16 57.344zM590.912 699.2c0-6.848 2.368-24.64 1.024-34.752l-52.608 60.544c-10.88 11.456-24.512 19.392-30.912 17.28a12.992 12.992 0 0 1-8.256-14.72l87.68-276.992c7.168-35.136-12.544-67.2-54.336-71.296-44.096 0-108.992 44.736-148.48 101.504 0 6.784-1.28 23.68.064 33.792l52.544-60.608c10.88-11.328 23.552-19.328 29.952-17.152a12.8 12.8 0 0 1 7.808 16.128L388.48 728.576c-10.048 32.256 8.96 63.872 55.04 71.04 67.84 0 107.904-43.648 147.456-100.416z"
+    d: "M512 64a32 32 0 0 1 32 32v192a32 32 0 0 1-64 0V96a32 32 0 0 1 32-32zm0 640a32 32 0 0 1 32 32v192a32 32 0 1 1-64 0V736a32 32 0 0 1 32-32zm448-192a32 32 0 0 1-32 32H736a32 32 0 1 1 0-64h192a32 32 0 0 1 32 32zm-640 0a32 32 0 0 1-32 32H96a32 32 0 0 1 0-64h192a32 32 0 0 1 32 32zM195.2 195.2a32 32 0 0 1 45.248 0L376.32 331.008a32 32 0 0 1-45.248 45.248L195.2 240.448a32 32 0 0 1 0-45.248zm452.544 452.544a32 32 0 0 1 45.248 0L828.8 783.552a32 32 0 0 1-45.248 45.248L647.744 692.992a32 32 0 0 1 0-45.248zM828.8 195.264a32 32 0 0 1 0 45.184L692.992 376.32a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0zm-452.544 452.48a32 32 0 0 1 0 45.248L240.448 828.8a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0z"
   }, null, -1);
   function render$24(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createBlock("svg", _hoisted_1$1C, [
+    return vue.openBlock(), vue.createBlock("svg", _hoisted_1$1D, [
       _hoisted_2$1e
     ]);
   }
 
   script$2c.render = render$24;
-  script$2c.__file = "packages/components/InfoFilled.vue";
+  script$2c.__file = "packages/components/Loading.vue";
 
-  var InfoFilled = script$2c;
+  var Loading$2 = script$2c;
 
   var script$2b = vue.defineComponent({
-    name: "Loading"
+    name: "Minus"
   });
 
-  const _hoisted_1$1B = {
+  const _hoisted_1$1C = {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 1024 1024"
   };
   const _hoisted_2$1d = /* @__PURE__ */ vue.createVNode("path", {
     fill: "currentColor",
-    d: "M512 64a32 32 0 0 1 32 32v192a32 32 0 0 1-64 0V96a32 32 0 0 1 32-32zm0 640a32 32 0 0 1 32 32v192a32 32 0 1 1-64 0V736a32 32 0 0 1 32-32zm448-192a32 32 0 0 1-32 32H736a32 32 0 1 1 0-64h192a32 32 0 0 1 32 32zm-640 0a32 32 0 0 1-32 32H96a32 32 0 0 1 0-64h192a32 32 0 0 1 32 32zM195.2 195.2a32 32 0 0 1 45.248 0L376.32 331.008a32 32 0 0 1-45.248 45.248L195.2 240.448a32 32 0 0 1 0-45.248zm452.544 452.544a32 32 0 0 1 45.248 0L828.8 783.552a32 32 0 0 1-45.248 45.248L647.744 692.992a32 32 0 0 1 0-45.248zM828.8 195.264a32 32 0 0 1 0 45.184L692.992 376.32a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0zm-452.544 452.48a32 32 0 0 1 0 45.248L240.448 828.8a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0z"
+    d: "M128 544h768a32 32 0 1 0 0-64H128a32 32 0 0 0 0 64z"
   }, null, -1);
   function render$23(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createBlock("svg", _hoisted_1$1B, [
+    return vue.openBlock(), vue.createBlock("svg", _hoisted_1$1C, [
       _hoisted_2$1d
     ]);
   }
 
   script$2b.render = render$23;
-  script$2b.__file = "packages/components/Loading.vue";
+  script$2b.__file = "packages/components/Minus.vue";
 
-  var Loading$2 = script$2b;
+  var Minus = script$2b;
 
   var script$2a = vue.defineComponent({
-    name: "Minus"
+    name: "More"
   });
 
-  const _hoisted_1$1A = {
+  const _hoisted_1$1B = {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 1024 1024"
   };
   const _hoisted_2$1c = /* @__PURE__ */ vue.createVNode("path", {
     fill: "currentColor",
-    d: "M128 544h768a32 32 0 1 0 0-64H128a32 32 0 0 0 0 64z"
+    d: "M176 416a112 112 0 1 0 0 224 112 112 0 0 0 0-224m0 64a48 48 0 1 1 0 96 48 48 0 0 1 0-96zm336-64a112 112 0 1 1 0 224 112 112 0 0 1 0-224zm0 64a48 48 0 1 0 0 96 48 48 0 0 0 0-96zm336-64a112 112 0 1 1 0 224 112 112 0 0 1 0-224zm0 64a48 48 0 1 0 0 96 48 48 0 0 0 0-96z"
   }, null, -1);
   function render$22(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createBlock("svg", _hoisted_1$1A, [
+    return vue.openBlock(), vue.createBlock("svg", _hoisted_1$1B, [
       _hoisted_2$1c
     ]);
   }
 
   script$2a.render = render$22;
-  script$2a.__file = "packages/components/Minus.vue";
+  script$2a.__file = "packages/components/More.vue";
 
-  var Minus = script$2a;
+  var More = script$2a;
 
   var script$29 = vue.defineComponent({
-    name: "More"
+    name: "MoreFilled"
   });
 
-  const _hoisted_1$1z = {
+  const _hoisted_1$1A = {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 1024 1024"
   };
   const _hoisted_2$1b = /* @__PURE__ */ vue.createVNode("path", {
     fill: "currentColor",
-    d: "M176 416a112 112 0 1 0 0 224 112 112 0 0 0 0-224m0 64a48 48 0 1 1 0 96 48 48 0 0 1 0-96zm336-64a112 112 0 1 1 0 224 112 112 0 0 1 0-224zm0 64a48 48 0 1 0 0 96 48 48 0 0 0 0-96zm336-64a112 112 0 1 1 0 224 112 112 0 0 1 0-224zm0 64a48 48 0 1 0 0 96 48 48 0 0 0 0-96z"
+    d: "M176 416a112 112 0 1 1 0 224 112 112 0 0 1 0-224zm336 0a112 112 0 1 1 0 224 112 112 0 0 1 0-224zm336 0a112 112 0 1 1 0 224 112 112 0 0 1 0-224z"
   }, null, -1);
   function render$21(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createBlock("svg", _hoisted_1$1z, [
+    return vue.openBlock(), vue.createBlock("svg", _hoisted_1$1A, [
       _hoisted_2$1b
     ]);
   }
 
   script$29.render = render$21;
-  script$29.__file = "packages/components/More.vue";
+  script$29.__file = "packages/components/MoreFilled.vue";
 
-  var More = script$29;
+  var MoreFilled = script$29;
 
   var script$28 = vue.defineComponent({
-    name: "MoreFilled"
+    name: "Plus"
   });
 
-  const _hoisted_1$1y = {
+  const _hoisted_1$1z = {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 1024 1024"
   };
   const _hoisted_2$1a = /* @__PURE__ */ vue.createVNode("path", {
     fill: "currentColor",
-    d: "M176 416a112 112 0 1 1 0 224 112 112 0 0 1 0-224zm336 0a112 112 0 1 1 0 224 112 112 0 0 1 0-224zm336 0a112 112 0 1 1 0 224 112 112 0 0 1 0-224z"
+    d: "M480 480V128a32 32 0 0 1 64 0v352h352a32 32 0 1 1 0 64H544v352a32 32 0 1 1-64 0V544H128a32 32 0 0 1 0-64h352z"
   }, null, -1);
   function render$20(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createBlock("svg", _hoisted_1$1y, [
+    return vue.openBlock(), vue.createBlock("svg", _hoisted_1$1z, [
       _hoisted_2$1a
     ]);
   }
 
   script$28.render = render$20;
-  script$28.__file = "packages/components/MoreFilled.vue";
+  script$28.__file = "packages/components/Plus.vue";
 
-  var MoreFilled = script$28;
+  var Plus = script$28;
 
   var script$27 = vue.defineComponent({
-    name: "Plus"
+    name: "QuestionFilled"
   });
 
-  const _hoisted_1$1x = {
+  const _hoisted_1$1y = {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 1024 1024"
   };
   const _hoisted_2$19 = /* @__PURE__ */ vue.createVNode("path", {
     fill: "currentColor",
-    d: "M480 480V128a32 32 0 0 1 64 0v352h352a32 32 0 1 1 0 64H544v352a32 32 0 1 1-64 0V544H128a32 32 0 0 1 0-64h352z"
+    d: "M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896zm23.744 191.488c-52.096 0-92.928 14.784-123.2 44.352-30.976 29.568-45.76 70.4-45.76 122.496h80.256c0-29.568 5.632-52.8 17.6-68.992 13.376-19.712 35.2-28.864 66.176-28.864 23.936 0 42.944 6.336 56.32 19.712 12.672 13.376 19.712 31.68 19.712 54.912 0 17.6-6.336 34.496-19.008 49.984l-8.448 9.856c-45.76 40.832-73.216 70.4-82.368 89.408-9.856 19.008-14.08 42.24-14.08 68.992v9.856h80.96v-9.856c0-16.896 3.52-31.68 10.56-45.76 6.336-12.672 15.488-24.64 28.16-35.2 33.792-29.568 54.208-48.576 60.544-55.616 16.896-22.528 26.048-51.392 26.048-86.592 0-42.944-14.08-76.736-42.24-101.376-28.16-25.344-65.472-37.312-111.232-37.312zm-12.672 406.208a54.272 54.272 0 0 0-38.72 14.784 49.408 49.408 0 0 0-15.488 38.016c0 15.488 4.928 28.16 15.488 38.016A54.848 54.848 0 0 0 523.072 768c15.488 0 28.16-4.928 38.72-14.784a51.52 51.52 0 0 0 16.192-38.72 51.968 51.968 0 0 0-15.488-38.016 55.936 55.936 0 0 0-39.424-14.784z"
   }, null, -1);
   function render$1$(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createBlock("svg", _hoisted_1$1x, [
+    return vue.openBlock(), vue.createBlock("svg", _hoisted_1$1y, [
       _hoisted_2$19
     ]);
   }
 
   script$27.render = render$1$;
-  script$27.__file = "packages/components/Plus.vue";
+  script$27.__file = "packages/components/QuestionFilled.vue";
 
-  var Plus = script$27;
+  var QuestionFilled = script$27;
 
   var script$26 = vue.defineComponent({
-    name: "QuestionFilled"
+    name: "RefreshRight"
   });
 
-  const _hoisted_1$1w = {
+  const _hoisted_1$1x = {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 1024 1024"
   };
   const _hoisted_2$18 = /* @__PURE__ */ vue.createVNode("path", {
     fill: "currentColor",
-    d: "M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896zm23.744 191.488c-52.096 0-92.928 14.784-123.2 44.352-30.976 29.568-45.76 70.4-45.76 122.496h80.256c0-29.568 5.632-52.8 17.6-68.992 13.376-19.712 35.2-28.864 66.176-28.864 23.936 0 42.944 6.336 56.32 19.712 12.672 13.376 19.712 31.68 19.712 54.912 0 17.6-6.336 34.496-19.008 49.984l-8.448 9.856c-45.76 40.832-73.216 70.4-82.368 89.408-9.856 19.008-14.08 42.24-14.08 68.992v9.856h80.96v-9.856c0-16.896 3.52-31.68 10.56-45.76 6.336-12.672 15.488-24.64 28.16-35.2 33.792-29.568 54.208-48.576 60.544-55.616 16.896-22.528 26.048-51.392 26.048-86.592 0-42.944-14.08-76.736-42.24-101.376-28.16-25.344-65.472-37.312-111.232-37.312zm-12.672 406.208a54.272 54.272 0 0 0-38.72 14.784 49.408 49.408 0 0 0-15.488 38.016c0 15.488 4.928 28.16 15.488 38.016A54.848 54.848 0 0 0 523.072 768c15.488 0 28.16-4.928 38.72-14.784a51.52 51.52 0 0 0 16.192-38.72 51.968 51.968 0 0 0-15.488-38.016 55.936 55.936 0 0 0-39.424-14.784z"
+    d: "M784.512 230.272v-50.56a32 32 0 1 1 64 0v149.056a32 32 0 0 1-32 32H667.52a32 32 0 1 1 0-64h92.992A320 320 0 1 0 524.8 833.152a320 320 0 0 0 320-320h64a384 384 0 0 1-384 384 384 384 0 0 1-384-384 384 384 0 0 1 643.712-282.88z"
   }, null, -1);
   function render$1_(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createBlock("svg", _hoisted_1$1w, [
+    return vue.openBlock(), vue.createBlock("svg", _hoisted_1$1x, [
       _hoisted_2$18
     ]);
   }
 
   script$26.render = render$1_;
-  script$26.__file = "packages/components/QuestionFilled.vue";
+  script$26.__file = "packages/components/RefreshRight.vue";
 
-  var QuestionFilled = script$26;
+  var RefreshRight = script$26;
 
   var script$25 = vue.defineComponent({
-    name: "RefreshRight"
+    name: "RefreshLeft"
   });
 
-  const _hoisted_1$1v = {
+  const _hoisted_1$1w = {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 1024 1024"
   };
   const _hoisted_2$17 = /* @__PURE__ */ vue.createVNode("path", {
     fill: "currentColor",
-    d: "M784.512 230.272v-50.56a32 32 0 1 1 64 0v149.056a32 32 0 0 1-32 32H667.52a32 32 0 1 1 0-64h92.992A320 320 0 1 0 524.8 833.152a320 320 0 0 0 320-320h64a384 384 0 0 1-384 384 384 384 0 0 1-384-384 384 384 0 0 1 643.712-282.88z"
+    d: "M289.088 296.704h92.992a32 32 0 0 1 0 64H232.96a32 32 0 0 1-32-32V179.712a32 32 0 0 1 64 0v50.56a384 384 0 0 1 643.84 282.88 384 384 0 0 1-383.936 384 384 384 0 0 1-384-384h64a320 320 0 1 0 640 0 320 320 0 0 0-555.712-216.448z"
   }, null, -1);
   function render$1Z(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createBlock("svg", _hoisted_1$1v, [
+    return vue.openBlock(), vue.createBlock("svg", _hoisted_1$1w, [
       _hoisted_2$17
     ]);
   }
 
   script$25.render = render$1Z;
-  script$25.__file = "packages/components/RefreshRight.vue";
+  script$25.__file = "packages/components/RefreshLeft.vue";
 
-  var RefreshRight = script$25;
+  var RefreshLeft = script$25;
 
   var script$24 = vue.defineComponent({
-    name: "RefreshLeft"
+    name: "ScaleToOriginal"
   });
 
-  const _hoisted_1$1u = {
+  const _hoisted_1$1v = {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 1024 1024"
   };
   const _hoisted_2$16 = /* @__PURE__ */ vue.createVNode("path", {
     fill: "currentColor",
-    d: "M289.088 296.704h92.992a32 32 0 0 1 0 64H232.96a32 32 0 0 1-32-32V179.712a32 32 0 0 1 64 0v50.56a384 384 0 0 1 643.84 282.88 384 384 0 0 1-383.936 384 384 384 0 0 1-384-384h64a320 320 0 1 0 640 0 320 320 0 0 0-555.712-216.448z"
+    d: "M813.176 180.706a60.235 60.235 0 0 1 60.236 60.235v481.883a60.235 60.235 0 0 1-60.236 60.235H210.824a60.235 60.235 0 0 1-60.236-60.235V240.94a60.235 60.235 0 0 1 60.236-60.235h602.352zm0-60.235H210.824A120.47 120.47 0 0 0 90.353 240.94v481.883a120.47 120.47 0 0 0 120.47 120.47h602.353a120.47 120.47 0 0 0 120.471-120.47V240.94a120.47 120.47 0 0 0-120.47-120.47zm-120.47 180.705a30.118 30.118 0 0 0-30.118 30.118v301.177a30.118 30.118 0 0 0 60.236 0V331.294a30.118 30.118 0 0 0-30.118-30.118zm-361.412 0a30.118 30.118 0 0 0-30.118 30.118v301.177a30.118 30.118 0 1 0 60.236 0V331.294a30.118 30.118 0 0 0-30.118-30.118zM512 361.412a30.118 30.118 0 0 0-30.118 30.117v30.118a30.118 30.118 0 0 0 60.236 0V391.53A30.118 30.118 0 0 0 512 361.412zM512 512a30.118 30.118 0 0 0-30.118 30.118v30.117a30.118 30.118 0 0 0 60.236 0v-30.117A30.118 30.118 0 0 0 512 512z"
   }, null, -1);
   function render$1Y(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createBlock("svg", _hoisted_1$1u, [
+    return vue.openBlock(), vue.createBlock("svg", _hoisted_1$1v, [
       _hoisted_2$16
     ]);
   }
 
   script$24.render = render$1Y;
-  script$24.__file = "packages/components/RefreshLeft.vue";
+  script$24.__file = "packages/components/ScaleToOriginal.vue";
 
-  var RefreshLeft = script$24;
+  var ScaleToOriginal = script$24;
 
   var script$23 = vue.defineComponent({
-    name: "ScaleToOriginal"
+    name: "Search"
   });
 
-  const _hoisted_1$1t = {
+  const _hoisted_1$1u = {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 1024 1024"
   };
   const _hoisted_2$15 = /* @__PURE__ */ vue.createVNode("path", {
     fill: "currentColor",
-    d: "M813.176 180.706a60.235 60.235 0 0 1 60.236 60.235v481.883a60.235 60.235 0 0 1-60.236 60.235H210.824a60.235 60.235 0 0 1-60.236-60.235V240.94a60.235 60.235 0 0 1 60.236-60.235h602.352zm0-60.235H210.824A120.47 120.47 0 0 0 90.353 240.94v481.883a120.47 120.47 0 0 0 120.47 120.47h602.353a120.47 120.47 0 0 0 120.471-120.47V240.94a120.47 120.47 0 0 0-120.47-120.47zm-120.47 180.705a30.118 30.118 0 0 0-30.118 30.118v301.177a30.118 30.118 0 0 0 60.236 0V331.294a30.118 30.118 0 0 0-30.118-30.118zm-361.412 0a30.118 30.118 0 0 0-30.118 30.118v301.177a30.118 30.118 0 1 0 60.236 0V331.294a30.118 30.118 0 0 0-30.118-30.118zM512 361.412a30.118 30.118 0 0 0-30.118 30.117v30.118a30.118 30.118 0 0 0 60.236 0V391.53A30.118 30.118 0 0 0 512 361.412zM512 512a30.118 30.118 0 0 0-30.118 30.118v30.117a30.118 30.118 0 0 0 60.236 0v-30.117A30.118 30.118 0 0 0 512 512z"
+    d: "m795.904 750.72 124.992 124.928a32 32 0 0 1-45.248 45.248L750.656 795.904a416 416 0 1 1 45.248-45.248zM480 832a352 352 0 1 0 0-704 352 352 0 0 0 0 704z"
   }, null, -1);
   function render$1X(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createBlock("svg", _hoisted_1$1t, [
+    return vue.openBlock(), vue.createBlock("svg", _hoisted_1$1u, [
       _hoisted_2$15
     ]);
   }
 
   script$23.render = render$1X;
-  script$23.__file = "packages/components/ScaleToOriginal.vue";
+  script$23.__file = "packages/components/Search.vue";
 
-  var ScaleToOriginal = script$23;
+  var Search = script$23;
 
   var script$22 = vue.defineComponent({
-    name: "Search"
+    name: "Star"
   });
 
-  const _hoisted_1$1s = {
+  const _hoisted_1$1t = {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 1024 1024"
   };
   const _hoisted_2$14 = /* @__PURE__ */ vue.createVNode("path", {
     fill: "currentColor",
-    d: "m795.904 750.72 124.992 124.928a32 32 0 0 1-45.248 45.248L750.656 795.904a416 416 0 1 1 45.248-45.248zM480 832a352 352 0 1 0 0-704 352 352 0 0 0 0 704z"
+    d: "m512 747.84 228.16 119.936a6.4 6.4 0 0 0 9.28-6.72l-43.52-254.08 184.512-179.904a6.4 6.4 0 0 0-3.52-10.88l-255.104-37.12L517.76 147.904a6.4 6.4 0 0 0-11.52 0L392.192 379.072l-255.104 37.12a6.4 6.4 0 0 0-3.52 10.88L318.08 606.976l-43.584 254.08a6.4 6.4 0 0 0 9.28 6.72L512 747.84zM313.6 924.48a70.4 70.4 0 0 1-102.144-74.24l37.888-220.928L88.96 472.96A70.4 70.4 0 0 1 128 352.896l221.76-32.256 99.2-200.96a70.4 70.4 0 0 1 126.208 0l99.2 200.96 221.824 32.256a70.4 70.4 0 0 1 39.04 120.064L774.72 629.376l37.888 220.928a70.4 70.4 0 0 1-102.144 74.24L512 820.096l-198.4 104.32z"
   }, null, -1);
   function render$1W(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createBlock("svg", _hoisted_1$1s, [
+    return vue.openBlock(), vue.createBlock("svg", _hoisted_1$1t, [
       _hoisted_2$14
     ]);
   }
 
   script$22.render = render$1W;
-  script$22.__file = "packages/components/Search.vue";
+  script$22.__file = "packages/components/Star.vue";
 
-  var Search = script$22;
+  var Star = script$22;
 
   var script$21 = vue.defineComponent({
-    name: "Star"
+    name: "StarFilled"
   });
 
-  const _hoisted_1$1r = {
+  const _hoisted_1$1s = {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 1024 1024"
   };
   const _hoisted_2$13 = /* @__PURE__ */ vue.createVNode("path", {
     fill: "currentColor",
-    d: "m512 747.84 228.16 119.936a6.4 6.4 0 0 0 9.28-6.72l-43.52-254.08 184.512-179.904a6.4 6.4 0 0 0-3.52-10.88l-255.104-37.12L517.76 147.904a6.4 6.4 0 0 0-11.52 0L392.192 379.072l-255.104 37.12a6.4 6.4 0 0 0-3.52 10.88L318.08 606.976l-43.584 254.08a6.4 6.4 0 0 0 9.28 6.72L512 747.84zM313.6 924.48a70.4 70.4 0 0 1-102.144-74.24l37.888-220.928L88.96 472.96A70.4 70.4 0 0 1 128 352.896l221.76-32.256 99.2-200.96a70.4 70.4 0 0 1 126.208 0l99.2 200.96 221.824 32.256a70.4 70.4 0 0 1 39.04 120.064L774.72 629.376l37.888 220.928a70.4 70.4 0 0 1-102.144 74.24L512 820.096l-198.4 104.32z"
+    d: "M283.84 867.84 512 747.776l228.16 119.936a6.4 6.4 0 0 0 9.28-6.72l-43.52-254.08 184.512-179.904a6.4 6.4 0 0 0-3.52-10.88l-255.104-37.12L517.76 147.904a6.4 6.4 0 0 0-11.52 0L392.192 379.072l-255.104 37.12a6.4 6.4 0 0 0-3.52 10.88L318.08 606.976l-43.584 254.08a6.4 6.4 0 0 0 9.28 6.72z"
   }, null, -1);
   function render$1V(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createBlock("svg", _hoisted_1$1r, [
+    return vue.openBlock(), vue.createBlock("svg", _hoisted_1$1s, [
       _hoisted_2$13
     ]);
   }
 
   script$21.render = render$1V;
-  script$21.__file = "packages/components/Star.vue";
+  script$21.__file = "packages/components/StarFilled.vue";
 
-  var Star = script$21;
+  var StarFilled = script$21;
 
   var script$20 = vue.defineComponent({
-    name: "StarFilled"
+    name: "SuccessFilled"
   });
 
-  const _hoisted_1$1q = {
+  const _hoisted_1$1r = {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 1024 1024"
   };
   const _hoisted_2$12 = /* @__PURE__ */ vue.createVNode("path", {
     fill: "currentColor",
-    d: "M283.84 867.84 512 747.776l228.16 119.936a6.4 6.4 0 0 0 9.28-6.72l-43.52-254.08 184.512-179.904a6.4 6.4 0 0 0-3.52-10.88l-255.104-37.12L517.76 147.904a6.4 6.4 0 0 0-11.52 0L392.192 379.072l-255.104 37.12a6.4 6.4 0 0 0-3.52 10.88L318.08 606.976l-43.584 254.08a6.4 6.4 0 0 0 9.28 6.72z"
+    d: "M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896zm-55.808 536.384-99.52-99.584a38.4 38.4 0 1 0-54.336 54.336l126.72 126.72a38.272 38.272 0 0 0 54.336 0l262.4-262.464a38.4 38.4 0 1 0-54.272-54.336L456.192 600.384z"
   }, null, -1);
   function render$1U(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createBlock("svg", _hoisted_1$1q, [
+    return vue.openBlock(), vue.createBlock("svg", _hoisted_1$1r, [
       _hoisted_2$12
     ]);
   }
 
   script$20.render = render$1U;
-  script$20.__file = "packages/components/StarFilled.vue";
+  script$20.__file = "packages/components/SuccessFilled.vue";
 
-  var StarFilled = script$20;
+  var SuccessFilled = script$20;
 
   var script$1$ = vue.defineComponent({
-    name: "SuccessFilled"
+    name: "View"
   });
 
-  const _hoisted_1$1p = {
+  const _hoisted_1$1q = {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 1024 1024"
   };
   const _hoisted_2$11 = /* @__PURE__ */ vue.createVNode("path", {
     fill: "currentColor",
-    d: "M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896zm-55.808 536.384-99.52-99.584a38.4 38.4 0 1 0-54.336 54.336l126.72 126.72a38.272 38.272 0 0 0 54.336 0l262.4-262.464a38.4 38.4 0 1 0-54.272-54.336L456.192 600.384z"
+    d: "M512 160c320 0 512 352 512 352S832 864 512 864 0 512 0 512s192-352 512-352zm0 64c-225.28 0-384.128 208.064-436.8 288 52.608 79.872 211.456 288 436.8 288 225.28 0 384.128-208.064 436.8-288-52.608-79.872-211.456-288-436.8-288zm0 64a224 224 0 1 1 0 448 224 224 0 0 1 0-448zm0 64a160.192 160.192 0 0 0-160 160c0 88.192 71.744 160 160 160s160-71.808 160-160-71.744-160-160-160z"
   }, null, -1);
   function render$1T(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createBlock("svg", _hoisted_1$1p, [
+    return vue.openBlock(), vue.createBlock("svg", _hoisted_1$1q, [
       _hoisted_2$11
     ]);
   }
 
   script$1$.render = render$1T;
-  script$1$.__file = "packages/components/SuccessFilled.vue";
+  script$1$.__file = "packages/components/View.vue";
 
-  var SuccessFilled = script$1$;
+  var IconView = script$1$;
 
   var script$1_ = vue.defineComponent({
     name: "WarningFilled"
   });
 
-  const _hoisted_1$1o = {
+  const _hoisted_1$1p = {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 1024 1024"
   };
@@ -7343,7 +7379,7 @@
     d: "M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896zm0 192a58.432 58.432 0 0 0-58.24 63.744l23.36 256.384a35.072 35.072 0 0 0 69.76 0l23.296-256.384A58.432 58.432 0 0 0 512 256zm0 512a51.2 51.2 0 1 0 0-102.4 51.2 51.2 0 0 0 0 102.4z"
   }, null, -1);
   function render$1S(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createBlock("svg", _hoisted_1$1o, [
+    return vue.openBlock(), vue.createBlock("svg", _hoisted_1$1p, [
       _hoisted_2$10
     ]);
   }
@@ -7357,7 +7393,7 @@
     name: "ZoomIn"
   });
 
-  const _hoisted_1$1n = {
+  const _hoisted_1$1o = {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 1024 1024"
   };
@@ -7366,7 +7402,7 @@
     d: "m795.904 750.72 124.992 124.928a32 32 0 0 1-45.248 45.248L750.656 795.904a416 416 0 1 1 45.248-45.248zM480 832a352 352 0 1 0 0-704 352 352 0 0 0 0 704zm-32-384v-96a32 32 0 0 1 64 0v96h96a32 32 0 0 1 0 64h-96v96a32 32 0 0 1-64 0v-96h-96a32 32 0 0 1 0-64h96z"
   }, null, -1);
   function render$1R(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createBlock("svg", _hoisted_1$1n, [
+    return vue.openBlock(), vue.createBlock("svg", _hoisted_1$1o, [
       _hoisted_2$$
     ]);
   }
@@ -7380,7 +7416,7 @@
     name: "ZoomOut"
   });
 
-  const _hoisted_1$1m = {
+  const _hoisted_1$1n = {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 1024 1024"
   };
@@ -7389,7 +7425,7 @@
     d: "m795.904 750.72 124.992 124.928a32 32 0 0 1-45.248 45.248L750.656 795.904a416 416 0 1 1 45.248-45.248zM480 832a352 352 0 1 0 0-704 352 352 0 0 0 0 704zM352 448h256a32 32 0 0 1 0 64H352a32 32 0 0 1 0-64z"
   }, null, -1);
   function render$1Q(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createBlock("svg", _hoisted_1$1m, [
+    return vue.openBlock(), vue.createBlock("svg", _hoisted_1$1n, [
       _hoisted_2$_
     ]);
   }
@@ -7484,7 +7520,7 @@
     }
   });
 
-  const _hoisted_1$1l = { class: "el-alert__content" };
+  const _hoisted_1$1m = { class: "el-alert__content" };
   const _hoisted_2$Z = {
     key: 1,
     class: "el-alert__description"
@@ -7498,7 +7534,7 @@
           class: vue.normalizeClass(["el-alert", [_ctx.typeClass, _ctx.center ? "is-center" : "", "is-" + _ctx.effect]]),
           role: "alert"
         }, [
-          _ctx.showIcon ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
+          _ctx.showIcon && _ctx.iconComponent ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
             key: 0,
             class: vue.normalizeClass(["el-alert__icon", _ctx.isBigIcon])
           }, {
@@ -7507,7 +7543,7 @@
             ]),
             _: 1
           }, 8, ["class"])) : vue.createCommentVNode("v-if", true),
-          vue.createElementVNode("div", _hoisted_1$1l, [
+          vue.createElementVNode("div", _hoisted_1$1m, [
             _ctx.title || _ctx.$slots.title ? (vue.openBlock(), vue.createElementBlock("span", {
               key: 0,
               class: vue.normalizeClass(["el-alert__title", [_ctx.isBoldTitle]])
@@ -8073,7 +8109,7 @@
   };
   var script$1W = vue.defineComponent({
     name: "ElInput",
-    components: { ElIcon, CircleClose },
+    components: { ElIcon, CircleClose, IconView },
     inheritAttrs: false,
     props: inputProps,
     emits: inputEmits,
@@ -8291,7 +8327,7 @@
     }
   });
 
-  const _hoisted_1$1k = {
+  const _hoisted_1$1l = {
     key: 0,
     class: "el-input-group__prepend"
   };
@@ -8306,25 +8342,25 @@
     class: "el-input__suffix"
   };
   const _hoisted_6$i = { class: "el-input__suffix-inner" };
-  const _hoisted_7$c = /* @__PURE__ */ vue.createElementVNode("view", null, null, -1);
-  const _hoisted_8$b = {
+  const _hoisted_7$c = {
     key: 3,
     class: "el-input__count"
   };
-  const _hoisted_9$8 = { class: "el-input__count-inner" };
-  const _hoisted_10$8 = {
+  const _hoisted_8$b = { class: "el-input__count-inner" };
+  const _hoisted_9$8 = {
     key: 3,
     class: "el-input-group__append"
   };
-  const _hoisted_11$4 = ["tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder"];
-  const _hoisted_12$4 = {
+  const _hoisted_10$8 = ["tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder"];
+  const _hoisted_11$4 = {
     key: 0,
     class: "el-input__count"
   };
   function render$1O(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_icon = vue.resolveComponent("el-icon");
     const _component_circle_close = vue.resolveComponent("circle-close");
-    return vue.openBlock(), vue.createElementBlock("div", {
+    const _component_icon_view = vue.resolveComponent("icon-view");
+    return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass([
         _ctx.type === "textarea" ? "el-textarea" : "el-input",
         _ctx.inputSize ? "el-input--" + _ctx.inputSize : "",
@@ -8347,7 +8383,7 @@
       vue.createCommentVNode(" input "),
       _ctx.type !== "textarea" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
         vue.createCommentVNode(" prepend slot "),
-        _ctx.$slots.prepend ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1k, [
+        _ctx.$slots.prepend ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1l, [
           vue.renderSlot(_ctx.$slots, "prepend")
         ])) : vue.createCommentVNode("v-if", true),
         vue.createElementVNode("input", vue.mergeProps({
@@ -8419,15 +8455,15 @@
               onClick: _ctx.handlePasswordVisible
             }, {
               default: vue.withCtx(() => [
-                _hoisted_7$c
+                vue.createVNode(_component_icon_view)
               ]),
               _: 1
             }, 8, ["onClick"])) : vue.createCommentVNode("v-if", true),
-            _ctx.isWordLimitVisible ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_8$b, [
-              vue.createElementVNode("span", _hoisted_9$8, vue.toDisplayString(_ctx.textLength) + " / " + vue.toDisplayString(_ctx.attrs.maxlength), 1)
+            _ctx.isWordLimitVisible ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_7$c, [
+              vue.createElementVNode("span", _hoisted_8$b, vue.toDisplayString(_ctx.textLength) + " / " + vue.toDisplayString(_ctx.attrs.maxlength), 1)
             ])) : vue.createCommentVNode("v-if", true)
           ]),
-          _ctx.validateState ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
+          _ctx.validateState && _ctx.validateIcon ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
             key: 0,
             class: "el-input__icon el-input__validateIcon"
           }, {
@@ -8438,7 +8474,7 @@
           })) : vue.createCommentVNode("v-if", true)
         ])) : vue.createCommentVNode("v-if", true),
         vue.createCommentVNode(" append slot "),
-        _ctx.$slots.append ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_10$8, [
+        _ctx.$slots.append ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9$8, [
           vue.renderSlot(_ctx.$slots, "append")
         ])) : vue.createCommentVNode("v-if", true)
       ], 64)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
@@ -8462,10 +8498,12 @@
           onBlur: _cache[14] || (_cache[14] = (...args) => _ctx.handleBlur && _ctx.handleBlur(...args)),
           onChange: _cache[15] || (_cache[15] = (...args) => _ctx.handleChange && _ctx.handleChange(...args)),
           onKeydown: _cache[16] || (_cache[16] = (...args) => _ctx.handleKeydown && _ctx.handleKeydown(...args))
-        }), null, 16, _hoisted_11$4),
-        _ctx.isWordLimitVisible ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_12$4, vue.toDisplayString(_ctx.textLength) + " / " + vue.toDisplayString(_ctx.attrs.maxlength), 1)) : vue.createCommentVNode("v-if", true)
+        }), null, 16, _hoisted_10$8),
+        _ctx.isWordLimitVisible ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_11$4, vue.toDisplayString(_ctx.textLength) + " / " + vue.toDisplayString(_ctx.attrs.maxlength), 1)) : vue.createCommentVNode("v-if", true)
       ], 64))
-    ], 38);
+    ], 38)), [
+      [vue.vShow, _ctx.type !== "hidden"]
+    ]);
   }
 
   script$1W.render = render$1O;
@@ -8776,13 +8814,13 @@
     }
   });
 
-  const _hoisted_1$1j = {
+  const _hoisted_1$1k = {
     ref: "scrollbar",
     class: "el-scrollbar"
   };
   function render$1M(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_bar = vue.resolveComponent("bar");
-    return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1j, [
+    return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1k, [
       vue.createElementVNode("div", {
         ref: "wrap",
         class: vue.normalizeClass([
@@ -9635,7 +9673,7 @@
     }
   });
 
-  const _hoisted_1$1i = ["aria-expanded", "aria-owns"];
+  const _hoisted_1$1j = ["aria-expanded", "aria-owns"];
   const _hoisted_2$X = { key: 0 };
   const _hoisted_3$L = ["id", "aria-selected", "onClick"];
   function render$1L(_ctx, _cache, $props, $setup, $data, $options) {
@@ -9707,7 +9745,7 @@
               ])
             } : void 0
           ]), 1040, ["model-value", "onInput", "onChange", "onFocus", "onBlur", "onClear", "onKeydown"])
-        ], 14, _hoisted_1$1i), [
+        ], 14, _hoisted_1$1j), [
           [_directive_clickoutside, _ctx.close]
         ])
       ]),
@@ -9842,7 +9880,7 @@
     }
   });
 
-  const _hoisted_1$1h = ["src", "alt", "srcset"];
+  const _hoisted_1$1i = ["src", "alt", "srcset"];
   function render$1K(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_icon = vue.resolveComponent("el-icon");
     return vue.openBlock(), vue.createElementBlock("span", {
@@ -9856,7 +9894,7 @@
         srcset: _ctx.srcSet,
         style: vue.normalizeStyle(_ctx.fitStyle),
         onError: _cache[0] || (_cache[0] = (...args) => _ctx.handleError && _ctx.handleError(...args))
-      }, null, 44, _hoisted_1$1h)) : _ctx.icon ? (vue.openBlock(), vue.createBlock(_component_el_icon, { key: 1 }, {
+      }, null, 44, _hoisted_1$1i)) : _ctx.icon ? (vue.openBlock(), vue.createBlock(_component_el_icon, { key: 1 }, {
         default: vue.withCtx(() => [
           (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.icon)))
         ]),
@@ -10026,10 +10064,10 @@
     }
   });
 
-  const _hoisted_1$1g = { class: "el-badge" };
+  const _hoisted_1$1h = { class: "el-badge" };
   const _hoisted_2$W = ["textContent"];
   function render$1I(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1g, [
+    return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1h, [
       vue.renderSlot(_ctx.$slots, "default"),
       vue.createVNode(vue.Transition, { name: "el-zoom-in-center" }, {
         default: vue.withCtx(() => [
@@ -10085,14 +10123,14 @@
     }
   });
 
-  const _hoisted_1$1f = {
+  const _hoisted_1$1g = {
     ref: "breadcrumb",
     class: "el-breadcrumb",
     "aria-label": "Breadcrumb",
     role: "navigation"
   };
   function render$1H(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1f, [
+    return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1g, [
       vue.renderSlot(_ctx.$slots, "default")
     ], 512);
   }
@@ -10114,6 +10152,9 @@
   const COMPONENT_NAME$3 = "ElBreadcrumbItem";
   var script$1N = vue.defineComponent({
     name: COMPONENT_NAME$3,
+    components: {
+      ElIcon: ElIcon$1
+    },
     props: breadcrumbItemProps,
     setup(props) {
       const instance = vue.getCurrentInstance();
@@ -10136,7 +10177,7 @@
     }
   });
 
-  const _hoisted_1$1e = { class: "el-breadcrumb__item" };
+  const _hoisted_1$1f = { class: "el-breadcrumb__item" };
   const _hoisted_2$V = {
     key: 1,
     class: "el-breadcrumb__separator",
@@ -10144,7 +10185,7 @@
   };
   function render$1G(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_icon = vue.resolveComponent("el-icon");
-    return vue.openBlock(), vue.createElementBlock("span", _hoisted_1$1e, [
+    return vue.openBlock(), vue.createElementBlock("span", _hoisted_1$1f, [
       vue.createElementVNode("span", {
         ref: "link",
         class: vue.normalizeClass(["el-breadcrumb__inner", _ctx.to ? "is-link" : ""]),
@@ -10204,7 +10245,10 @@
     plain: Boolean,
     autofocus: Boolean,
     round: Boolean,
-    circle: Boolean
+    circle: Boolean,
+    autoInsertSpace: {
+      type: Boolean
+    }
   });
   const buttonEmits = {
     click: (evt) => evt instanceof MouseEvent
@@ -10220,10 +10264,15 @@
     emits: buttonEmits,
     setup(props, { emit, slots }) {
       const elBtnGroup = vue.inject(elButtonGroupKey, void 0);
+      const globalConfig = useGlobalConfig();
+      const autoInsertSpace = vue.computed(() => {
+        var _a;
+        return (_a = props.autoInsertSpace) != null ? _a : globalConfig == null ? void 0 : globalConfig.button.autoInsertSpace;
+      });
       const shouldAddSpace = vue.computed(() => {
         var _a;
         const defaultSlot = (_a = slots.default) == null ? void 0 : _a.call(slots);
-        if ((defaultSlot == null ? void 0 : defaultSlot.length) === 1) {
+        if (autoInsertSpace.value && (defaultSlot == null ? void 0 : defaultSlot.length) === 1) {
           const slot = defaultSlot[0];
           if ((slot == null ? void 0 : slot.type) === vue.Text) {
             const text = slot.children;
@@ -10253,7 +10302,7 @@
     }
   });
 
-  const _hoisted_1$1d = ["disabled", "autofocus", "type"];
+  const _hoisted_1$1e = ["disabled", "autofocus", "type"];
   function render$1F(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_loading = vue.resolveComponent("loading");
     const _component_el_icon = vue.resolveComponent("el-icon");
@@ -10295,7 +10344,7 @@
       }, [
         vue.renderSlot(_ctx.$slots, "default")
       ], 2)) : vue.createCommentVNode("v-if", true)
-    ], 10, _hoisted_1$1d);
+    ], 10, _hoisted_1$1e);
   }
 
   script$1M.render = render$1F;
@@ -10317,9 +10366,9 @@
     }
   });
 
-  const _hoisted_1$1c = { class: "el-button-group" };
+  const _hoisted_1$1d = { class: "el-button-group" };
   function render$1E(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1c, [
+    return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1d, [
       vue.renderSlot(_ctx.$slots, "default")
     ]);
   }
@@ -10575,7 +10624,7 @@
     props: timePickerDefaultProps,
     emits: ["update:modelValue", "change", "focus", "blur", "calendar-change"],
     setup(props, ctx) {
-      const ELEMENT = useGlobalConfig();
+      const ELEMENT = useGlobalConfig$1();
       const { lang } = useLocaleInject();
       const elForm = vue.inject(elFormKey, {});
       const elFormItem = vue.inject(elFormItemKey, {});
@@ -10907,7 +10956,7 @@
     }
   });
 
-  const _hoisted_1$1b = ["name", "placeholder", "value", "disabled", "readonly"];
+  const _hoisted_1$1c = ["name", "placeholder", "value", "disabled", "readonly"];
   const _hoisted_2$U = { class: "el-range-separator" };
   const _hoisted_3$K = ["name", "placeholder", "value", "disabled", "readonly"];
   function render$1D(_ctx, _cache, $props, $setup, $data, $options) {
@@ -10952,7 +11001,8 @@
           onMouseleave: _ctx.onMouseLeave
         }, {
           prefix: vue.withCtx(() => [
-            vue.createVNode(_component_el_icon, {
+            _ctx.triggerIcon ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
+              key: 0,
               class: "el-input__icon",
               onClick: _ctx.handleFocus
             }, {
@@ -10960,10 +11010,10 @@
                 (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.triggerIcon)))
               ]),
               _: 1
-            }, 8, ["onClick"])
+            }, 8, ["onClick"])) : vue.createCommentVNode("v-if", true)
           ]),
           suffix: vue.withCtx(() => [
-            _ctx.showClose ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
+            _ctx.showClose && _ctx.clearIcon ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
               key: 0,
               class: "el-input__icon clear-icon",
               onClick: _ctx.onClearIconClick
@@ -10990,7 +11040,8 @@
           onMouseleave: _cache[8] || (_cache[8] = (...args) => _ctx.onMouseLeave && _ctx.onMouseLeave(...args)),
           onKeydown: _cache[9] || (_cache[9] = (...args) => _ctx.handleKeydown && _ctx.handleKeydown(...args))
         }, [
-          vue.createVNode(_component_el_icon, {
+          _ctx.triggerIcon ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
+            key: 0,
             class: "el-input__icon el-range__icon",
             onClick: _ctx.handleFocus
           }, {
@@ -10998,7 +11049,7 @@
               (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.triggerIcon)))
             ]),
             _: 1
-          }, 8, ["onClick"]),
+          }, 8, ["onClick"])) : vue.createCommentVNode("v-if", true),
           vue.createElementVNode("input", {
             autocomplete: "off",
             name: _ctx.name && _ctx.name[0],
@@ -11010,7 +11061,7 @@
             onInput: _cache[0] || (_cache[0] = (...args) => _ctx.handleStartInput && _ctx.handleStartInput(...args)),
             onChange: _cache[1] || (_cache[1] = (...args) => _ctx.handleStartChange && _ctx.handleStartChange(...args)),
             onFocus: _cache[2] || (_cache[2] = (...args) => _ctx.handleFocus && _ctx.handleFocus(...args))
-          }, null, 40, _hoisted_1$1b),
+          }, null, 40, _hoisted_1$1c),
           vue.renderSlot(_ctx.$slots, "range-separator", {}, () => [
             vue.createElementVNode("span", _hoisted_2$U, vue.toDisplayString(_ctx.rangeSeparator), 1)
           ]),
@@ -11026,7 +11077,8 @@
             onInput: _cache[4] || (_cache[4] = (...args) => _ctx.handleEndInput && _ctx.handleEndInput(...args)),
             onChange: _cache[5] || (_cache[5] = (...args) => _ctx.handleEndChange && _ctx.handleEndChange(...args))
           }, null, 40, _hoisted_3$K),
-          vue.createVNode(_component_el_icon, {
+          _ctx.clearIcon ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
+            key: 1,
             class: vue.normalizeClass(["el-input__icon el-range__close-icon", {
               "el-range__close-icon--hidden": !_ctx.showClose
             }]),
@@ -11036,7 +11088,7 @@
               (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.clearIcon)))
             ]),
             _: 1
-          }, 8, ["class", "onClick"])
+          }, 8, ["class", "onClick"])) : vue.createCommentVNode("v-if", true)
         ], 34)), [
           [_directive_clickoutside, _ctx.onClickOutside, _ctx.popperPaneRef]
         ])
@@ -11386,7 +11438,7 @@
     }
   });
 
-  const _hoisted_1$1a = ["onClick"];
+  const _hoisted_1$1b = ["onClick"];
   const _hoisted_2$T = ["onMouseenter"];
   const _hoisted_3$J = { class: "el-time-spinner__list" };
   function render$1C(_ctx, _cache, $props, $setup, $data, $options) {
@@ -11422,7 +11474,7 @@
                 ], 2112)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
                   vue.createTextVNode(vue.toDisplayString(("0" + key).slice(-2)), 1)
                 ], 2112))
-              ], 10, _hoisted_1$1a);
+              ], 10, _hoisted_1$1b);
             }), 128))
           ]),
           _: 2
@@ -11458,7 +11510,15 @@
                   active: time === _ctx.timePartsMap[item].value,
                   disabled: _ctx.listMap[item].value[time]
                 }])
-              }, vue.toDisplayString(time === void 0 ? "" : ("0" + (_ctx.amPmMode ? time % 12 || 12 : time)).slice(-2) + _ctx.getAmPmFlag(time)), 3);
+              }, [
+                time ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+                  item === "hours" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+                    vue.createTextVNode(vue.toDisplayString(("0" + (_ctx.amPmMode ? time % 12 || 12 : time)).slice(-2)) + vue.toDisplayString(_ctx.getAmPmFlag(time)), 1)
+                  ], 2112)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+                    vue.createTextVNode(vue.toDisplayString(("0" + time).slice(-2)), 1)
+                  ], 2112))
+                ], 2112)) : vue.createCommentVNode("v-if", true)
+              ], 2);
             }), 128))
           ])
         ], 40, _hoisted_2$T);
@@ -11632,7 +11692,7 @@
     }
   });
 
-  const _hoisted_1$19 = {
+  const _hoisted_1$1a = {
     key: 0,
     class: "el-time-panel"
   };
@@ -11641,7 +11701,7 @@
     const _component_time_spinner = vue.resolveComponent("time-spinner");
     return vue.openBlock(), vue.createBlock(vue.Transition, { name: _ctx.transitionName }, {
       default: vue.withCtx(() => [
-        _ctx.actualVisible || _ctx.visible ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$19, [
+        _ctx.actualVisible || _ctx.visible ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1a, [
           vue.createElementVNode("div", {
             class: vue.normalizeClass(["el-time-panel__content", { "has-seconds": _ctx.showSeconds }])
           }, [
@@ -12494,7 +12554,7 @@
     }
   });
 
-  const _hoisted_1$18 = {
+  const _hoisted_1$19 = {
     key: 0,
     class: "el-time-range-picker el-picker-panel"
   };
@@ -12507,7 +12567,7 @@
   const _hoisted_8$a = ["disabled"];
   function render$1A(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_time_spinner = vue.resolveComponent("time-spinner");
-    return _ctx.actualVisible ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$18, [
+    return _ctx.actualVisible ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$19, [
       vue.createElementVNode("div", _hoisted_2$R, [
         vue.createElementVNode("div", _hoisted_3$I, [
           vue.createElementVNode("div", _hoisted_4$v, vue.toDisplayString(_ctx.t("el.datepicker.startTime")), 1),
@@ -12761,7 +12821,7 @@
     }
   });
 
-  const _hoisted_1$17 = { key: 0 };
+  const _hoisted_1$18 = { key: 0 };
   const _hoisted_2$Q = ["onClick"];
   const _hoisted_3$H = { class: "el-calendar-day" };
   function render$1z(_ctx, _cache, $props, $setup, $data, $options) {
@@ -12773,7 +12833,7 @@
       cellspacing: "0",
       cellpadding: "0"
     }, [
-      !_ctx.hideHeader ? (vue.openBlock(), vue.createElementBlock("thead", _hoisted_1$17, [
+      !_ctx.hideHeader ? (vue.openBlock(), vue.createElementBlock("thead", _hoisted_1$18, [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.weekDays, (day) => {
           return vue.openBlock(), vue.createElementBlock("th", { key: day }, vue.toDisplayString(day), 1);
         }), 128))
@@ -12965,7 +13025,7 @@
     }
   });
 
-  const _hoisted_1$16 = { class: "el-calendar" };
+  const _hoisted_1$17 = { class: "el-calendar" };
   const _hoisted_2$P = { class: "el-calendar__header" };
   const _hoisted_3$G = { class: "el-calendar__title" };
   const _hoisted_4$u = {
@@ -12984,7 +13044,7 @@
     const _component_el_button = vue.resolveComponent("el-button");
     const _component_el_button_group = vue.resolveComponent("el-button-group");
     const _component_date_table = vue.resolveComponent("date-table");
-    return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$16, [
+    return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$17, [
       vue.createElementVNode("div", _hoisted_2$P, [
         vue.renderSlot(_ctx.$slots, "header", { date: _ctx.i18nDate }, () => [
           vue.createElementVNode("div", _hoisted_3$G, vue.toDisplayString(_ctx.i18nDate), 1),
@@ -13088,7 +13148,7 @@
     props: cardProps
   });
 
-  const _hoisted_1$15 = {
+  const _hoisted_1$16 = {
     key: 0,
     class: "el-card__header"
   };
@@ -13096,7 +13156,7 @@
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass(["el-card", _ctx.shadow ? "is-" + _ctx.shadow + "-shadow" : "is-always-shadow"])
     }, [
-      _ctx.$slots.header || _ctx.header ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$15, [
+      _ctx.$slots.header || _ctx.header ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$16, [
         vue.renderSlot(_ctx.$slots, "header", {}, () => [
           vue.createTextVNode(vue.toDisplayString(_ctx.header), 1)
         ])
@@ -13444,7 +13504,7 @@
     }
   });
 
-  const _hoisted_1$14 = ["onMouseenter", "onClick"];
+  const _hoisted_1$15 = ["onMouseenter", "onClick"];
   const _hoisted_2$O = { class: "el-carousel__button" };
   const _hoisted_3$F = { key: 0 };
   function render$1w(_ctx, _cache, $props, $setup, $data, $options) {
@@ -13535,7 +13595,7 @@
             vue.createElementVNode("button", _hoisted_2$O, [
               _ctx.hasLabel ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$F, vue.toDisplayString(item.label), 1)) : vue.createCommentVNode("v-if", true)
             ])
-          ], 42, _hoisted_1$14);
+          ], 42, _hoisted_1$15);
         }), 128))
       ], 2)) : vue.createCommentVNode("v-if", true)
     ], 34);
@@ -13659,7 +13719,7 @@
     }
   });
 
-  const _hoisted_1$13 = {
+  const _hoisted_1$14 = {
     key: 0,
     class: "el-carousel__mask"
   };
@@ -13675,7 +13735,7 @@
       style: vue.normalizeStyle(_ctx.itemStyle),
       onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleItemClick && _ctx.handleItemClick(...args))
     }, [
-      _ctx.type === "card" ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", _hoisted_1$13, null, 512)), [
+      _ctx.type === "card" ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", _hoisted_1$14, null, 512)), [
         [vue.vShow, !_ctx.data.active]
       ]) : vue.createCommentVNode("v-if", true),
       vue.renderSlot(_ctx.$slots, "default")
@@ -13742,7 +13802,7 @@
     size: String
   };
   const useCheckboxGroup = () => {
-    const ELEMENT = useGlobalConfig();
+    const ELEMENT = useGlobalConfig$1();
     const elForm = vue.inject(elFormKey, {});
     const elFormItem = vue.inject(elFormItemKey, {});
     const checkboxGroup = vue.inject("CheckboxGroup", {});
@@ -13934,7 +13994,7 @@
     }
   });
 
-  const _hoisted_1$12 = ["id", "aria-controls"];
+  const _hoisted_1$13 = ["id", "aria-controls"];
   const _hoisted_2$N = ["tabindex", "role", "aria-checked"];
   const _hoisted_3$E = /* @__PURE__ */ vue.createElementVNode("span", { class: "el-checkbox__inner" }, null, -1);
   const _hoisted_4$t = ["aria-hidden", "name", "disabled", "true-value", "false-value"];
@@ -14003,7 +14063,7 @@
           vue.createTextVNode(vue.toDisplayString(_ctx.label), 1)
         ], 2112)) : vue.createCommentVNode("v-if", true)
       ])) : vue.createCommentVNode("v-if", true)
-    ], 10, _hoisted_1$12);
+    ], 10, _hoisted_1$13);
   }
 
   script$1B.render = render$1u;
@@ -14038,7 +14098,7 @@
     }
   });
 
-  const _hoisted_1$11 = ["aria-checked", "aria-disabled"];
+  const _hoisted_1$12 = ["aria-checked", "aria-disabled"];
   const _hoisted_2$M = ["name", "disabled", "true-value", "false-value"];
   const _hoisted_3$D = ["name", "disabled", "value"];
   function render$1t(_ctx, _cache, $props, $setup, $data, $options) {
@@ -14090,7 +14150,7 @@
           vue.createTextVNode(vue.toDisplayString(_ctx.label), 1)
         ])
       ], 4)) : vue.createCommentVNode("v-if", true)
-    ], 10, _hoisted_1$11);
+    ], 10, _hoisted_1$12);
   }
 
   script$1A.render = render$1t;
@@ -14157,13 +14217,13 @@
     }
   });
 
-  const _hoisted_1$10 = {
+  const _hoisted_1$11 = {
     class: "el-checkbox-group",
     role: "group",
     "aria-label": "checkbox-group"
   };
   function render$1s(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$10, [
+    return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$11, [
       vue.renderSlot(_ctx.$slots, "default")
     ]);
   }
@@ -14182,7 +14242,7 @@
   var radioGroupKey$1 = radioGroupKey;
 
   const useRadio = () => {
-    const ELEMENT = useGlobalConfig();
+    const ELEMENT = useGlobalConfig$1();
     const elForm = vue.inject(elFormKey, {});
     const elFormItem = vue.inject(elFormItemKey, {});
     const radioGroup = vue.inject(radioGroupKey$1, {});
@@ -14279,7 +14339,7 @@
     }
   });
 
-  const _hoisted_1$$ = ["aria-checked", "aria-disabled", "tabindex"];
+  const _hoisted_1$10 = ["aria-checked", "aria-disabled", "tabindex"];
   const _hoisted_2$L = /* @__PURE__ */ vue.createElementVNode("span", { class: "el-radio__inner" }, null, -1);
   const _hoisted_3$C = ["value", "name", "disabled"];
   function render$1r(_ctx, _cache, $props, $setup, $data, $options) {
@@ -14330,7 +14390,7 @@
           vue.createTextVNode(vue.toDisplayString(_ctx.label), 1)
         ])
       ], 32)
-    ], 42, _hoisted_1$$);
+    ], 42, _hoisted_1$10);
   }
 
   script$1y.render = render$1r;
@@ -14391,7 +14451,7 @@
     }
   });
 
-  const _hoisted_1$_ = ["aria-checked", "aria-disabled", "tabindex"];
+  const _hoisted_1$$ = ["aria-checked", "aria-disabled", "tabindex"];
   const _hoisted_2$K = ["value", "name", "disabled"];
   function render$1q(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("label", {
@@ -14433,7 +14493,7 @@
           vue.createTextVNode(vue.toDisplayString(_ctx.label), 1)
         ])
       ], 36)
-    ], 42, _hoisted_1$_);
+    ], 42, _hoisted_1$$);
   }
 
   script$1x.render = render$1q;
@@ -14667,7 +14727,7 @@
     }
   });
 
-  const _hoisted_1$Z = ["id", "aria-haspopup", "aria-owns", "aria-expanded", "tabindex"];
+  const _hoisted_1$_ = ["id", "aria-haspopup", "aria-owns", "aria-expanded", "tabindex"];
   const _hoisted_2$J = /* @__PURE__ */ vue.createElementVNode("span", null, null, -1);
   function render$1o(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_checkbox = vue.resolveComponent("el-checkbox");
@@ -14683,7 +14743,7 @@
       "aria-haspopup": !_ctx.isLeaf,
       "aria-owns": _ctx.isLeaf ? null : _ctx.menuId,
       "aria-expanded": _ctx.inExpandingPath,
-      tabindex: _ctx.expandable ? -1 : null,
+      tabindex: _ctx.expandable ? -1 : void 0,
       class: vue.normalizeClass([
         "el-cascader-node",
         _ctx.checkStrictly && "is-selectable",
@@ -14750,7 +14810,7 @@
           _: 1
         }))
       ], 2112)) : vue.createCommentVNode("v-if", true)
-    ], 42, _hoisted_1$Z);
+    ], 42, _hoisted_1$_);
   }
 
   script$1v.render = render$1o;
@@ -14829,7 +14889,7 @@
     }
   });
 
-  const _hoisted_1$Y = {
+  const _hoisted_1$Z = {
     key: 0,
     class: "el-cascader-menu__empty-text"
   };
@@ -14851,17 +14911,20 @@
       onMousemove: _ctx.handleMouseMove,
       onMouseleave: _ctx.clearHoverZone
     }, {
-      default: vue.withCtx(() => [
-        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.nodes, (node) => {
-          return vue.openBlock(), vue.createBlock(_component_el_cascader_node, {
-            key: node.uid,
-            node,
-            "menu-id": _ctx.menuId,
-            onExpand: _ctx.handleExpand
-          }, null, 8, ["node", "menu-id", "onExpand"]);
-        }), 128)),
-        _ctx.isEmpty ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$Y, vue.toDisplayString(_ctx.t("el.cascader.noData")), 1)) : _ctx.panel.isHoverMenu ? (vue.openBlock(), vue.createElementBlock("svg", _hoisted_2$I, null, 512)) : vue.createCommentVNode("v-if", true)
-      ]),
+      default: vue.withCtx(() => {
+        var _a;
+        return [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.nodes, (node) => {
+            return vue.openBlock(), vue.createBlock(_component_el_cascader_node, {
+              key: node.uid,
+              node,
+              "menu-id": _ctx.menuId,
+              onExpand: _ctx.handleExpand
+            }, null, 8, ["node", "menu-id", "onExpand"]);
+          }), 128)),
+          _ctx.isEmpty ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$Z, vue.toDisplayString(_ctx.t("el.cascader.noData")), 1)) : ((_a = _ctx.panel) == null ? void 0 : _a.isHoverMenu) ? (vue.openBlock(), vue.createElementBlock("svg", _hoisted_2$I, null, 512)) : vue.createCommentVNode("v-if", true)
+        ];
+      }),
       _: 1
     }, 8, ["view-class", "onMousemove", "onMouseleave"]);
   }
@@ -15136,7 +15199,7 @@
         menus.value = [store.value.getNodes()];
         if (cfg.lazy && isEmpty(props.options)) {
           initialLoaded = false;
-          lazyLoad(null, () => {
+          lazyLoad(void 0, () => {
             initialLoaded = true;
             syncCheckedValue(false, true);
           });
@@ -15146,14 +15209,16 @@
       };
       const lazyLoad = (node, cb) => {
         const cfg = config.value;
-        node = node || new Node$3({}, cfg, null, true);
+        node = node || new Node$3({}, cfg, void 0, true);
         node.loading = true;
         const resolve = (dataList) => {
-          const parent = node.root ? null : node;
-          dataList && store.value.appendNodes(dataList, parent);
-          node.loading = false;
-          node.loaded = true;
-          node.childrenData = node.childrenData || [];
+          var _a;
+          const _node = node;
+          const parent = _node.root ? null : _node;
+          dataList && ((_a = store.value) == null ? void 0 : _a.appendNodes(dataList, parent));
+          _node.loading = false;
+          _node.loaded = true;
+          _node.childrenData = _node.childrenData || [];
           cb && cb(dataList);
         };
         cfg.lazyLoad(node, resolve);
@@ -15183,12 +15248,22 @@
         node.doCheck(checked);
         calculateCheckedValue();
         emitClose && !multiple && !checkStrictly && emit("close");
+        !emitClose && !multiple && !checkStrictly && expandParentNode(node);
+      };
+      const expandParentNode = (node) => {
+        if (!node)
+          return;
+        node = node.parent;
+        expandParentNode(node);
+        node && expandNode(node);
       };
       const getFlattedNodes = (leafOnly) => {
-        return store.value.getFlattedNodes(leafOnly);
+        var _a;
+        return (_a = store.value) == null ? void 0 : _a.getFlattedNodes(leafOnly);
       };
       const getCheckedNodes = (leafOnly) => {
-        return getFlattedNodes(leafOnly).filter((node) => node.checked !== false);
+        var _a;
+        return (_a = getFlattedNodes(leafOnly)) == null ? void 0 : _a.filter((node) => node.checked !== false);
       };
       const clearCheckedNodes = () => {
         checkedNodes.value.forEach((node) => node.doCheck(false));
@@ -15212,7 +15287,10 @@
           return;
         if (lazy && !loaded) {
           const values = deduplicate(arrayFlat(coerceTruthyValueToArray(modelValue)));
-          const nodes = values.map((val) => store.value.getNodeByValue(val)).filter((node) => !!node && !node.loaded && !node.loading);
+          const nodes = values.map((val) => {
+            var _a;
+            return (_a = store.value) == null ? void 0 : _a.getNodeByValue(val);
+          }).filter((node) => !!node && !node.loaded && !node.loading);
           if (nodes.length) {
             nodes.forEach((node) => {
               lazyLoad(node, () => syncCheckedValue(false, forced));
@@ -15222,16 +15300,20 @@
           }
         } else {
           const values = multiple ? coerceTruthyValueToArray(modelValue) : [modelValue];
-          const nodes = deduplicate(values.map((val) => store.value.getNodeByValue(val, leafOnly)));
+          const nodes = deduplicate(values.map((val) => {
+            var _a;
+            return (_a = store.value) == null ? void 0 : _a.getNodeByValue(val, leafOnly);
+          }));
           syncMenuState(nodes, false);
           checkedValue.value = modelValue;
         }
       };
       const syncMenuState = (newCheckedNodes, reserveExpandingState = true) => {
+        var _a;
         const { checkStrictly } = config.value;
         const oldNodes = checkedNodes.value;
         const newNodes = newCheckedNodes.filter((node) => !!node && (checkStrictly || node.isLeaf));
-        const oldExpandingNode = store.value.getSameNode(expandingNode.value);
+        const oldExpandingNode = (_a = store.value) == null ? void 0 : _a.getSameNode(expandingNode.value);
         const newExpandingNode = reserveExpandingState && oldExpandingNode || newNodes[0];
         if (newExpandingNode) {
           newExpandingNode.pathNodes.forEach((node) => expandNode(node, true));
@@ -15387,7 +15469,7 @@
     props: tagProps,
     emits: tagEmits,
     setup(props, { emit }) {
-      const ELEMENT = useGlobalConfig();
+      const ELEMENT = useGlobalConfig$1();
       const tagSize = vue.computed(() => props.size || ELEMENT.size);
       const classes = vue.computed(() => {
         const { type, hit, effect } = props;
@@ -15559,7 +15641,7 @@
       let inputInitialHeight = 0;
       let pressDeleteCount = 0;
       const { t } = useLocaleInject();
-      const $ELEMENT = useGlobalConfig();
+      const $ELEMENT = useGlobalConfig$1();
       const elForm = vue.inject(elFormKey, {});
       const elFormItem = vue.inject(elFormItemKey, {});
       const popper = vue.ref(null);
@@ -15612,15 +15694,16 @@
         return (_a = popper.value) == null ? void 0 : _a.popperRef;
       });
       const togglePopperVisible = (visible) => {
+        var _a, _b, _c;
         if (isDisabled.value)
           return;
         visible = visible != null ? visible : !popperVisible.value;
         if (visible !== popperVisible.value) {
           popperVisible.value = visible;
-          input.value.input.setAttribute("aria-expanded", visible);
+          (_b = (_a = input.value) == null ? void 0 : _a.input) == null ? void 0 : _b.setAttribute("aria-expanded", `${visible}`);
           if (visible) {
             updatePopperPosition();
-            vue.nextTick(panel.value.scrollToExpandingNode);
+            vue.nextTick((_c = panel.value) == null ? void 0 : _c.scrollToExpandingNode);
           } else if (props.filterable) {
             const { value } = presentText;
             inputValue.value = value;
@@ -15630,7 +15713,8 @@
         }
       };
       const updatePopperPosition = () => {
-        vue.nextTick(popper.value.update);
+        var _a;
+        vue.nextTick((_a = popper.value) == null ? void 0 : _a.update);
       };
       const hideSuggestionPanel = () => {
         filtering.value = false;
@@ -15646,9 +15730,10 @@
         };
       };
       const deleteTag = (tag) => {
-        const { node } = tag;
+        var _a;
+        const node = tag.node;
         node.doCheck(false);
-        panel.value.calculateCheckedValue();
+        (_a = panel.value) == null ? void 0 : _a.calculateCheckedValue();
         emit("remove-tag", node.valueByOption);
       };
       const calculatePresentTags = () => {
@@ -15675,8 +15760,9 @@
         presentTags.value = tags;
       };
       const calculateSuggestions = () => {
+        var _a, _b;
         const { filterMethod, showAllLevels, separator } = props;
-        const res = panel.value.getFlattedNodes(!props.props.checkStrictly).filter((node) => {
+        const res = (_b = (_a = panel.value) == null ? void 0 : _a.getFlattedNodes(!props.props.checkStrictly)) == null ? void 0 : _b.filter((node) => {
           if (node.isDisabled)
             return false;
           node.calcText(showAllLevels, separator);
@@ -15693,7 +15779,7 @@
       };
       const focusFirstNode = () => {
         var _a;
-        let firstNode = null;
+        let firstNode;
         if (filtering.value && suggestionPanel.value) {
           firstNode = suggestionPanel.value.$el.querySelector(".el-cascader__suggestion-item");
         } else {
@@ -15705,10 +15791,10 @@
         }
       };
       const updateStyle = () => {
-        var _a;
-        const inputInner = input.value.input;
+        var _a, _b;
+        const inputInner = (_a = input.value) == null ? void 0 : _a.input;
         const tagWrapperEl = tagWrapper.value;
-        const suggestionPanelEl = (_a = suggestionPanel.value) == null ? void 0 : _a.$el;
+        const suggestionPanelEl = (_b = suggestionPanel.value) == null ? void 0 : _b.$el;
         if (isServer || !inputInner)
           return;
         if (suggestionPanelEl) {
@@ -15723,7 +15809,8 @@
         }
       };
       const getCheckedNodes = (leafOnly) => {
-        return panel.value.getCheckedNodes(leafOnly);
+        var _a;
+        return (_a = panel.value) == null ? void 0 : _a.getCheckedNodes(leafOnly);
       };
       const handleExpandChange = (value) => {
         updatePopperPosition();
@@ -15759,15 +15846,17 @@
         }
       };
       const handleClear = () => {
-        panel.value.clearCheckedNodes();
+        var _a;
+        (_a = panel.value) == null ? void 0 : _a.clearCheckedNodes();
         togglePopperVisible(false);
       };
       const handleSuggestionClick = (node) => {
+        var _a, _b;
         const { checked } = node;
         if (multiple.value) {
-          panel.value.handleCheckChange(node, !checked, false);
+          (_a = panel.value) == null ? void 0 : _a.handleCheckChange(node, !checked, false);
         } else {
-          !checked && panel.value.handleCheckChange(node, true, false);
+          !checked && ((_b = panel.value) == null ? void 0 : _b.handleCheckChange(node, true, false));
           togglePopperVisible(false);
         }
       };
@@ -15829,12 +15918,14 @@
       });
       vue.watch(presentText, (val) => inputValue.value = val, { immediate: true });
       vue.onMounted(() => {
-        const inputEl = input.value.$el;
+        var _a;
+        const inputEl = (_a = input.value) == null ? void 0 : _a.$el;
         inputInitialHeight = (inputEl == null ? void 0 : inputEl.offsetHeight) || INPUT_HEIGHT_MAP[realSize.value] || DEFAULT_INPUT_HEIGHT;
         addResizeListener(inputEl, updateStyle);
       });
       vue.onBeforeUnmount(() => {
-        removeResizeListener(input.value.$el, updateStyle);
+        var _a;
+        removeResizeListener((_a = input.value) == null ? void 0 : _a.$el, updateStyle);
       });
       return {
         Effect: exports.Effect,
@@ -15880,7 +15971,7 @@
     }
   });
 
-  const _hoisted_1$X = {
+  const _hoisted_1$Y = {
     key: 0,
     ref: "tagWrapper",
     class: "el-cascader__tags"
@@ -15973,7 +16064,7 @@
             ]),
             _: 1
           }, 8, ["modelValue", "placeholder", "readonly", "disabled", "size", "class", "onCompositionstart", "onCompositionupdate", "onCompositionend", "onInput"]),
-          _ctx.multiple ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$X, [
+          _ctx.multiple ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$Y, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.presentTags, (tag) => {
               return vue.openBlock(), vue.createBlock(_component_el_tag, {
                 key: tag.key,
@@ -16257,13 +16348,13 @@
     }
   });
 
-  const _hoisted_1$W = {
+  const _hoisted_1$X = {
     class: "el-collapse",
     role: "tablist",
     "aria-multiselectable": "true"
   };
   function render$1i(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$W, [
+    return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$X, [
       vue.renderSlot(_ctx.$slots, "default")
     ]);
   }
@@ -16415,7 +16506,7 @@
     }
   });
 
-  const _hoisted_1$V = ["aria-expanded", "aria-controls", "aria-describedby"];
+  const _hoisted_1$W = ["aria-expanded", "aria-controls", "aria-describedby"];
   const _hoisted_2$G = ["id", "tabindex"];
   const _hoisted_3$A = ["id", "aria-hidden", "aria-labelledby"];
   const _hoisted_4$r = { class: "el-collapse-item__content" };
@@ -16457,7 +16548,7 @@
             _: 1
           }, 8, ["class"])
         ], 42, _hoisted_2$G)
-      ], 8, _hoisted_1$V),
+      ], 8, _hoisted_1$W),
       vue.createVNode(_component_el_collapse_transition, null, {
         default: vue.withCtx(() => [
           vue.withDirectives(vue.createElementVNode("div", {
@@ -16790,13 +16881,13 @@
     return value % max / parseFloat(max);
   };
   const INT_HEX_MAP = { 10: "A", 11: "B", 12: "C", 13: "D", 14: "E", 15: "F" };
+  const hexOne = function(value) {
+    value = Math.min(Math.round(value), 255);
+    const high = Math.floor(value / 16);
+    const low = value % 16;
+    return `${INT_HEX_MAP[high] || high}${INT_HEX_MAP[low] || low}`;
+  };
   const toHex = function({ r, g, b }) {
-    const hexOne = function(value) {
-      value = Math.min(Math.round(value), 255);
-      const high = Math.floor(value / 16);
-      const low = value % 16;
-      return `${INT_HEX_MAP[high] || high}${INT_HEX_MAP[low] || low}`;
-    };
     if (isNaN(r) || isNaN(g) || isNaN(b))
       return "";
     return `#${hexOne(r)}${hexOne(g)}${hexOne(b)}`;
@@ -16904,6 +16995,9 @@
       this.doOnChange();
     }
     get(prop) {
+      if (prop === "alpha") {
+        return Math.floor(this[`_${prop}`]);
+      }
       return this[`_${prop}`];
     }
     toRgb() {
@@ -16926,7 +17020,7 @@
       if (value.indexOf("hsl") !== -1) {
         const parts = value.replace(/hsla|hsl|\(|\)/gm, "").split(/\s|,/g).filter((val) => val !== "").map((val, index) => index > 2 ? parseFloat(val) : parseInt(val, 10));
         if (parts.length === 4) {
-          this._alpha = Math.floor(parseFloat(parts[3]) * 100);
+          this._alpha = parseFloat(parts[3]) * 100;
         } else if (parts.length === 3) {
           this._alpha = 100;
         }
@@ -16937,7 +17031,7 @@
       } else if (value.indexOf("hsv") !== -1) {
         const parts = value.replace(/hsva|hsv|\(|\)/gm, "").split(/\s|,/g).filter((val) => val !== "").map((val, index) => index > 2 ? parseFloat(val) : parseInt(val, 10));
         if (parts.length === 4) {
-          this._alpha = Math.floor(parseFloat(parts[3]) * 100);
+          this._alpha = parseFloat(parts[3]) * 100;
         } else if (parts.length === 3) {
           this._alpha = 100;
         }
@@ -16947,7 +17041,7 @@
       } else if (value.indexOf("rgb") !== -1) {
         const parts = value.replace(/rgba|rgb|\(|\)/gm, "").split(/\s|,/g).filter((val) => val !== "").map((val, index) => index > 2 ? parseFloat(val) : parseInt(val, 10));
         if (parts.length === 4) {
-          this._alpha = Math.floor(parseFloat(parts[3]) * 100);
+          this._alpha = parseFloat(parts[3]) * 100;
         } else if (parts.length === 3) {
           this._alpha = 100;
         }
@@ -16970,7 +17064,7 @@
           b = parseHexChannel(hex.substring(4, 6));
         }
         if (hex.length === 8) {
-          this._alpha = Math.floor(parseHexChannel(hex.substring(6)) / 255 * 100);
+          this._alpha = parseHexChannel(hex.substring(6)) / 255 * 100;
         } else if (hex.length === 3 || hex.length === 6) {
           this._alpha = 100;
         }
@@ -16987,16 +17081,20 @@
         switch (format) {
           case "hsl": {
             const hsl = hsv2hsl(_hue, _saturation / 100, _value / 100);
-            this.value = `hsla(${_hue}, ${Math.round(hsl[1] * 100)}%, ${Math.round(hsl[2] * 100)}%, ${_alpha / 100})`;
+            this.value = `hsla(${_hue}, ${Math.round(hsl[1] * 100)}%, ${Math.round(hsl[2] * 100)}%, ${this.get("alpha") / 100})`;
             break;
           }
           case "hsv": {
-            this.value = `hsva(${_hue}, ${Math.round(_saturation)}%, ${Math.round(_value)}%, ${_alpha / 100})`;
+            this.value = `hsva(${_hue}, ${Math.round(_saturation)}%, ${Math.round(_value)}%, ${this.get("alpha") / 100})`;
+            break;
+          }
+          case "hex": {
+            this.value = `${toHex(hsv2rgb(_hue, _saturation, _value))}${hexOne(_alpha * 255 / 100)}`;
             break;
           }
           default: {
             const { r, g, b } = hsv2rgb(_hue, _saturation, _value);
-            this.value = `rgba(${r}, ${g}, ${b}, ${_alpha / 100})`;
+            this.value = `rgba(${r}, ${g}, ${b}, ${this.get("alpha") / 100})`;
           }
         }
       } else {
@@ -17064,11 +17162,11 @@
     }
   });
 
-  const _hoisted_1$U = { class: "el-color-predefine" };
+  const _hoisted_1$V = { class: "el-color-predefine" };
   const _hoisted_2$F = { class: "el-color-predefine__colors" };
   const _hoisted_3$z = ["onClick"];
   function render$1d(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$U, [
+    return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$V, [
       vue.createElementVNode("div", _hoisted_2$F, [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.rgbaColors, (item, index) => {
           return vue.openBlock(), vue.createElementBlock("div", {
@@ -17156,7 +17254,7 @@
     }
   });
 
-  const _hoisted_1$T = /* @__PURE__ */ vue.createElementVNode("div", { class: "el-color-svpanel__white" }, null, -1);
+  const _hoisted_1$U = /* @__PURE__ */ vue.createElementVNode("div", { class: "el-color-svpanel__white" }, null, -1);
   const _hoisted_2$E = /* @__PURE__ */ vue.createElementVNode("div", { class: "el-color-svpanel__black" }, null, -1);
   const _hoisted_3$y = /* @__PURE__ */ vue.createElementVNode("div", null, null, -1);
   const _hoisted_4$q = [
@@ -17169,7 +17267,7 @@
         backgroundColor: _ctx.background
       })
     }, [
-      _hoisted_1$T,
+      _hoisted_1$U,
       _hoisted_2$E,
       vue.createElementVNode("div", {
         class: "el-color-svpanel__cursor",
@@ -17215,7 +17313,7 @@
     },
     emits: ["change", "active-change", UPDATE_MODEL_EVENT],
     setup(props, { emit }) {
-      const ELEMENT = useGlobalConfig();
+      const ELEMENT = useGlobalConfig$1();
       const { t } = useLocaleInject();
       const elForm = vue.inject(elFormKey, {});
       const elFormItem = vue.inject(elFormItemKey, {});
@@ -17361,7 +17459,7 @@
     }
   });
 
-  const _hoisted_1$S = { class: "el-color-dropdown__main-wrapper" };
+  const _hoisted_1$T = { class: "el-color-dropdown__main-wrapper" };
   const _hoisted_2$D = { class: "el-color-dropdown__btns" };
   const _hoisted_3$x = { class: "el-color-dropdown__value" };
   const _hoisted_4$p = {
@@ -17397,7 +17495,7 @@
     }, {
       default: vue.withCtx(() => [
         vue.withDirectives(vue.createElementVNode("div", null, [
-          vue.createElementVNode("div", _hoisted_1$S, [
+          vue.createElementVNode("div", _hoisted_1$T, [
             vue.createVNode(_component_hue_slider, {
               ref: "hue",
               class: "hue-slider",
@@ -17514,13 +17612,24 @@
   const _ColorPicker = script$1i;
   const ElColorPicker = _ColorPicker;
 
+  const configProviderProps = {
+    ...useLocaleProps,
+    button: buildProp({
+      type: definePropType(Object),
+      default: () => {
+        return mutable({
+          autoInsertSpace: true
+        });
+      }
+    })
+  };
+
   const ConfigProvider = vue.defineComponent({
     name: "ElConfigProvider",
-    props: {
-      ...useLocaleProps
-    },
-    setup(_, { slots }) {
+    props: configProviderProps,
+    setup(props, { slots }) {
       useLocale();
+      vue.provide(configProviderContextKey, props);
       return () => {
         var _a;
         return (_a = slots.default) == null ? void 0 : _a.call(slots);
@@ -17663,9 +17772,9 @@
     name: "ElMain"
   });
 
-  const _hoisted_1$R = { class: "el-main" };
+  const _hoisted_1$S = { class: "el-main" };
   function render$16(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("main", _hoisted_1$R, [
+    return vue.openBlock(), vue.createElementBlock("main", _hoisted_1$S, [
       vue.renderSlot(_ctx.$slots, "default")
     ]);
   }
@@ -17738,7 +17847,7 @@
     name: "ElDatePickerCell",
     props: buildProps({
       cell: {
-        type: definePropType(Array)
+        type: definePropType(Object)
       }
     }),
     setup(props) {
@@ -17979,7 +18088,7 @@
           }
           target = target.parentNode;
         }
-        if (target.tagName !== "TD")
+        if (!target || target.tagName !== "TD")
           return;
         const row = target.parentNode.rowIndex - 1;
         const column = target.cellIndex;
@@ -18045,7 +18154,7 @@
     }
   });
 
-  const _hoisted_1$Q = { key: 0 };
+  const _hoisted_1$R = { key: 0 };
   function render$15(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_date_picker_cell = vue.resolveComponent("el-date-picker-cell");
     return vue.openBlock(), vue.createElementBlock("table", {
@@ -18057,7 +18166,7 @@
     }, [
       vue.createElementVNode("tbody", null, [
         vue.createElementVNode("tr", null, [
-          _ctx.showWeekNumber ? (vue.openBlock(), vue.createElementBlock("th", _hoisted_1$Q, vue.toDisplayString(_ctx.t("el.datepicker.week")), 1)) : vue.createCommentVNode("v-if", true),
+          _ctx.showWeekNumber ? (vue.openBlock(), vue.createElementBlock("th", _hoisted_1$R, vue.toDisplayString(_ctx.t("el.datepicker.week")), 1)) : vue.createCommentVNode("v-if", true),
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.WEEKS, (week, key) => {
             return vue.openBlock(), vue.createElementBlock("th", { key }, vue.toDisplayString(_ctx.t("el.datepicker.weeks." + week)), 1);
           }), 128))
@@ -18254,7 +18363,7 @@
     }
   });
 
-  const _hoisted_1$P = { class: "cell" };
+  const _hoisted_1$Q = { class: "cell" };
   function render$14(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("table", {
       class: "el-month-table",
@@ -18270,7 +18379,7 @@
                 class: vue.normalizeClass(_ctx.getCellStyle(cell))
               }, [
                 vue.createElementVNode("div", null, [
-                  vue.createElementVNode("a", _hoisted_1$P, vue.toDisplayString(_ctx.t("el.datepicker.months." + _ctx.months[cell.text])), 1)
+                  vue.createElementVNode("a", _hoisted_1$Q, vue.toDisplayString(_ctx.t("el.datepicker.months." + _ctx.months[cell.text])), 1)
                 ])
               ], 2);
             }), 128))
@@ -18332,7 +18441,7 @@
     }
   });
 
-  const _hoisted_1$O = { class: "cell" };
+  const _hoisted_1$P = { class: "cell" };
   const _hoisted_2$C = { class: "cell" };
   const _hoisted_3$w = { class: "cell" };
   const _hoisted_4$o = { class: "cell" };
@@ -18354,7 +18463,7 @@
           vue.createElementVNode("td", {
             class: vue.normalizeClass(["available", _ctx.getCellStyle(_ctx.startYear + 0)])
           }, [
-            vue.createElementVNode("a", _hoisted_1$O, vue.toDisplayString(_ctx.startYear), 1)
+            vue.createElementVNode("a", _hoisted_1$P, vue.toDisplayString(_ctx.startYear), 1)
           ], 2),
           vue.createElementVNode("td", {
             class: vue.normalizeClass(["available", _ctx.getCellStyle(_ctx.startYear + 1)])
@@ -18452,7 +18561,19 @@
     emits: ["pick", "set-picker-option"],
     setup(props, ctx) {
       const { t, lang } = useLocaleInject();
+      const pickerBase = vue.inject("EP_PICKER_BASE");
+      const {
+        shortcuts,
+        disabledDate,
+        cellClassName,
+        defaultTime,
+        defaultValue,
+        arrowControl
+      } = pickerBase.props;
       const innerDate = vue.ref(dayjs().locale(lang.value));
+      const defaultTimeD = vue.computed(() => {
+        return dayjs(defaultTime).locale(lang.value);
+      });
       const month = vue.computed(() => {
         return innerDate.value.month();
       });
@@ -18466,9 +18587,8 @@
         return selectableRange.value.length > 0 ? timeWithinRange(date, selectableRange.value, props.format || "HH:mm:ss") : true;
       };
       const formatEmit = (emitDayjs) => {
-        if (defaultTime) {
-          const defaultTimeD = dayjs(defaultTime).locale(lang.value);
-          return defaultTimeD.year(emitDayjs.year()).month(emitDayjs.month()).date(emitDayjs.date());
+        if (defaultTime && !visibleTime.value) {
+          return defaultTimeD.value.year(emitDayjs.year()).month(emitDayjs.month()).date(emitDayjs.date());
         }
         if (showTime.value)
           return emitDayjs.millisecond(0);
@@ -18589,9 +18709,9 @@
         } else {
           let result = props.parsedValue;
           if (!result) {
-            const defaultTimeD = dayjs(defaultTime).locale(lang.value);
+            const defaultTimeD2 = dayjs(defaultTime).locale(lang.value);
             const defaultValueD = getDefaultValue();
-            result = defaultTimeD.year(defaultValueD.year()).month(defaultValueD.month()).date(defaultValueD.date());
+            result = defaultTimeD2.year(defaultValueD.year()).month(defaultValueD.month()).date(defaultValueD.date());
           }
           innerDate.value = result;
           emit(result);
@@ -18673,7 +18793,12 @@
         return dayjs(value, props.format).locale(lang.value);
       };
       const getDefaultValue = () => {
-        return dayjs(defaultValue).locale(lang.value);
+        const parseDate = dayjs(defaultValue).locale(lang.value);
+        if (!defaultValue) {
+          const defaultTimeDValue = defaultTimeD.value;
+          return dayjs().hour(defaultTimeDValue.hour()).minute(defaultTimeDValue.minute()).second(defaultTimeDValue.second()).locale(lang.value);
+        }
+        return parseDate;
       };
       const handleKeydown = (event) => {
         const { code, keyCode } = event;
@@ -18742,15 +18867,6 @@
       ctx.emit("set-picker-option", ["formatToString", formatToString]);
       ctx.emit("set-picker-option", ["parseUserInput", parseUserInput]);
       ctx.emit("set-picker-option", ["handleKeydown", handleKeydown]);
-      const pickerBase = vue.inject("EP_PICKER_BASE");
-      const {
-        shortcuts,
-        disabledDate,
-        cellClassName,
-        defaultTime,
-        defaultValue,
-        arrowControl
-      } = pickerBase.props;
       vue.watch(() => props.parsedValue, (val) => {
         if (val) {
           if (selectionMode.value === "dates")
@@ -18803,7 +18919,7 @@
     }
   });
 
-  const _hoisted_1$N = { class: "el-picker-panel__body-wrapper" };
+  const _hoisted_1$O = { class: "el-picker-panel__body-wrapper" };
   const _hoisted_2$B = {
     key: 0,
     class: "el-picker-panel__sidebar"
@@ -18843,7 +18959,7 @@
         }
       ]])
     }, [
-      vue.createElementVNode("div", _hoisted_1$N, [
+      vue.createElementVNode("div", _hoisted_1$O, [
         vue.renderSlot(_ctx.$slots, "sidebar", { class: "el-picker-panel__sidebar" }),
         _ctx.hasShortcuts ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$B, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.shortcuts, (shortcut, key) => {
@@ -19029,6 +19145,7 @@
       DateTable: script$1c,
       ElInput: ElInput$1,
       ElButton,
+      ElIcon: ElIcon$1,
       DArrowLeft,
       ArrowLeft,
       DArrowRight,
@@ -19437,7 +19554,7 @@
     }
   });
 
-  const _hoisted_1$M = { class: "el-picker-panel__body-wrapper" };
+  const _hoisted_1$N = { class: "el-picker-panel__body-wrapper" };
   const _hoisted_2$A = {
     key: 0,
     class: "el-picker-panel__sidebar"
@@ -19485,7 +19602,7 @@
         }
       ]])
     }, [
-      vue.createElementVNode("div", _hoisted_1$M, [
+      vue.createElementVNode("div", _hoisted_1$N, [
         vue.renderSlot(_ctx.$slots, "sidebar", { class: "el-picker-panel__sidebar" }),
         _ctx.hasShortcuts ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$A, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.shortcuts, (shortcut, key) => {
@@ -19753,7 +19870,7 @@
   script$18.__file = "packages/components/date-picker/src/date-picker-com/panel-date-range.vue";
 
   var script$17 = vue.defineComponent({
-    components: { MonthTable: script$1b, DArrowLeft, DArrowRight },
+    components: { MonthTable: script$1b, ElIcon: ElIcon$1, DArrowLeft, DArrowRight },
     props: {
       unlinkPanels: Boolean,
       parsedValue: {
@@ -19913,7 +20030,7 @@
     }
   });
 
-  const _hoisted_1$L = { class: "el-picker-panel__body-wrapper" };
+  const _hoisted_1$M = { class: "el-picker-panel__body-wrapper" };
   const _hoisted_2$z = {
     key: 0,
     class: "el-picker-panel__sidebar"
@@ -19938,7 +20055,7 @@
         }
       ]])
     }, [
-      vue.createElementVNode("div", _hoisted_1$L, [
+      vue.createElementVNode("div", _hoisted_1$M, [
         vue.renderSlot(_ctx.$slots, "sidebar", { class: "el-picker-panel__sidebar" }),
         _ctx.hasShortcuts ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$z, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.shortcuts, (shortcut, key) => {
@@ -20200,7 +20317,7 @@
     }
   });
 
-  const _hoisted_1$K = { key: 1 };
+  const _hoisted_1$L = { key: 1 };
   function render$$(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_descriptions_cell = vue.resolveComponent("el-descriptions-cell");
     return _ctx.descriptions.direction === "vertical" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
@@ -20224,7 +20341,7 @@
           }, null, 8, ["cell"]);
         }), 128))
       ])
-    ], 64)) : (vue.openBlock(), vue.createElementBlock("tr", _hoisted_1$K, [
+    ], 64)) : (vue.openBlock(), vue.createElementBlock("tr", _hoisted_1$L, [
       (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.row, (cell, index) => {
         return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
           key: `tr3-${index}`
@@ -20287,7 +20404,7 @@
     },
     setup(props, { slots }) {
       vue.provide(elDescriptionsKey, props);
-      const $ELEMENT = useGlobalConfig();
+      const $ELEMENT = useGlobalConfig$1();
       const descriptionsSize = vue.computed(() => {
         return props.size || $ELEMENT.size;
       });
@@ -20356,7 +20473,7 @@
     }
   });
 
-  const _hoisted_1$J = { class: "el-descriptions" };
+  const _hoisted_1$K = { class: "el-descriptions" };
   const _hoisted_2$y = {
     key: 0,
     class: "el-descriptions__header"
@@ -20366,7 +20483,7 @@
   const _hoisted_5$g = { class: "el-descriptions__body" };
   function render$_(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_descriptions_row = vue.resolveComponent("el-descriptions-row");
-    return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$J, [
+    return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$K, [
       _ctx.title || _ctx.extra || _ctx.$slots.title || _ctx.$slots.extra ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$y, [
         vue.createElementVNode("div", _hoisted_3$s, [
           vue.renderSlot(_ctx.$slots, "title", {}, () => [
@@ -20735,7 +20852,7 @@
     }
   });
 
-  const _hoisted_1$I = ["aria-label"];
+  const _hoisted_1$J = ["aria-label"];
   const _hoisted_2$x = { class: "el-dialog__header" };
   const _hoisted_3$r = { class: "el-dialog__title" };
   const _hoisted_4$j = {
@@ -20817,7 +20934,7 @@
                   _ctx.$slots.footer ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$f, [
                     vue.renderSlot(_ctx.$slots, "footer")
                   ])) : vue.createCommentVNode("v-if", true)
-                ], 14, _hoisted_1$I), [
+                ], 14, _hoisted_1$J), [
                   [_directive_trap_focus]
                 ])
               ], 32)
@@ -20917,7 +21034,7 @@
     }
   });
 
-  const _hoisted_1$H = ["aria-label"];
+  const _hoisted_1$I = ["aria-label"];
   const _hoisted_2$w = {
     key: 0,
     id: "el-drawer__title",
@@ -20988,7 +21105,7 @@
                 _ctx.rendered ? (vue.openBlock(), vue.createElementBlock("section", _hoisted_5$e, [
                   vue.renderSlot(_ctx.$slots, "default")
                 ])) : vue.createCommentVNode("v-if", true)
-              ], 14, _hoisted_1$H), [
+              ], 14, _hoisted_1$I), [
                 [_directive_trap_focus]
               ])
             ]),
@@ -21012,7 +21129,7 @@
   const ElDrawer = _Drawer;
 
   const useDropdown = () => {
-    const ELEMENT = useGlobalConfig();
+    const ELEMENT = useGlobalConfig$1();
     const elDropdown = vue.inject("elDropdown", {});
     const _elDropdownSize = vue.computed(() => elDropdown == null ? void 0 : elDropdown.dropdownSize);
     return {
@@ -21297,6 +21414,7 @@
     }
   });
 
+  const _hoisted_1$H = { class: "el-dropdown" };
   function render$W(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_scrollbar = vue.resolveComponent("el-scrollbar");
     const _component_el_button = vue.resolveComponent("el-button");
@@ -21304,76 +21422,75 @@
     const _component_el_icon = vue.resolveComponent("el-icon");
     const _component_el_button_group = vue.resolveComponent("el-button-group");
     const _component_el_popper = vue.resolveComponent("el-popper");
-    return vue.openBlock(), vue.createBlock(_component_el_popper, {
-      ref: "triggerVnode",
-      visible: _ctx.visible,
-      "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => _ctx.visible = $event),
-      placement: _ctx.placement,
-      "fallback-placements": ["bottom", "top", "right", "left"],
-      effect: _ctx.effect,
-      pure: "",
-      "manual-mode": true,
-      trigger: [_ctx.trigger],
-      "popper-class": "el-dropdown__popper",
-      "append-to-body": "",
-      transition: "el-zoom-in-top",
-      "stop-popper-mouse-event": false,
-      "gpu-acceleration": false
-    }, {
-      default: vue.withCtx(() => [
-        vue.createVNode(_component_el_scrollbar, {
-          ref: "scrollbar",
-          tag: "ul",
-          "wrap-style": _ctx.wrapStyle,
-          "view-class": "el-dropdown__list"
-        }, {
-          default: vue.withCtx(() => [
-            vue.renderSlot(_ctx.$slots, "dropdown")
-          ]),
-          _: 3
-        }, 8, ["wrap-style"])
-      ]),
-      trigger: vue.withCtx(() => [
-        vue.createElementVNode("div", {
-          class: vue.normalizeClass([
-            "el-dropdown",
-            _ctx.dropdownSize ? "el-dropdown--" + _ctx.dropdownSize : ""
-          ])
-        }, [
-          !_ctx.splitButton ? vue.renderSlot(_ctx.$slots, "default", { key: 0 }) : (vue.openBlock(), vue.createBlock(_component_el_button_group, { key: 1 }, {
+    return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$H, [
+      vue.createVNode(_component_el_popper, {
+        ref: "triggerVnode",
+        visible: _ctx.visible,
+        "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => _ctx.visible = $event),
+        placement: _ctx.placement,
+        "fallback-placements": ["bottom", "top", "right", "left"],
+        effect: _ctx.effect,
+        pure: "",
+        "manual-mode": true,
+        trigger: [_ctx.trigger],
+        "popper-class": "el-dropdown__popper",
+        "append-to-body": "",
+        transition: "el-zoom-in-top",
+        "stop-popper-mouse-event": false,
+        "gpu-acceleration": false
+      }, {
+        default: vue.withCtx(() => [
+          vue.createVNode(_component_el_scrollbar, {
+            ref: "scrollbar",
+            tag: "ul",
+            "wrap-style": _ctx.wrapStyle,
+            "view-class": "el-dropdown__list"
+          }, {
             default: vue.withCtx(() => [
-              vue.createVNode(_component_el_button, {
-                size: _ctx.dropdownSize,
-                type: _ctx.type,
-                onClick: _ctx.handlerMainButtonClick
-              }, {
-                default: vue.withCtx(() => [
-                  vue.renderSlot(_ctx.$slots, "default")
-                ]),
-                _: 3
-              }, 8, ["size", "type", "onClick"]),
-              vue.createVNode(_component_el_button, {
-                size: _ctx.dropdownSize,
-                type: _ctx.type,
-                class: "el-dropdown__caret-button"
-              }, {
-                default: vue.withCtx(() => [
-                  vue.createVNode(_component_el_icon, { class: "el-dropdown__icon" }, {
-                    default: vue.withCtx(() => [
-                      vue.createVNode(_component_arrow_down)
-                    ]),
-                    _: 1
-                  })
-                ]),
-                _: 1
-              }, 8, ["size", "type"])
+              vue.renderSlot(_ctx.$slots, "dropdown")
             ]),
             _: 3
-          }))
-        ], 2)
-      ]),
-      _: 3
-    }, 8, ["visible", "placement", "effect", "trigger"]);
+          }, 8, ["wrap-style"])
+        ]),
+        trigger: vue.withCtx(() => [
+          vue.createElementVNode("div", {
+            class: vue.normalizeClass([_ctx.dropdownSize ? "el-dropdown--" + _ctx.dropdownSize : ""])
+          }, [
+            !_ctx.splitButton ? vue.renderSlot(_ctx.$slots, "default", { key: 0 }) : (vue.openBlock(), vue.createBlock(_component_el_button_group, { key: 1 }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_el_button, {
+                  size: _ctx.dropdownSize,
+                  type: _ctx.type,
+                  onClick: _ctx.handlerMainButtonClick
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.renderSlot(_ctx.$slots, "default")
+                  ]),
+                  _: 3
+                }, 8, ["size", "type", "onClick"]),
+                vue.createVNode(_component_el_button, {
+                  size: _ctx.dropdownSize,
+                  type: _ctx.type,
+                  class: "el-dropdown__caret-button"
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(_component_el_icon, { class: "el-dropdown__icon" }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_arrow_down)
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }, 8, ["size", "type"])
+              ]),
+              _: 3
+            }))
+          ], 2)
+        ]),
+        _: 3
+      }, 8, ["visible", "placement", "effect", "trigger"])
+    ]);
   }
 
   script$11.render = render$W;
@@ -21381,6 +21498,7 @@
 
   var script$10 = vue.defineComponent({
     name: "ElDropdownItem",
+    components: { ElIcon: ElIcon$1 },
     props: buildProps({
       command: {
         type: [Object, String, Number],
@@ -23323,7 +23441,7 @@
       }
     },
     setup(props, { slots }) {
-      const $ELEMENT = useGlobalConfig();
+      const $ELEMENT = useGlobalConfig$1();
       const elForm = vue.inject(elFormKey, {});
       const validateState = vue.ref("");
       const validateMessage = vue.ref("");
@@ -23439,8 +23557,6 @@
         validateMessage.value = "";
       };
       const resetField = () => {
-        validateState.value = "";
-        validateMessage.value = "";
         const model = elForm.model;
         const value = fieldValue.value;
         let path = props.prop;
@@ -23453,6 +23569,9 @@
         } else {
           prop.o[prop.k] = initialValue;
         }
+        vue.nextTick(() => {
+          clearValidate();
+        });
       };
       const getRules = () => {
         const formRules = elForm.rules;
@@ -23819,10 +23938,10 @@
           case "zoomIn":
             transform.value.scale = parseFloat((transform.value.scale + zoomRate).toFixed(3));
             break;
-          case "clocelise":
+          case "clockwise":
             transform.value.deg += rotateDeg;
             break;
-          case "anticlocelise":
+          case "anticlockwise":
             transform.value.deg -= rotateDeg;
             break;
         }
@@ -23959,7 +24078,7 @@
               }, 8, ["onClick"]),
               _hoisted_4$f,
               vue.createVNode(_component_el_icon, {
-                onClick: _cache[6] || (_cache[6] = ($event) => _ctx.handleActions("anticlocelise"))
+                onClick: _cache[6] || (_cache[6] = ($event) => _ctx.handleActions("anticlockwise"))
               }, {
                 default: vue.withCtx(() => [
                   vue.createVNode(_component_refresh_left)
@@ -23967,7 +24086,7 @@
                 _: 1
               }),
               vue.createVNode(_component_el_icon, {
-                onClick: _cache[7] || (_cache[7] = ($event) => _ctx.handleActions("clocelise"))
+                onClick: _cache[7] || (_cache[7] = ($event) => _ctx.handleActions("clockwise"))
               }, {
                 default: vue.withCtx(() => [
                   vue.createVNode(_component_refresh_right)
@@ -24037,6 +24156,10 @@
     zIndex: {
       type: Number,
       default: 2e3
+    },
+    initialIndex: {
+      type: Number,
+      default: 0
     }
   });
   const imageEmits = {
@@ -24080,8 +24203,8 @@
         return Array.isArray(previewSrcList) && previewSrcList.length > 0;
       });
       const imageIndex = vue.computed(() => {
-        const { src, previewSrcList } = props;
-        let previewIndex = 0;
+        const { src, previewSrcList, initialIndex } = props;
+        let previewIndex = initialIndex;
         const srcIndex = previewSrcList.indexOf(src);
         if (srcIndex >= 0) {
           previewIndex = srcIndex;
@@ -25139,7 +25262,7 @@
           (_a = slots.title) == null ? void 0 : _a.call(slots),
           vue.h(ElIcon, {
             class: ["el-sub-menu__icon-arrow"]
-          }, () => [vue.h(subMenuTitleIcon.value)])
+          }, { default: () => vue.h(subMenuTitleIcon.value) })
         ];
         const ulStyle = useMenuCssVar(rootMenu.props);
         const child = rootMenu.isMenuPopup ? vue.h(ElPopper, {
@@ -25462,7 +25585,7 @@
             }, {
               title: () => vue.h(ElIcon$1, {
                 class: ["el-sub-menu__icon-more"]
-              }, () => [vue.h(More)]),
+              }, { default: () => vue.h(More) }),
               default: () => slotMore
             }));
           }
@@ -25807,12 +25930,12 @@
       }, [
         _ctx.icon || _ctx.$slots.icon ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$q, [
           vue.renderSlot(_ctx.$slots, "icon", {}, () => [
-            vue.createVNode(_component_el_icon, null, {
+            _ctx.icon ? (vue.openBlock(), vue.createBlock(_component_el_icon, { key: 0 }, {
               default: vue.withCtx(() => [
                 (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.icon)))
               ]),
               _: 1
-            })
+            })) : vue.createCommentVNode("v-if", true)
           ])
         ])) : vue.createCommentVNode("v-if", true),
         vue.createElementVNode("div", _hoisted_3$l, [
@@ -26181,7 +26304,7 @@
     });
   }
   const useSelect$2 = (props, states, ctx) => {
-    const ELEMENT = useGlobalConfig();
+    const ELEMENT = useGlobalConfig$1();
     const { t } = useLocaleInject();
     const reference = vue.ref(null);
     const input = vue.ref(null);
@@ -26471,7 +26594,7 @@
         const valueKey = props.valueKey;
         if (!props.multiple) {
           states.hoverIndex = optionsArray.value.findIndex((item) => {
-            return getValueByPath(item, valueKey) === getValueByPath(states.selected, valueKey);
+            return getValueKey(item) === getValueKey(states.selected);
           });
         } else {
           if (states.selected.length > 0) {
@@ -26816,7 +26939,10 @@
     props: {
       name: String,
       id: String,
-      modelValue: [Array, String, Number, Boolean, Object],
+      modelValue: {
+        type: [Array, String, Number, Boolean, Object],
+        default: void 0
+      },
       autocomplete: {
         type: String,
         default: "off"
@@ -27258,18 +27384,19 @@
               onMouseleave: _cache[22] || (_cache[22] = ($event) => _ctx.inputHovering = false)
             }, vue.createSlots({
               suffix: vue.withCtx(() => [
-                vue.withDirectives(vue.createVNode(_component_el_icon, {
+                _ctx.iconComponent ? vue.withDirectives((vue.openBlock(), vue.createBlock(_component_el_icon, {
+                  key: 0,
                   class: vue.normalizeClass(["el-select__caret", "el-input__icon", _ctx.iconReverse])
                 }, {
                   default: vue.withCtx(() => [
                     (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.iconComponent)))
                   ]),
                   _: 1
-                }, 8, ["class"]), [
+                }, 8, ["class"])), [
                   [vue.vShow, !_ctx.showClose]
-                ]),
-                _ctx.showClose ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
-                  key: 0,
+                ]) : vue.createCommentVNode("v-if", true),
+                _ctx.showClose && _ctx.clearIcon ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
+                  key: 1,
                   class: "el-select__caret el-input__icon",
                   onClick: _ctx.handleClearClick
                 }, {
@@ -28088,7 +28215,7 @@
       default: vue.withCtx(() => [
         vue.createElementVNode("div", _hoisted_1$o, [
           vue.createElementVNode("div", _hoisted_2$k, [
-            !_ctx.hideIcon ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
+            !_ctx.hideIcon && _ctx.icon ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
               key: 0,
               class: "el-popconfirm__icon",
               style: vue.normalizeStyle({ color: _ctx.iconColor })
@@ -28976,9 +29103,10 @@
     return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$l, [
       vue.createElementVNode("div", _hoisted_2$h, [
         vue.renderSlot(_ctx.$slots, "icon", {}, () => [
-          (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.resultIcon.component), {
+          _ctx.resultIcon.component ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.resultIcon.component), {
+            key: 0,
             class: vue.normalizeClass(_ctx.resultIcon.class)
-          }, null, 8, ["class"]))
+          }, null, 8, ["class"])) : vue.createCommentVNode("v-if", true)
         ])
       ]),
       _ctx.title || _ctx.$slots.title ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$f, [
@@ -29366,11 +29494,15 @@
     },
     width: {
       type: [Number, String],
-      required: true
+      required: false
     },
     perfMode: {
       type: Boolean,
       default: true
+    },
+    scrollbarAlwaysOn: {
+      type: Boolean,
+      default: false
     }
   });
   const virtualizedListProps = buildProps({
@@ -29436,8 +29568,7 @@
         [ScrollbarDirKey[props.layout]]: "2px",
         right: "2px",
         bottom: "2px",
-        borderRadius: "4px",
-        ...props.visible ? {} : { display: "none" }
+        borderRadius: "4px"
       }));
       const thumbSize = vue.computed(() => {
         const ratio = props.ratio;
@@ -29592,7 +29723,8 @@
           scrollDir: "forward",
           scrollOffset: isNumber(props.initScrollOffset) ? props.initScrollOffset : 0,
           updateRequested: false,
-          isScrollbarDragging: false
+          isScrollbarDragging: false,
+          scrollbarAlwaysOn: props.scrollbarAlwaysOn
         });
         const itemsToRender = vue.computed(() => {
           const { total, cache } = props;
@@ -29886,8 +30018,7 @@
           onScroll: onScrollbarScroll,
           ratio: clientSize * 100 / this.estimatedTotalSize,
           scrollFrom: states.scrollOffset / (this.estimatedTotalSize - clientSize),
-          total,
-          visible: true
+          total
         });
         const listContainer = vue.h(Container, {
           class: className,
@@ -29899,7 +30030,10 @@
         }, !isString$1(Container) ? { default: () => [InnerNode] } : [InnerNode]);
         return vue.h("div", {
           key: 0,
-          class: "el-vl__wrapper"
+          class: [
+            "el-vl__wrapper",
+            states.scrollbarAlwaysOn ? "always-on" : ""
+          ]
         }, [listContainer, scrollbar]);
       }
     });
@@ -30957,6 +31091,10 @@
     valueKey: {
       type: String,
       default: "value"
+    },
+    scrollbarAlwaysOn: {
+      type: Boolean,
+      default: false
     }
   };
   const OptionProps = {
@@ -31155,6 +31293,7 @@
         height,
         width,
         total: data.length,
+        scrollbarAlwaysOn: selectProps.scrollbarAlwaysOn,
         onKeydown: [
           _cache[1] || (_cache[1] = vue.withKeys(vue.withModifiers(() => onKeyboardNavigate("forward"), ["stop", "prevent"]), ["down"])),
           _cache[2] || (_cache[2] = vue.withKeys(vue.withModifiers(() => onKeyboardNavigate("backward"), ["stop", "prevent"]), ["up"])),
@@ -31305,7 +31444,7 @@
     const { t } = useLocaleInject();
     const elForm = vue.inject(elFormKey, {});
     const elFormItem = vue.inject(elFormItemKey, {});
-    const $ELEMENT = useGlobalConfig();
+    const $ELEMENT = useGlobalConfig$1();
     const states = vue.reactive({
       inputValue: DEFAULT_INPUT_PLACEHOLDER,
       displayInputValue: DEFAULT_INPUT_PLACEHOLDER,
@@ -32153,18 +32292,19 @@
                 })
               }, vue.toDisplayString(_ctx.currentPlaceholder), 3)) : vue.createCommentVNode("v-if", true),
               vue.createElementVNode("span", _hoisted_9$2, [
-                vue.withDirectives(vue.createVNode(_component_el_icon, {
+                _ctx.iconComponent ? vue.withDirectives((vue.openBlock(), vue.createBlock(_component_el_icon, {
+                  key: 0,
                   class: vue.normalizeClass(["el-select-v2__caret", "el-input__icon", _ctx.iconReverse])
                 }, {
                   default: vue.withCtx(() => [
                     (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.iconComponent)))
                   ]),
                   _: 1
-                }, 8, ["class"]), [
+                }, 8, ["class"])), [
                   [vue.vShow, !_ctx.showClearBtn]
-                ]),
-                _ctx.showClearBtn ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
-                  key: 0,
+                ]) : vue.createCommentVNode("v-if", true),
+                _ctx.showClearBtn && _ctx.clearIcon ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
+                  key: 1,
                   class: "el-select-v2__caret el-input__icon",
                   onClick: vue.withModifiers(_ctx.handleClear, ["prevent", "stop"])
                 }, {
@@ -32182,7 +32322,8 @@
             ref: "menuRef",
             data: _ctx.filteredOptions,
             width: _ctx.popperSize,
-            "hovering-index": _ctx.states.hoveringIndex
+            "hovering-index": _ctx.states.hoveringIndex,
+            "scrollbar-always-on": _ctx.scrollbarAlwaysOn
           }, {
             default: vue.withCtx((scope) => [
               vue.renderSlot(_ctx.$slots, "default", vue.normalizeProps(vue.guardReactiveProps(scope)))
@@ -32193,7 +32334,7 @@
               ])
             ]),
             _: 3
-          }, 8, ["data", "width", "hovering-index"])
+          }, 8, ["data", "width", "hovering-index", "scrollbar-always-on"])
         ]),
         _: 3
       }, 8, ["visible", "append-to-body", "popper-class", "popper-options", "effect", "onBeforeEnter"])
@@ -34574,7 +34715,9 @@
     return result;
   };
   function useWatcher$1() {
+    var _a;
     const instance = vue.getCurrentInstance();
+    const { size: tableSize } = vue.toRefs((_a = instance.proxy) == null ? void 0 : _a.$props);
     const rowKey = vue.ref(null);
     const data = vue.ref([]);
     const _data = vue.ref([]);
@@ -34665,6 +34808,11 @@
         const newSelection = selection.value.filter((item) => deleted.indexOf(item) === -1);
         selection.value = newSelection;
         instance.emit("selection-change", newSelection.slice());
+      } else {
+        if (selection.value.length) {
+          selection.value = [];
+          instance.emit("selection-change", []);
+        }
       }
     };
     const toggleRowSelection = (row, selected = void 0, emitChange = true) => {
@@ -34678,12 +34826,12 @@
       }
     };
     const _toggleAllSelection = () => {
-      var _a, _b;
+      var _a2, _b;
       const value = selectOnIndeterminate.value ? !isAllSelected.value : !(isAllSelected.value || selection.value.length);
       isAllSelected.value = value;
       let selectionChanged = false;
       let childrenCount = 0;
-      const rowKey2 = (_b = (_a = instance == null ? void 0 : instance.store) == null ? void 0 : _a.states) == null ? void 0 : _b.rowKey.value;
+      const rowKey2 = (_b = (_a2 = instance == null ? void 0 : instance.store) == null ? void 0 : _a2.states) == null ? void 0 : _b.rowKey.value;
       data.value.forEach((row, index) => {
         const rowIndex = index + childrenCount;
         if (selectable.value) {
@@ -34713,8 +34861,8 @@
       });
     };
     const updateAllSelected = () => {
-      var _a, _b, _c;
-      if (((_a = data.value) == null ? void 0 : _a.length) === 0) {
+      var _a2, _b, _c;
+      if (((_a2 = data.value) == null ? void 0 : _a2.length) === 0) {
         isAllSelected.value = false;
         return;
       }
@@ -34752,12 +34900,12 @@
       isAllSelected.value = isAllSelected_;
     };
     const getChildrenCount = (rowKey2) => {
-      var _a;
+      var _a2;
       if (!instance || !instance.store)
         return 0;
       const { treeData } = instance.store.states;
       let count = 0;
-      const children = (_a = treeData.value[rowKey2]) == null ? void 0 : _a.children;
+      const children = (_a2 = treeData.value[rowKey2]) == null ? void 0 : _a2.children;
       if (children) {
         count += children.length;
         children.forEach((childKey) => {
@@ -34940,6 +35088,7 @@
       loadOrToggle,
       updateTreeData,
       states: {
+        tableSize,
         rowKey,
         data,
         _data,
@@ -35807,7 +35956,9 @@
             const columnWidth = finalLeft - startColumnLeft;
             column.width = column.realWidth = columnWidth;
             table.emit("header-dragend", column.width, startLeft - startColumnLeft, column, event);
-            props.store.scheduleLayout(false, true);
+            requestAnimationFrame(() => {
+              props.store.scheduleLayout(false, true);
+            });
             document.body.style.cursor = "";
             dragging.value = false;
             draggingColumn.value = null;
@@ -36435,8 +36586,7 @@
       getCellStyle,
       getCellClass,
       getSpan,
-      getColspanRealWidth,
-      isColumnHidden
+      getColspanRealWidth
     } = useStyles(props);
     const firstDefaultColumnIndex = vue.computed(() => {
       return props.store.states.columns.value.findIndex(({ type }) => type === "default");
@@ -36513,7 +36663,7 @@
       }));
     };
     const cellChildren = (cellIndex, column, data) => {
-      return isColumnHidden(cellIndex) ? null : column.renderCell(data);
+      return column.renderCell(data);
     };
     const wrappedRowRender = (row, $index) => {
       const store = props.store;
@@ -36913,7 +37063,7 @@
   }
 
   function useStyle(props, layout, store, table) {
-    const $ELEMENT = useGlobalConfig();
+    const $ELEMENT = useGlobalConfig$1();
     const isHidden = vue.ref(false);
     const renderExpanded = vue.ref(null);
     const resizeProxyVisible = vue.ref(false);
@@ -36968,14 +37118,14 @@
         layout.updateElsHeight();
       }
       layout.updateColumnsWidth();
-      syncPostion();
+      requestAnimationFrame(syncPostion);
     };
     vue.onMounted(async () => {
       setScrollClass("is-scrolling-left");
       store.updateColumns();
       await vue.nextTick();
       bindEvents();
-      doLayout();
+      requestAnimationFrame(doLayout);
       resizeState.value = {
         width: table.vnode.el.offsetWidth,
         height: table.vnode.el.offsetHeight
@@ -37691,6 +37841,7 @@
         }
         return vue.h(ElCheckbox, {
           disabled: isDisabled(),
+          size: store.states.tableSize.value,
           indeterminate: store.states.selection.value.length > 0 && !store.states.isAllSelected.value,
           "onUpdate:modelValue": store.toggleAllSelection,
           modelValue: store.states.isAllSelected.value
@@ -37704,6 +37855,7 @@
       }) {
         return vue.h(ElCheckbox, {
           disabled: column.selectable ? !column.selectable.call(null, row, $index) : false,
+          size: store.states.tableSize.value,
           onChange: () => {
             store.commit("rowSelectedChanged", row);
           },
@@ -37749,7 +37901,17 @@
         return vue.h("div", {
           class: classes,
           onClick: callback
-        }, [vue.h(ElIcon, null, [vue.h(ArrowRight)])]);
+        }, {
+          default: () => {
+            return [
+              vue.h(ElIcon, null, {
+                default: () => {
+                  return [vue.h(ArrowRight)];
+                }
+              })
+            ];
+          }
+        });
       },
       sortable: false,
       resizable: false,
@@ -37799,7 +37961,15 @@
       ele.push(vue.h("div", {
         class: expandClasses,
         onClick: callback
-      }, [vue.h(ElIcon, { class: { "is-loading": treeNode.loading } }, [vue.h(icon)])]));
+      }, {
+        default: () => {
+          return [
+            vue.h(ElIcon, { class: { "is-loading": treeNode.loading } }, {
+              default: () => [vue.h(icon)]
+            })
+          ];
+        }
+      }));
     } else {
       ele.push(vue.h("span", {
         class: "el-table__placeholder"
@@ -38513,14 +38683,14 @@
             scrollable.prev ? "" : "is-disabled"
           ],
           onClick: scrollPrev
-        }, [vue.h(ElIcon, {}, () => [vue.h(ArrowLeft)])]),
+        }, [vue.h(ElIcon, {}, { default: () => vue.h(ArrowLeft) })]),
         vue.h("span", {
           class: [
             "el-tabs__nav-next",
             scrollable.next ? "" : "is-disabled"
           ],
           onClick: scrollNext
-        }, [vue.h("i", {}, () => [vue.h(ArrowRight)])])
+        }, [vue.h(ElIcon, {}, { default: () => vue.h(ArrowRight) })])
       ] : null;
       const tabs = panes.map((pane, index) => {
         var _a, _b;
@@ -38532,7 +38702,7 @@
           onClick: (ev) => {
             onTabRemove(pane, ev);
           }
-        }, () => [vue.h(Close)]) : null;
+        }, { default: () => vue.h(Close) }) : null;
         const tabLabelContent = ((_b = (_a = pane.instance.slots).label) == null ? void 0 : _b.call(_a)) || pane.props.label;
         const tabindex = pane.active ? 0 : -1;
         return vue.h("div", {
@@ -38775,7 +38945,7 @@
             handleTabAdd();
           }
         }
-      }, [vue.h(ElIcon$1, { class: "is-icon-plus" }, () => [Plus])]) : null;
+      }, [vue.h(ElIcon$1, { class: "is-icon-plus" }, { default: () => vue.h(Plus) })]) : null;
       const header = vue.h("div", {
         class: ["el-tabs__header", `is-${tabPosition}`]
       }, [
@@ -39047,12 +39217,15 @@
       onFocus: _cache[3] || (_cache[3] = (event) => _ctx.$emit("focus", event))
     }, {
       prefix: vue.withCtx(() => [
-        vue.createVNode(_component_el_icon, { class: "el-input__prefix-icon" }, {
+        _ctx.prefixIcon ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
+          key: 0,
+          class: "el-input__prefix-icon"
+        }, {
           default: vue.withCtx(() => [
             (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.prefixIcon)))
           ]),
           _: 1
-        })
+        })) : vue.createCommentVNode("v-if", true)
       ]),
       default: vue.withCtx(() => [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.items, (item) => {
@@ -39317,6 +39490,7 @@
       ElCheckboxGroup: ElCheckboxGroup$1,
       ElCheckbox,
       ElInput: ElInput$1,
+      ElIcon: ElIcon$1,
       OptionContent: ({ option }) => option
     },
     props: useCheckProps,
@@ -39415,7 +39589,8 @@
           onMouseleave: _cache[3] || (_cache[3] = ($event) => _ctx.inputHover = false)
         }, {
           prefix: vue.withCtx(() => [
-            vue.createVNode(_component_el_icon, {
+            _ctx.inputIcon ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
+              key: 0,
               class: "el-input__icon",
               onClick: _ctx.clearQuery
             }, {
@@ -39423,7 +39598,7 @@
                 (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.inputIcon)))
               ]),
               _: 1
-            }, 8, ["onClick"])
+            }, 8, ["onClick"])) : vue.createCommentVNode("v-if", true)
           ]),
           _: 1
         }, 8, ["modelValue", "placeholder"])) : vue.createCommentVNode("v-if", true),
@@ -39537,6 +39712,9 @@
         return checkedState.leftChecked.includes(itemKey) && !props.modelValue.includes(itemKey);
       }).map((item) => item[propsKey.value]);
       currentValue = props.targetOrder === "unshift" ? itemsToBeMoved.concat(currentValue) : currentValue.concat(itemsToBeMoved);
+      if (props.targetOrder === "original") {
+        currentValue = props.data.filter((item) => currentValue.includes(item[propsKey.value])).map((item) => item[propsKey.value]);
+      }
       _emit(currentValue, "right", checkedState.leftChecked);
     };
     return {
@@ -40751,6 +40929,24 @@
       const getNodeKey$1 = (node) => {
         return getNodeKey(tree.props.nodeKey, node.data);
       };
+      const getNodeClass = (node) => {
+        const nodeClassFunc = props.props.class;
+        if (!nodeClassFunc) {
+          return {};
+        }
+        let className;
+        if (isFunction$3(nodeClassFunc)) {
+          const { data } = node;
+          className = nodeClassFunc(data, node);
+        } else {
+          className = nodeClassFunc;
+        }
+        if (isString$1(className)) {
+          return { [className]: true };
+        } else {
+          return className;
+        }
+      };
       const handleSelectChange = (checked, indeterminate) => {
         if (oldChecked.value !== checked || oldIndeterminate.value !== indeterminate) {
           tree.ctx.emit("check-change", props.node.data, checked, indeterminate);
@@ -40837,6 +41033,7 @@
         oldChecked,
         oldIndeterminate,
         getNodeKey: getNodeKey$1,
+        getNodeClass,
         handleSelectChange,
         handleClick,
         handleContextMenu,
@@ -40868,7 +41065,8 @@
         "is-current": _ctx.node.isCurrent,
         "is-hidden": !_ctx.node.visible,
         "is-focusable": !_ctx.node.disabled,
-        "is-checked": !_ctx.node.disabled && _ctx.node.checked
+        "is-checked": !_ctx.node.disabled && _ctx.node.checked,
+        ..._ctx.getNodeClass(_ctx.node)
       }]),
       role: "treeitem",
       tabindex: "-1",
@@ -40888,7 +41086,8 @@
         class: "el-tree-node__content",
         style: vue.normalizeStyle({ paddingLeft: (_ctx.node.level - 1) * _ctx.tree.props.indent + "px" })
       }, [
-        vue.createVNode(_component_el_icon, {
+        _ctx.tree.props.icon || _ctx.CaretRight ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
+          key: 0,
           class: vue.normalizeClass([
             {
               "is-leaf": _ctx.node.isLeaf,
@@ -40902,9 +41101,9 @@
             (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.tree.props.icon || _ctx.CaretRight)))
           ]),
           _: 1
-        }, 8, ["class", "onClick"]),
+        }, 8, ["class", "onClick"])) : vue.createCommentVNode("v-if", true),
         _ctx.showCheckbox ? (vue.openBlock(), vue.createBlock(_component_el_checkbox, {
-          key: 0,
+          key: 1,
           "model-value": _ctx.node.checked,
           indeterminate: _ctx.node.indeterminate,
           disabled: !!_ctx.node.disabled,
@@ -40913,7 +41112,7 @@
           onChange: _ctx.handleCheckChange
         }, null, 8, ["model-value", "indeterminate", "disabled", "onChange"])) : vue.createCommentVNode("v-if", true),
         _ctx.node.loading ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
-          key: 1,
+          key: 2,
           class: "el-tree-node__loading-icon is-loading"
         }, {
           default: vue.withCtx(() => [
@@ -40941,8 +41140,9 @@
                 "render-after-expand": _ctx.renderAfterExpand,
                 "show-checkbox": _ctx.showCheckbox,
                 node: child,
+                props: _ctx.props,
                 onNodeExpand: _ctx.handleChildNodeExpand
-              }, null, 8, ["render-content", "render-after-expand", "show-checkbox", "node", "onNodeExpand"]);
+              }, null, 8, ["render-content", "render-after-expand", "show-checkbox", "node", "props", "onNodeExpand"]);
             }), 128))
           ], 8, _hoisted_2$6)), [
             [vue.vShow, _ctx.expanded]
@@ -41316,6 +41516,7 @@
     class: "el-tree__drop-indicator"
   };
   function render$8(_ctx, _cache, $props, $setup, $data, $options) {
+    var _a;
     const _component_el_tree_node = vue.resolveComponent("el-tree-node");
     return vue.openBlock(), vue.createElementBlock("div", {
       ref: "el$",
@@ -41340,7 +41541,7 @@
         }, null, 8, ["node", "props", "accordion", "render-after-expand", "show-checkbox", "render-content", "onNodeExpand"]);
       }), 128)),
       _ctx.isEmpty ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$7, [
-        vue.createElementVNode("span", _hoisted_2$5, vue.toDisplayString(_ctx.emptyText || _ctx.t("el.tree.emptyText")), 1)
+        vue.createElementVNode("span", _hoisted_2$5, vue.toDisplayString((_a = _ctx.emptyText) != null ? _a : _ctx.t("el.tree.emptyText")), 1)
       ])) : vue.createCommentVNode("v-if", true),
       vue.withDirectives(vue.createElementVNode("div", _hoisted_3$4, null, 512), [
         [vue.vShow, _ctx.dragState.showDropIndicator]
@@ -42017,10 +42218,12 @@
     setup(props, { emit }) {
       const tree = vue.inject(ROOT_TREE_INJECTION_KEY);
       const indent = vue.computed(() => {
-        return (tree == null ? void 0 : tree.props.indent) || 16;
+        var _a;
+        return (_a = tree == null ? void 0 : tree.props.indent) != null ? _a : 16;
       });
       const icon = vue.computed(() => {
-        return (tree == null ? void 0 : tree.props.icon) ? tree.props.icon : DEFAULT_ICON;
+        var _a;
+        return (_a = tree == null ? void 0 : tree.props.icon) != null ? _a : DEFAULT_ICON;
       });
       const handleClick = () => {
         emit("click", props.node);
@@ -42077,7 +42280,8 @@
         class: "el-tree-node__content",
         style: vue.normalizeStyle({ paddingLeft: `${(_ctx.node.level - 1) * _ctx.indent}px` })
       }, [
-        vue.createVNode(_component_el_icon, {
+        _ctx.icon ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
+          key: 0,
           class: vue.normalizeClass([
             {
               "is-leaf": (_b = _ctx.node) == null ? void 0 : _b.isLeaf,
@@ -42092,9 +42296,9 @@
             (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.icon)))
           ]),
           _: 1
-        }, 8, ["class", "onClick"]),
+        }, 8, ["class", "onClick"])) : vue.createCommentVNode("v-if", true),
         _ctx.showCheckbox ? (vue.openBlock(), vue.createBlock(_component_el_checkbox, {
-          key: 0,
+          key: 1,
           "model-value": _ctx.checked,
           indeterminate: _ctx.indeterminate,
           disabled: _ctx.disabled,
@@ -42188,6 +42392,7 @@
   };
   const _hoisted_2$4 = { class: "el-tree__empty-text" };
   function render$6(_ctx, _cache, $props, $setup, $data, $options) {
+    var _a;
     const _component_el_tree_node = vue.resolveComponent("el-tree-node");
     const _component_fixed_size_list = vue.resolveComponent("fixed-size-list");
     return vue.openBlock(), vue.createElementBlock("div", {
@@ -42224,7 +42429,7 @@
         ]),
         _: 1
       }, 8, ["data", "total", "height", "item-size", "perf-mode"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$5, [
-        vue.createElementVNode("span", _hoisted_2$4, vue.toDisplayString(_ctx.emptyText || _ctx.t("el.tree.emptyText")), 1)
+        vue.createElementVNode("span", _hoisted_2$4, vue.toDisplayString((_a = _ctx.emptyText) != null ? _a : _ctx.t("el.tree.emptyText")), 1)
       ]))
     ], 2);
   }
@@ -44393,10 +44598,11 @@
         return componentSetupConfig;
       },
       render() {
+        const svg = this.spinner || this.svg;
         const spinner = vue.h("svg", {
           class: "circular",
           viewBox: this.svgViewBox ? this.svgViewBox : "25 25 50 50",
-          ...this.svg ? { innerHTML: this.svg } : {}
+          ...svg ? { innerHTML: svg } : {}
         }, [
           vue.h("circle", {
             class: "path",
@@ -44406,7 +44612,6 @@
             fill: "none"
           })
         ]);
-        const noSpinner = vue.h(ElIcon$1, {}, () => [this.spinner]);
         const spinnerText = vue.h("p", { class: "el-loading-text" }, [this.text]);
         return vue.h(vue.Transition, {
           name: "el-loading-fade",
@@ -44425,10 +44630,7 @@
             }, [
               vue.h("div", {
                 class: "el-loading-spinner"
-              }, [
-                !this.spinner ? spinner : noSpinner,
-                this.text ? spinnerText : null
-              ])
+              }, [spinner, this.text ? spinnerText : null])
             ]), [[vue.vShow, this.visible]])
           ])
         });
@@ -44650,6 +44852,14 @@
     zIndex: {
       type: Number,
       default: 0
+    },
+    grouping: {
+      type: Boolean,
+      default: false
+    },
+    repeatNum: {
+      type: Number,
+      default: 1
     }
   });
   const messageEmits = {
@@ -44659,6 +44869,7 @@
   var script$2 = vue.defineComponent({
     name: "ElMessage",
     components: {
+      ElBadge,
       ElIcon,
       ...TypeComponents
     },
@@ -44705,6 +44916,10 @@
         startTimer();
         visible.value = true;
       });
+      vue.watch(() => props.repeatNum, () => {
+        clearTimer();
+        startTimer();
+      });
       useEventListener(document, "keydown", keydown);
       return {
         typeClass,
@@ -44725,6 +44940,7 @@
   };
   const _hoisted_3$2 = ["innerHTML"];
   function render$2(_ctx, _cache, $props, $setup, $data, $options) {
+    const _component_el_badge = vue.resolveComponent("el-badge");
     const _component_el_icon = vue.resolveComponent("el-icon");
     const _component_close = vue.resolveComponent("close");
     return vue.openBlock(), vue.createBlock(vue.Transition, {
@@ -44732,53 +44948,62 @@
       onBeforeLeave: _ctx.onClose,
       onAfterLeave: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("destroy"))
     }, {
-      default: vue.withCtx(() => [
-        vue.withDirectives(vue.createElementVNode("div", {
-          id: _ctx.id,
-          class: vue.normalizeClass([
-            "el-message",
-            _ctx.type && !_ctx.icon ? `el-message--${_ctx.type}` : "",
-            _ctx.center ? "is-center" : "",
-            _ctx.showClose ? "is-closable" : "",
-            _ctx.customClass
-          ]),
-          style: vue.normalizeStyle(_ctx.customStyle),
-          role: "alert",
-          onMouseenter: _cache[0] || (_cache[0] = (...args) => _ctx.clearTimer && _ctx.clearTimer(...args)),
-          onMouseleave: _cache[1] || (_cache[1] = (...args) => _ctx.startTimer && _ctx.startTimer(...args))
-        }, [
-          _ctx.iconComponent ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
-            key: 0,
-            class: vue.normalizeClass(["el-message__icon", _ctx.typeClass])
-          }, {
-            default: vue.withCtx(() => [
-              (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.iconComponent)))
+      default: vue.withCtx(() => {
+        var _a;
+        return [
+          vue.withDirectives(vue.createElementVNode("div", {
+            id: _ctx.id,
+            class: vue.normalizeClass([
+              "el-message",
+              _ctx.type && !_ctx.icon ? `el-message--${_ctx.type}` : "",
+              _ctx.center ? "is-center" : "",
+              _ctx.showClose ? "is-closable" : "",
+              _ctx.customClass
             ]),
-            _: 1
-          }, 8, ["class"])) : vue.createCommentVNode("v-if", true),
-          vue.renderSlot(_ctx.$slots, "default", {}, () => [
-            !_ctx.dangerouslyUseHTMLString ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_2$2, vue.toDisplayString(_ctx.message), 1)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
-              vue.createCommentVNode(" Caution here, message could've been compromised, never use user's input as message "),
-              vue.createElementVNode("p", {
-                class: "el-message__content",
-                innerHTML: _ctx.message
-              }, null, 8, _hoisted_3$2)
-            ], 2112))
-          ]),
-          _ctx.showClose ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
-            key: 1,
-            class: "el-message__closeBtn",
-            onClick: vue.withModifiers(_ctx.close, ["stop"])
-          }, {
-            default: vue.withCtx(() => [
-              vue.createVNode(_component_close)
+            style: vue.normalizeStyle(_ctx.customStyle),
+            role: "alert",
+            onMouseenter: _cache[0] || (_cache[0] = (...args) => _ctx.clearTimer && _ctx.clearTimer(...args)),
+            onMouseleave: _cache[1] || (_cache[1] = (...args) => _ctx.startTimer && _ctx.startTimer(...args))
+          }, [
+            _ctx.repeatNum > 1 ? (vue.openBlock(), vue.createBlock(_component_el_badge, {
+              key: 0,
+              value: _ctx.repeatNum,
+              type: (_a = _ctx.type) != null ? _a : "info",
+              class: "el-message__badge"
+            }, null, 8, ["value", "type"])) : vue.createCommentVNode("v-if", true),
+            _ctx.iconComponent ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
+              key: 1,
+              class: vue.normalizeClass(["el-message__icon", _ctx.typeClass])
+            }, {
+              default: vue.withCtx(() => [
+                (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.iconComponent)))
+              ]),
+              _: 1
+            }, 8, ["class"])) : vue.createCommentVNode("v-if", true),
+            vue.renderSlot(_ctx.$slots, "default", {}, () => [
+              !_ctx.dangerouslyUseHTMLString ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_2$2, vue.toDisplayString(_ctx.message), 1)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+                vue.createCommentVNode(" Caution here, message could've been compromised, never use user's input as message "),
+                vue.createElementVNode("p", {
+                  class: "el-message__content",
+                  innerHTML: _ctx.message
+                }, null, 8, _hoisted_3$2)
+              ], 2112))
             ]),
-            _: 1
-          }, 8, ["onClick"])) : vue.createCommentVNode("v-if", true)
-        ], 46, _hoisted_1$2), [
-          [vue.vShow, _ctx.visible]
-        ])
-      ]),
+            _ctx.showClose ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
+              key: 2,
+              class: "el-message__closeBtn",
+              onClick: vue.withModifiers(_ctx.close, ["stop"])
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_close)
+              ]),
+              _: 1
+            }, 8, ["onClick"])) : vue.createCommentVNode("v-if", true)
+          ], 46, _hoisted_1$2), [
+            [vue.vShow, _ctx.visible]
+          ])
+        ];
+      }),
       _: 3
     }, 8, ["onBeforeLeave"]);
   }
@@ -44791,6 +45016,19 @@
   const message = function(options = {}) {
     if (isServer)
       return { close: () => void 0 };
+    if (!vue.isVNode(options) && typeof options === "object" && options.grouping && !vue.isVNode(options.message) && instances.length) {
+      const tempVm = instances.find((item) => {
+        var _a, _b, _c;
+        return `${(_b = (_a = item.vm.props) == null ? void 0 : _a.message) != null ? _b : ""}` === `${(_c = options.message) != null ? _c : ""}`;
+      });
+      if (tempVm) {
+        tempVm.vm.component.props.repeatNum += 1;
+        tempVm.vm.component.props.type = options == null ? void 0 : options.type;
+        return {
+          close: () => vm.component.proxy.visible = false
+        };
+      }
+    }
     if (typeof options === "string" || vue.isVNode(options)) {
       options = { message: options };
     }
@@ -45896,6 +46134,7 @@
   exports.buttonType = buttonType;
   exports.cardProps = cardProps;
   exports.colProps = colProps;
+  exports.configProviderContextKey = configProviderContextKey;
   exports["default"] = installer;
   exports.dialogEmits = dialogEmits;
   exports.dialogProps = dialogProps;
@@ -45964,6 +46203,7 @@
   exports.useFocus = useFocus;
   exports.useFormItem = useFormItem;
   exports.useFormItemProps = useFormItemProps;
+  exports.useGlobalConfig = useGlobalConfig;
   exports.useLocale = useLocale;
   exports.useLocaleInject = useLocaleInject;
   exports.useLocaleProps = useLocaleProps;