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

package/dist/index.full.mjs

@@ -1,6 +1,6 @@
-/*! Element Plus v1.2.0-beta.1 */
+/*! Element Plus v1.2.0-beta.2 */
 
-import { getCurrentInstance, computed, watch, isRef, onUnmounted, onMounted, ref, h as h$1, Teleport, onBeforeUnmount, nextTick, openBlock, createBlock, createCommentVNode, isVNode, Fragment, Comment, camelize as camelize$1, toRef, Transition, renderSlot, toDisplayString, cloneVNode, withDirectives, unref, provide, inject, warn, getCurrentScope, onScopeDispose, defineComponent, shallowRef, reactive, createElementBlock, normalizeStyle, createElementVNode, normalizeClass, mergeProps, createVNode, resolveComponent, withCtx, resolveDynamicComponent, createTextVNode, vShow, onUpdated, withModifiers, onActivated, onDeactivated, resolveDirective, withKeys, createSlots, renderList, Text, normalizeProps, guardReactiveProps, toRefs, vModelCheckbox, vModelRadio, onBeforeUpdate, vModelText, toHandlers, watchEffect, effectScope, toRaw, triggerRef, onBeforeMount, TransitionGroup, render as render$2r } from 'vue';
+import { getCurrentInstance, computed, watch, isRef, onUnmounted, onMounted, ref, h as h$1, Teleport, onBeforeUnmount, nextTick, openBlock, createBlock, createCommentVNode, isVNode, Fragment, Comment, camelize as camelize$1, toRef, Transition, renderSlot, toDisplayString, cloneVNode, withDirectives, unref, provide, inject, warn, getCurrentScope, onScopeDispose, defineComponent, shallowRef, reactive, createElementBlock, normalizeStyle, createElementVNode, normalizeClass, mergeProps, createVNode, resolveComponent, withCtx, resolveDynamicComponent, createTextVNode, vShow, onUpdated, withModifiers, onActivated, onDeactivated, resolveDirective, withKeys, createSlots, renderList, Text, normalizeProps, guardReactiveProps, toRefs, vModelCheckbox, vModelRadio, onBeforeUpdate, vModelText, toHandlers, watchEffect, effectScope, toRaw, triggerRef, onBeforeMount, TransitionGroup, render as render$2s } from 'vue';
 
 let $ELEMENT = {};
 const setConfig = (option) => {
@@ -2595,7 +2595,7 @@ function rafThrottle(fn) {
 function isUndefined(val) {
   return val === void 0;
 }
-function useGlobalConfig() {
+function useGlobalConfig$1() {
   const vm = getCurrentInstance();
   if ("$ELEMENT" in vm.proxy) {
     return vm.proxy.$ELEMENT;
@@ -5597,8 +5597,9 @@ const usePopperProps = {
   }
 };
 const usePopperHook = () => {
+  var _a;
   const vm = getCurrentInstance();
-  const props = vm.props;
+  const props = (_a = vm.proxy) == null ? void 0 : _a.$props;
   const { slots } = vm;
   const arrowRef = ref(null);
   const triggerRef = ref(null);
@@ -5642,8 +5643,8 @@ const usePopperHook = () => {
     }
   }
   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() {
@@ -5730,8 +5731,8 @@ const usePopperHook = () => {
     }, 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");
@@ -5919,10 +5920,48 @@ var English = {
   }
 };
 
+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(", ");
+      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;
@@ -5998,43 +6037,7 @@ const elBreadcrumbKey = Symbol("elBreadcrumbKey");
 
 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(", ");
-      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({
@@ -6048,7 +6051,7 @@ const useFormItemProps = buildProps({
 const useFormItem = ({ size, disabled }) => {
   var _a;
   const vm = getCurrentInstance();
-  const $ELEMENT = useGlobalConfig();
+  const $ELEMENT = useGlobalConfig$1();
   const props = (_a = vm.proxy) == null ? void 0 : _a.$props;
   const form = inject(elFormKey, void 0);
   const formItem = inject(elFormItemKey, void 0);
@@ -6083,7 +6086,16 @@ const useSameTarget = (handleClick) => {
   return { onClick, onMousedown, onMouseup };
 };
 
-const version$1 = "1.2.0-beta.1";
+const defaultConfig = {
+  button: {
+    autoInsertSpace: true
+  }
+};
+const useGlobalConfig = () => {
+  return inject(configProviderContextKey, defaultConfig);
+};
+
+const version$1 = "1.2.0-beta.2";
 
 const makeInstaller = (components = []) => {
   const apps = [];
@@ -6355,7 +6367,7 @@ const affixEmits = {
   change: (fixed) => typeof fixed === "boolean"
 };
 
-var script$2y = defineComponent({
+var script$2z = defineComponent({
   name: "ElAffix",
   props: affixProps,
   emits: affixEmits,
@@ -6442,6 +6454,7 @@ var script$2y = defineComponent({
     });
     useEventListener(scrollContainer, "scroll", onScroll);
     useResizeObserver(root, () => update());
+    useResizeObserver(target, () => update());
     return {
       root,
       state,
@@ -6452,7 +6465,7 @@ var script$2y = defineComponent({
   }
 });
 
-function render$2q(_ctx, _cache, $props, $setup, $data, $options) {
+function render$2r(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     ref: "root",
     class: "el-affix",
@@ -6467,10 +6480,10 @@ function render$2q(_ctx, _cache, $props, $setup, $data, $options) {
   ], 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: {
@@ -6481,7 +6494,7 @@ const iconProps = buildProps({
   }
 });
 
-var script$2x = defineComponent({
+var script$2y = defineComponent({
   name: "ElIcon",
   inheritAttrs: false,
   props: iconProps,
@@ -6504,7 +6517,7 @@ var script$2x = defineComponent({
   }
 });
 
-function render$2p(_ctx, _cache, $props, $setup, $data, $options) {
+function render$2q(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("i", mergeProps({
     class: "el-icon",
     style: _ctx.style
@@ -6513,824 +6526,847 @@ function render$2p(_ctx, _cache, $props, $setup, $data, $options) {
   ], 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 = defineComponent({
+var script$2x = 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__ */ createVNode("path", {
+const _hoisted_2$1z = /* @__PURE__ */ 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 openBlock(), 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 = defineComponent({
+  name: "ArrowLeft"
+});
+
+const _hoisted_1$1X = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 1024 1024"
+};
+const _hoisted_2$1y = /* @__PURE__ */ 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 openBlock(), createBlock("svg", _hoisted_1$1W, [
+  return openBlock(), 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 = 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__ */ 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 openBlock(), createBlock("svg", _hoisted_1$1V, [
+  return openBlock(), 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 = 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__ */ 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__ */ 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 openBlock(), createBlock("svg", _hoisted_1$1U, [
-    _hoisted_2$1w
+  return openBlock(), 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 = 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__ */ 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__ */ 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 openBlock(), createBlock("svg", _hoisted_1$1T, [
-    _hoisted_2$1v,
-    _hoisted_3$Q
+  return openBlock(), 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 = 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__ */ 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 openBlock(), createBlock("svg", _hoisted_1$1S, [
+  return openBlock(), 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 = 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__ */ 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 openBlock(), createBlock("svg", _hoisted_1$1R, [
+  return openBlock(), 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 = 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__ */ 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 openBlock(), createBlock("svg", _hoisted_1$1Q, [
+  return openBlock(), 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 = 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__ */ 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 openBlock(), createBlock("svg", _hoisted_1$1P, [
+  return openBlock(), 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 = 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__ */ 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__ */ 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 openBlock(), createBlock("svg", _hoisted_1$1O, [
-    _hoisted_2$1q
+  return openBlock(), 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 = 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__ */ 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__ */ 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 openBlock(), createBlock("svg", _hoisted_1$1N, [
-    _hoisted_2$1p,
-    _hoisted_3$P
+  return openBlock(), 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 = 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__ */ 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__ */ 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 openBlock(), createBlock("svg", _hoisted_1$1M, [
-    _hoisted_2$1o
+  return openBlock(), 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 = 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__ */ 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__ */ 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 openBlock(), createBlock("svg", _hoisted_1$1L, [
-    _hoisted_2$1n,
-    _hoisted_3$O
+  return openBlock(), 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 = 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__ */ 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__ */ 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__ */ 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 openBlock(), createBlock("svg", _hoisted_1$1K, [
-    _hoisted_2$1m
+  return openBlock(), 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 = 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__ */ 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__ */ 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__ */ 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 openBlock(), createBlock("svg", _hoisted_1$1J, [
-    _hoisted_2$1l,
-    _hoisted_3$N,
-    _hoisted_4$x
+  return openBlock(), 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 = 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__ */ 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 openBlock(), createBlock("svg", _hoisted_1$1I, [
+  return openBlock(), 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 = 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__ */ 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 openBlock(), createBlock("svg", _hoisted_1$1H, [
+  return openBlock(), 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 = 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__ */ 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 openBlock(), createBlock("svg", _hoisted_1$1G, [
+  return openBlock(), 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 = 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__ */ 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 openBlock(), createBlock("svg", _hoisted_1$1F, [
+  return openBlock(), 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 = 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__ */ 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 openBlock(), createBlock("svg", _hoisted_1$1E, [
+  return openBlock(), 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 = 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__ */ 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 openBlock(), createBlock("svg", _hoisted_1$1D, [
+  return openBlock(), 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 = 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__ */ 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 openBlock(), createBlock("svg", _hoisted_1$1C, [
+  return openBlock(), 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 = 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__ */ 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 openBlock(), createBlock("svg", _hoisted_1$1B, [
+  return openBlock(), 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 = 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__ */ 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 openBlock(), createBlock("svg", _hoisted_1$1A, [
+  return openBlock(), 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 = 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__ */ 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 openBlock(), createBlock("svg", _hoisted_1$1z, [
+  return openBlock(), 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 = 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__ */ 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 openBlock(), createBlock("svg", _hoisted_1$1y, [
+  return openBlock(), 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 = 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__ */ 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 openBlock(), createBlock("svg", _hoisted_1$1x, [
+  return openBlock(), 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 = 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__ */ 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 openBlock(), createBlock("svg", _hoisted_1$1w, [
+  return openBlock(), 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 = 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__ */ 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 openBlock(), createBlock("svg", _hoisted_1$1v, [
+  return openBlock(), 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 = 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__ */ 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 openBlock(), createBlock("svg", _hoisted_1$1u, [
+  return openBlock(), 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 = 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__ */ 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 openBlock(), createBlock("svg", _hoisted_1$1t, [
+  return openBlock(), 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 = 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__ */ 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 openBlock(), createBlock("svg", _hoisted_1$1s, [
+  return openBlock(), 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 = 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__ */ 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 openBlock(), createBlock("svg", _hoisted_1$1r, [
+  return openBlock(), 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 = 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__ */ 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 openBlock(), createBlock("svg", _hoisted_1$1q, [
+  return openBlock(), 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$ = 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__ */ 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 openBlock(), createBlock("svg", _hoisted_1$1p, [
+  return openBlock(), 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_ = defineComponent({
   name: "WarningFilled"
 });
 
-const _hoisted_1$1o = {
+const _hoisted_1$1p = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
@@ -7339,7 +7375,7 @@ const _hoisted_2$10 = /* @__PURE__ */ createVNode("path", {
   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 openBlock(), createBlock("svg", _hoisted_1$1o, [
+  return openBlock(), createBlock("svg", _hoisted_1$1p, [
     _hoisted_2$10
   ]);
 }
@@ -7353,7 +7389,7 @@ var script$1Z = defineComponent({
   name: "ZoomIn"
 });
 
-const _hoisted_1$1n = {
+const _hoisted_1$1o = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
@@ -7362,7 +7398,7 @@ const _hoisted_2$$ = /* @__PURE__ */ createVNode("path", {
   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 openBlock(), createBlock("svg", _hoisted_1$1n, [
+  return openBlock(), createBlock("svg", _hoisted_1$1o, [
     _hoisted_2$$
   ]);
 }
@@ -7376,7 +7412,7 @@ var script$1Y = defineComponent({
   name: "ZoomOut"
 });
 
-const _hoisted_1$1m = {
+const _hoisted_1$1n = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
@@ -7385,7 +7421,7 @@ const _hoisted_2$_ = /* @__PURE__ */ createVNode("path", {
   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 openBlock(), createBlock("svg", _hoisted_1$1m, [
+  return openBlock(), createBlock("svg", _hoisted_1$1n, [
     _hoisted_2$_
   ]);
 }
@@ -7480,7 +7516,7 @@ var script$1X = defineComponent({
   }
 });
 
-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"
@@ -7494,7 +7530,7 @@ function render$1P(_ctx, _cache, $props, $setup, $data, $options) {
         class: normalizeClass(["el-alert", [_ctx.typeClass, _ctx.center ? "is-center" : "", "is-" + _ctx.effect]]),
         role: "alert"
       }, [
-        _ctx.showIcon ? (openBlock(), createBlock(_component_el_icon, {
+        _ctx.showIcon && _ctx.iconComponent ? (openBlock(), createBlock(_component_el_icon, {
           key: 0,
           class: normalizeClass(["el-alert__icon", _ctx.isBigIcon])
         }, {
@@ -7503,7 +7539,7 @@ function render$1P(_ctx, _cache, $props, $setup, $data, $options) {
           ]),
           _: 1
         }, 8, ["class"])) : createCommentVNode("v-if", true),
-        createElementVNode("div", _hoisted_1$1l, [
+        createElementVNode("div", _hoisted_1$1m, [
           _ctx.title || _ctx.$slots.title ? (openBlock(), createElementBlock("span", {
             key: 0,
             class: normalizeClass(["el-alert__title", [_ctx.isBoldTitle]])
@@ -8069,7 +8105,7 @@ const PENDANT_MAP = {
 };
 var script$1W = defineComponent({
   name: "ElInput",
-  components: { ElIcon, CircleClose },
+  components: { ElIcon, CircleClose, IconView },
   inheritAttrs: false,
   props: inputProps,
   emits: inputEmits,
@@ -8287,7 +8323,7 @@ var script$1W = defineComponent({
   }
 });
 
-const _hoisted_1$1k = {
+const _hoisted_1$1l = {
   key: 0,
   class: "el-input-group__prepend"
 };
@@ -8302,25 +8338,25 @@ const _hoisted_5$o = {
   class: "el-input__suffix"
 };
 const _hoisted_6$i = { class: "el-input__suffix-inner" };
-const _hoisted_7$c = /* @__PURE__ */ 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 = resolveComponent("el-icon");
   const _component_circle_close = resolveComponent("circle-close");
-  return openBlock(), createElementBlock("div", {
+  const _component_icon_view = resolveComponent("icon-view");
+  return withDirectives((openBlock(), createElementBlock("div", {
     class: normalizeClass([
       _ctx.type === "textarea" ? "el-textarea" : "el-input",
       _ctx.inputSize ? "el-input--" + _ctx.inputSize : "",
@@ -8343,7 +8379,7 @@ function render$1O(_ctx, _cache, $props, $setup, $data, $options) {
     createCommentVNode(" input "),
     _ctx.type !== "textarea" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
       createCommentVNode(" prepend slot "),
-      _ctx.$slots.prepend ? (openBlock(), createElementBlock("div", _hoisted_1$1k, [
+      _ctx.$slots.prepend ? (openBlock(), createElementBlock("div", _hoisted_1$1l, [
         renderSlot(_ctx.$slots, "prepend")
       ])) : createCommentVNode("v-if", true),
       createElementVNode("input", mergeProps({
@@ -8415,15 +8451,15 @@ function render$1O(_ctx, _cache, $props, $setup, $data, $options) {
             onClick: _ctx.handlePasswordVisible
           }, {
             default: withCtx(() => [
-              _hoisted_7$c
+              createVNode(_component_icon_view)
             ]),
             _: 1
           }, 8, ["onClick"])) : createCommentVNode("v-if", true),
-          _ctx.isWordLimitVisible ? (openBlock(), createElementBlock("span", _hoisted_8$b, [
-            createElementVNode("span", _hoisted_9$8, toDisplayString(_ctx.textLength) + " / " + toDisplayString(_ctx.attrs.maxlength), 1)
+          _ctx.isWordLimitVisible ? (openBlock(), createElementBlock("span", _hoisted_7$c, [
+            createElementVNode("span", _hoisted_8$b, toDisplayString(_ctx.textLength) + " / " + toDisplayString(_ctx.attrs.maxlength), 1)
           ])) : createCommentVNode("v-if", true)
         ]),
-        _ctx.validateState ? (openBlock(), createBlock(_component_el_icon, {
+        _ctx.validateState && _ctx.validateIcon ? (openBlock(), createBlock(_component_el_icon, {
           key: 0,
           class: "el-input__icon el-input__validateIcon"
         }, {
@@ -8434,7 +8470,7 @@ function render$1O(_ctx, _cache, $props, $setup, $data, $options) {
         })) : createCommentVNode("v-if", true)
       ])) : createCommentVNode("v-if", true),
       createCommentVNode(" append slot "),
-      _ctx.$slots.append ? (openBlock(), createElementBlock("div", _hoisted_10$8, [
+      _ctx.$slots.append ? (openBlock(), createElementBlock("div", _hoisted_9$8, [
         renderSlot(_ctx.$slots, "append")
       ])) : createCommentVNode("v-if", true)
     ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
@@ -8458,10 +8494,12 @@ function render$1O(_ctx, _cache, $props, $setup, $data, $options) {
         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 ? (openBlock(), createElementBlock("span", _hoisted_12$4, toDisplayString(_ctx.textLength) + " / " + toDisplayString(_ctx.attrs.maxlength), 1)) : createCommentVNode("v-if", true)
+      }), null, 16, _hoisted_10$8),
+      _ctx.isWordLimitVisible ? (openBlock(), createElementBlock("span", _hoisted_11$4, toDisplayString(_ctx.textLength) + " / " + toDisplayString(_ctx.attrs.maxlength), 1)) : createCommentVNode("v-if", true)
     ], 64))
-  ], 38);
+  ], 38)), [
+    [vShow, _ctx.type !== "hidden"]
+  ]);
 }
 
 script$1W.render = render$1O;
@@ -8772,13 +8810,13 @@ var script$1U = defineComponent({
   }
 });
 
-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 = resolveComponent("bar");
-  return openBlock(), createElementBlock("div", _hoisted_1$1j, [
+  return openBlock(), createElementBlock("div", _hoisted_1$1k, [
     createElementVNode("div", {
       ref: "wrap",
       class: normalizeClass([
@@ -9631,7 +9669,7 @@ var script$1S = defineComponent({
   }
 });
 
-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) {
@@ -9703,7 +9741,7 @@ function render$1L(_ctx, _cache, $props, $setup, $data, $options) {
             ])
           } : void 0
         ]), 1040, ["model-value", "onInput", "onChange", "onFocus", "onBlur", "onClear", "onKeydown"])
-      ], 14, _hoisted_1$1i), [
+      ], 14, _hoisted_1$1j), [
         [_directive_clickoutside, _ctx.close]
       ])
     ]),
@@ -9838,7 +9876,7 @@ var script$1R = defineComponent({
   }
 });
 
-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 = resolveComponent("el-icon");
   return openBlock(), createElementBlock("span", {
@@ -9852,7 +9890,7 @@ function render$1K(_ctx, _cache, $props, $setup, $data, $options) {
       srcset: _ctx.srcSet,
       style: normalizeStyle(_ctx.fitStyle),
       onError: _cache[0] || (_cache[0] = (...args) => _ctx.handleError && _ctx.handleError(...args))
-    }, null, 44, _hoisted_1$1h)) : _ctx.icon ? (openBlock(), createBlock(_component_el_icon, { key: 1 }, {
+    }, null, 44, _hoisted_1$1i)) : _ctx.icon ? (openBlock(), createBlock(_component_el_icon, { key: 1 }, {
       default: withCtx(() => [
         (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon)))
       ]),
@@ -10022,10 +10060,10 @@ var script$1P = defineComponent({
   }
 });
 
-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 openBlock(), createElementBlock("div", _hoisted_1$1g, [
+  return openBlock(), createElementBlock("div", _hoisted_1$1h, [
     renderSlot(_ctx.$slots, "default"),
     createVNode(Transition, { name: "el-zoom-in-center" }, {
       default: withCtx(() => [
@@ -10081,14 +10119,14 @@ var script$1O = defineComponent({
   }
 });
 
-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 openBlock(), createElementBlock("div", _hoisted_1$1f, [
+  return openBlock(), createElementBlock("div", _hoisted_1$1g, [
     renderSlot(_ctx.$slots, "default")
   ], 512);
 }
@@ -10110,6 +10148,9 @@ const breadcrumbItemProps = buildProps({
 const COMPONENT_NAME$3 = "ElBreadcrumbItem";
 var script$1N = defineComponent({
   name: COMPONENT_NAME$3,
+  components: {
+    ElIcon: ElIcon$1
+  },
   props: breadcrumbItemProps,
   setup(props) {
     const instance = getCurrentInstance();
@@ -10132,7 +10173,7 @@ var script$1N = defineComponent({
   }
 });
 
-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",
@@ -10140,7 +10181,7 @@ const _hoisted_2$V = {
 };
 function render$1G(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_icon = resolveComponent("el-icon");
-  return openBlock(), createElementBlock("span", _hoisted_1$1e, [
+  return openBlock(), createElementBlock("span", _hoisted_1$1f, [
     createElementVNode("span", {
       ref: "link",
       class: normalizeClass(["el-breadcrumb__inner", _ctx.to ? "is-link" : ""]),
@@ -10200,7 +10241,10 @@ const buttonProps = buildProps({
   plain: Boolean,
   autofocus: Boolean,
   round: Boolean,
-  circle: Boolean
+  circle: Boolean,
+  autoInsertSpace: {
+    type: Boolean
+  }
 });
 const buttonEmits = {
   click: (evt) => evt instanceof MouseEvent
@@ -10216,10 +10260,15 @@ var script$1M = defineComponent({
   emits: buttonEmits,
   setup(props, { emit, slots }) {
     const elBtnGroup = inject(elButtonGroupKey, void 0);
+    const globalConfig = useGlobalConfig();
+    const autoInsertSpace = computed(() => {
+      var _a;
+      return (_a = props.autoInsertSpace) != null ? _a : globalConfig == null ? void 0 : globalConfig.button.autoInsertSpace;
+    });
     const shouldAddSpace = 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) === Text) {
           const text = slot.children;
@@ -10249,7 +10298,7 @@ var script$1M = defineComponent({
   }
 });
 
-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 = resolveComponent("loading");
   const _component_el_icon = resolveComponent("el-icon");
@@ -10291,7 +10340,7 @@ function render$1F(_ctx, _cache, $props, $setup, $data, $options) {
     }, [
       renderSlot(_ctx.$slots, "default")
     ], 2)) : createCommentVNode("v-if", true)
-  ], 10, _hoisted_1$1d);
+  ], 10, _hoisted_1$1e);
 }
 
 script$1M.render = render$1F;
@@ -10313,9 +10362,9 @@ var script$1L = defineComponent({
   }
 });
 
-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 openBlock(), createElementBlock("div", _hoisted_1$1c, [
+  return openBlock(), createElementBlock("div", _hoisted_1$1d, [
     renderSlot(_ctx.$slots, "default")
   ]);
 }
@@ -10571,7 +10620,7 @@ var script$1K = defineComponent({
   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 = inject(elFormKey, {});
     const elFormItem = inject(elFormItemKey, {});
@@ -10903,7 +10952,7 @@ var script$1K = defineComponent({
   }
 });
 
-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) {
@@ -10948,7 +10997,8 @@ function render$1D(_ctx, _cache, $props, $setup, $data, $options) {
         onMouseleave: _ctx.onMouseLeave
       }, {
         prefix: withCtx(() => [
-          createVNode(_component_el_icon, {
+          _ctx.triggerIcon ? (openBlock(), createBlock(_component_el_icon, {
+            key: 0,
             class: "el-input__icon",
             onClick: _ctx.handleFocus
           }, {
@@ -10956,10 +11006,10 @@ function render$1D(_ctx, _cache, $props, $setup, $data, $options) {
               (openBlock(), createBlock(resolveDynamicComponent(_ctx.triggerIcon)))
             ]),
             _: 1
-          }, 8, ["onClick"])
+          }, 8, ["onClick"])) : createCommentVNode("v-if", true)
         ]),
         suffix: withCtx(() => [
-          _ctx.showClose ? (openBlock(), createBlock(_component_el_icon, {
+          _ctx.showClose && _ctx.clearIcon ? (openBlock(), createBlock(_component_el_icon, {
             key: 0,
             class: "el-input__icon clear-icon",
             onClick: _ctx.onClearIconClick
@@ -10986,7 +11036,8 @@ function render$1D(_ctx, _cache, $props, $setup, $data, $options) {
         onMouseleave: _cache[8] || (_cache[8] = (...args) => _ctx.onMouseLeave && _ctx.onMouseLeave(...args)),
         onKeydown: _cache[9] || (_cache[9] = (...args) => _ctx.handleKeydown && _ctx.handleKeydown(...args))
       }, [
-        createVNode(_component_el_icon, {
+        _ctx.triggerIcon ? (openBlock(), createBlock(_component_el_icon, {
+          key: 0,
           class: "el-input__icon el-range__icon",
           onClick: _ctx.handleFocus
         }, {
@@ -10994,7 +11045,7 @@ function render$1D(_ctx, _cache, $props, $setup, $data, $options) {
             (openBlock(), createBlock(resolveDynamicComponent(_ctx.triggerIcon)))
           ]),
           _: 1
-        }, 8, ["onClick"]),
+        }, 8, ["onClick"])) : createCommentVNode("v-if", true),
         createElementVNode("input", {
           autocomplete: "off",
           name: _ctx.name && _ctx.name[0],
@@ -11006,7 +11057,7 @@ function render$1D(_ctx, _cache, $props, $setup, $data, $options) {
           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),
         renderSlot(_ctx.$slots, "range-separator", {}, () => [
           createElementVNode("span", _hoisted_2$U, toDisplayString(_ctx.rangeSeparator), 1)
         ]),
@@ -11022,7 +11073,8 @@ function render$1D(_ctx, _cache, $props, $setup, $data, $options) {
           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),
-        createVNode(_component_el_icon, {
+        _ctx.clearIcon ? (openBlock(), createBlock(_component_el_icon, {
+          key: 1,
           class: normalizeClass(["el-input__icon el-range__close-icon", {
             "el-range__close-icon--hidden": !_ctx.showClose
           }]),
@@ -11032,7 +11084,7 @@ function render$1D(_ctx, _cache, $props, $setup, $data, $options) {
             (openBlock(), createBlock(resolveDynamicComponent(_ctx.clearIcon)))
           ]),
           _: 1
-        }, 8, ["class", "onClick"])
+        }, 8, ["class", "onClick"])) : createCommentVNode("v-if", true)
       ], 34)), [
         [_directive_clickoutside, _ctx.onClickOutside, _ctx.popperPaneRef]
       ])
@@ -11382,7 +11434,7 @@ var script$1J = defineComponent({
   }
 });
 
-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) {
@@ -11418,7 +11470,7 @@ function render$1C(_ctx, _cache, $props, $setup, $data, $options) {
               ], 2112)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
                 createTextVNode(toDisplayString(("0" + key).slice(-2)), 1)
               ], 2112))
-            ], 10, _hoisted_1$1a);
+            ], 10, _hoisted_1$1b);
           }), 128))
         ]),
         _: 2
@@ -11454,7 +11506,15 @@ function render$1C(_ctx, _cache, $props, $setup, $data, $options) {
                 active: time === _ctx.timePartsMap[item].value,
                 disabled: _ctx.listMap[item].value[time]
               }])
-            }, toDisplayString(time === void 0 ? "" : ("0" + (_ctx.amPmMode ? time % 12 || 12 : time)).slice(-2) + _ctx.getAmPmFlag(time)), 3);
+            }, [
+              time ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                item === "hours" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                  createTextVNode(toDisplayString(("0" + (_ctx.amPmMode ? time % 12 || 12 : time)).slice(-2)) + toDisplayString(_ctx.getAmPmFlag(time)), 1)
+                ], 2112)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                  createTextVNode(toDisplayString(("0" + time).slice(-2)), 1)
+                ], 2112))
+              ], 2112)) : createCommentVNode("v-if", true)
+            ], 2);
           }), 128))
         ])
       ], 40, _hoisted_2$T);
@@ -11628,7 +11688,7 @@ var script$1I = defineComponent({
   }
 });
 
-const _hoisted_1$19 = {
+const _hoisted_1$1a = {
   key: 0,
   class: "el-time-panel"
 };
@@ -11637,7 +11697,7 @@ function render$1B(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_time_spinner = resolveComponent("time-spinner");
   return openBlock(), createBlock(Transition, { name: _ctx.transitionName }, {
     default: withCtx(() => [
-      _ctx.actualVisible || _ctx.visible ? (openBlock(), createElementBlock("div", _hoisted_1$19, [
+      _ctx.actualVisible || _ctx.visible ? (openBlock(), createElementBlock("div", _hoisted_1$1a, [
         createElementVNode("div", {
           class: normalizeClass(["el-time-panel__content", { "has-seconds": _ctx.showSeconds }])
         }, [
@@ -12490,7 +12550,7 @@ var script$1H = defineComponent({
   }
 });
 
-const _hoisted_1$18 = {
+const _hoisted_1$19 = {
   key: 0,
   class: "el-time-range-picker el-picker-panel"
 };
@@ -12503,7 +12563,7 @@ const _hoisted_7$b = { class: "el-time-panel__footer" };
 const _hoisted_8$a = ["disabled"];
 function render$1A(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_time_spinner = resolveComponent("time-spinner");
-  return _ctx.actualVisible ? (openBlock(), createElementBlock("div", _hoisted_1$18, [
+  return _ctx.actualVisible ? (openBlock(), createElementBlock("div", _hoisted_1$19, [
     createElementVNode("div", _hoisted_2$R, [
       createElementVNode("div", _hoisted_3$I, [
         createElementVNode("div", _hoisted_4$v, toDisplayString(_ctx.t("el.datepicker.startTime")), 1),
@@ -12757,7 +12817,7 @@ var script$1G = defineComponent({
   }
 });
 
-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) {
@@ -12769,7 +12829,7 @@ function render$1z(_ctx, _cache, $props, $setup, $data, $options) {
     cellspacing: "0",
     cellpadding: "0"
   }, [
-    !_ctx.hideHeader ? (openBlock(), createElementBlock("thead", _hoisted_1$17, [
+    !_ctx.hideHeader ? (openBlock(), createElementBlock("thead", _hoisted_1$18, [
       (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.weekDays, (day) => {
         return openBlock(), createElementBlock("th", { key: day }, toDisplayString(day), 1);
       }), 128))
@@ -12961,7 +13021,7 @@ var script$1F = defineComponent({
   }
 });
 
-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 = {
@@ -12980,7 +13040,7 @@ function render$1y(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_button = resolveComponent("el-button");
   const _component_el_button_group = resolveComponent("el-button-group");
   const _component_date_table = resolveComponent("date-table");
-  return openBlock(), createElementBlock("div", _hoisted_1$16, [
+  return openBlock(), createElementBlock("div", _hoisted_1$17, [
     createElementVNode("div", _hoisted_2$P, [
       renderSlot(_ctx.$slots, "header", { date: _ctx.i18nDate }, () => [
         createElementVNode("div", _hoisted_3$G, toDisplayString(_ctx.i18nDate), 1),
@@ -13084,7 +13144,7 @@ var script$1E = defineComponent({
   props: cardProps
 });
 
-const _hoisted_1$15 = {
+const _hoisted_1$16 = {
   key: 0,
   class: "el-card__header"
 };
@@ -13092,7 +13152,7 @@ function render$1x(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(["el-card", _ctx.shadow ? "is-" + _ctx.shadow + "-shadow" : "is-always-shadow"])
   }, [
-    _ctx.$slots.header || _ctx.header ? (openBlock(), createElementBlock("div", _hoisted_1$15, [
+    _ctx.$slots.header || _ctx.header ? (openBlock(), createElementBlock("div", _hoisted_1$16, [
       renderSlot(_ctx.$slots, "header", {}, () => [
         createTextVNode(toDisplayString(_ctx.header), 1)
       ])
@@ -13440,7 +13500,7 @@ var script$1D = defineComponent({
   }
 });
 
-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) {
@@ -13531,7 +13591,7 @@ function render$1w(_ctx, _cache, $props, $setup, $data, $options) {
           createElementVNode("button", _hoisted_2$O, [
             _ctx.hasLabel ? (openBlock(), createElementBlock("span", _hoisted_3$F, toDisplayString(item.label), 1)) : createCommentVNode("v-if", true)
           ])
-        ], 42, _hoisted_1$14);
+        ], 42, _hoisted_1$15);
       }), 128))
     ], 2)) : createCommentVNode("v-if", true)
   ], 34);
@@ -13655,7 +13715,7 @@ var script$1C = defineComponent({
   }
 });
 
-const _hoisted_1$13 = {
+const _hoisted_1$14 = {
   key: 0,
   class: "el-carousel__mask"
 };
@@ -13671,7 +13731,7 @@ function render$1v(_ctx, _cache, $props, $setup, $data, $options) {
     style: normalizeStyle(_ctx.itemStyle),
     onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleItemClick && _ctx.handleItemClick(...args))
   }, [
-    _ctx.type === "card" ? withDirectives((openBlock(), createElementBlock("div", _hoisted_1$13, null, 512)), [
+    _ctx.type === "card" ? withDirectives((openBlock(), createElementBlock("div", _hoisted_1$14, null, 512)), [
       [vShow, !_ctx.data.active]
     ]) : createCommentVNode("v-if", true),
     renderSlot(_ctx.$slots, "default")
@@ -13738,7 +13798,7 @@ const useCheckboxProps = {
   size: String
 };
 const useCheckboxGroup = () => {
-  const ELEMENT = useGlobalConfig();
+  const ELEMENT = useGlobalConfig$1();
   const elForm = inject(elFormKey, {});
   const elFormItem = inject(elFormItemKey, {});
   const checkboxGroup = inject("CheckboxGroup", {});
@@ -13930,7 +13990,7 @@ var script$1B = defineComponent({
   }
 });
 
-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__ */ createElementVNode("span", { class: "el-checkbox__inner" }, null, -1);
 const _hoisted_4$t = ["aria-hidden", "name", "disabled", "true-value", "false-value"];
@@ -13999,7 +14059,7 @@ function render$1u(_ctx, _cache, $props, $setup, $data, $options) {
         createTextVNode(toDisplayString(_ctx.label), 1)
       ], 2112)) : createCommentVNode("v-if", true)
     ])) : createCommentVNode("v-if", true)
-  ], 10, _hoisted_1$12);
+  ], 10, _hoisted_1$13);
 }
 
 script$1B.render = render$1u;
@@ -14034,7 +14094,7 @@ var script$1A = defineComponent({
   }
 });
 
-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) {
@@ -14086,7 +14146,7 @@ function render$1t(_ctx, _cache, $props, $setup, $data, $options) {
         createTextVNode(toDisplayString(_ctx.label), 1)
       ])
     ], 4)) : createCommentVNode("v-if", true)
-  ], 10, _hoisted_1$11);
+  ], 10, _hoisted_1$12);
 }
 
 script$1A.render = render$1t;
@@ -14153,13 +14213,13 @@ var script$1z = defineComponent({
   }
 });
 
-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 openBlock(), createElementBlock("div", _hoisted_1$10, [
+  return openBlock(), createElementBlock("div", _hoisted_1$11, [
     renderSlot(_ctx.$slots, "default")
   ]);
 }
@@ -14178,7 +14238,7 @@ const radioGroupKey = "RadioGroup";
 var radioGroupKey$1 = radioGroupKey;
 
 const useRadio = () => {
-  const ELEMENT = useGlobalConfig();
+  const ELEMENT = useGlobalConfig$1();
   const elForm = inject(elFormKey, {});
   const elFormItem = inject(elFormItemKey, {});
   const radioGroup = inject(radioGroupKey$1, {});
@@ -14275,7 +14335,7 @@ var script$1y = defineComponent({
   }
 });
 
-const _hoisted_1$$ = ["aria-checked", "aria-disabled", "tabindex"];
+const _hoisted_1$10 = ["aria-checked", "aria-disabled", "tabindex"];
 const _hoisted_2$L = /* @__PURE__ */ createElementVNode("span", { class: "el-radio__inner" }, null, -1);
 const _hoisted_3$C = ["value", "name", "disabled"];
 function render$1r(_ctx, _cache, $props, $setup, $data, $options) {
@@ -14326,7 +14386,7 @@ function render$1r(_ctx, _cache, $props, $setup, $data, $options) {
         createTextVNode(toDisplayString(_ctx.label), 1)
       ])
     ], 32)
-  ], 42, _hoisted_1$$);
+  ], 42, _hoisted_1$10);
 }
 
 script$1y.render = render$1r;
@@ -14387,7 +14447,7 @@ var script$1x = defineComponent({
   }
 });
 
-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 openBlock(), createElementBlock("label", {
@@ -14429,7 +14489,7 @@ function render$1q(_ctx, _cache, $props, $setup, $data, $options) {
         createTextVNode(toDisplayString(_ctx.label), 1)
       ])
     ], 36)
-  ], 42, _hoisted_1$_);
+  ], 42, _hoisted_1$$);
 }
 
 script$1x.render = render$1q;
@@ -14663,7 +14723,7 @@ var script$1v = defineComponent({
   }
 });
 
-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__ */ createElementVNode("span", null, null, -1);
 function render$1o(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_checkbox = resolveComponent("el-checkbox");
@@ -14679,7 +14739,7 @@ function render$1o(_ctx, _cache, $props, $setup, $data, $options) {
     "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: normalizeClass([
       "el-cascader-node",
       _ctx.checkStrictly && "is-selectable",
@@ -14746,7 +14806,7 @@ function render$1o(_ctx, _cache, $props, $setup, $data, $options) {
         _: 1
       }))
     ], 2112)) : createCommentVNode("v-if", true)
-  ], 42, _hoisted_1$Z);
+  ], 42, _hoisted_1$_);
 }
 
 script$1v.render = render$1o;
@@ -14825,7 +14885,7 @@ var script$1u = defineComponent({
   }
 });
 
-const _hoisted_1$Y = {
+const _hoisted_1$Z = {
   key: 0,
   class: "el-cascader-menu__empty-text"
 };
@@ -14847,17 +14907,20 @@ function render$1n(_ctx, _cache, $props, $setup, $data, $options) {
     onMousemove: _ctx.handleMouseMove,
     onMouseleave: _ctx.clearHoverZone
   }, {
-    default: withCtx(() => [
-      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.nodes, (node) => {
-        return openBlock(), 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 ? (openBlock(), createElementBlock("div", _hoisted_1$Y, toDisplayString(_ctx.t("el.cascader.noData")), 1)) : _ctx.panel.isHoverMenu ? (openBlock(), createElementBlock("svg", _hoisted_2$I, null, 512)) : createCommentVNode("v-if", true)
-    ]),
+    default: withCtx(() => {
+      var _a;
+      return [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.nodes, (node) => {
+          return openBlock(), 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 ? (openBlock(), createElementBlock("div", _hoisted_1$Z, toDisplayString(_ctx.t("el.cascader.noData")), 1)) : ((_a = _ctx.panel) == null ? void 0 : _a.isHoverMenu) ? (openBlock(), createElementBlock("svg", _hoisted_2$I, null, 512)) : createCommentVNode("v-if", true)
+      ];
+    }),
     _: 1
   }, 8, ["view-class", "onMousemove", "onMouseleave"]);
 }
@@ -15132,7 +15195,7 @@ var script$1t = defineComponent({
       menus.value = [store.value.getNodes()];
       if (cfg.lazy && isEmpty(props.options)) {
         initialLoaded = false;
-        lazyLoad(null, () => {
+        lazyLoad(void 0, () => {
           initialLoaded = true;
           syncCheckedValue(false, true);
         });
@@ -15142,14 +15205,16 @@ var script$1t = defineComponent({
     };
     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);
@@ -15179,12 +15244,22 @@ var script$1t = defineComponent({
       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));
@@ -15208,7 +15283,10 @@ var script$1t = defineComponent({
         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));
@@ -15218,16 +15296,20 @@ var script$1t = defineComponent({
         }
       } 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));
@@ -15383,7 +15465,7 @@ var script$1s = defineComponent({
   props: tagProps,
   emits: tagEmits,
   setup(props, { emit }) {
-    const ELEMENT = useGlobalConfig();
+    const ELEMENT = useGlobalConfig$1();
     const tagSize = computed(() => props.size || ELEMENT.size);
     const classes = computed(() => {
       const { type, hit, effect } = props;
@@ -15555,7 +15637,7 @@ var script$1r = defineComponent({
     let inputInitialHeight = 0;
     let pressDeleteCount = 0;
     const { t } = useLocaleInject();
-    const $ELEMENT = useGlobalConfig();
+    const $ELEMENT = useGlobalConfig$1();
     const elForm = inject(elFormKey, {});
     const elFormItem = inject(elFormItemKey, {});
     const popper = ref(null);
@@ -15608,15 +15690,16 @@ var script$1r = defineComponent({
       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();
-          nextTick(panel.value.scrollToExpandingNode);
+          nextTick((_c = panel.value) == null ? void 0 : _c.scrollToExpandingNode);
         } else if (props.filterable) {
           const { value } = presentText;
           inputValue.value = value;
@@ -15626,7 +15709,8 @@ var script$1r = defineComponent({
       }
     };
     const updatePopperPosition = () => {
-      nextTick(popper.value.update);
+      var _a;
+      nextTick((_a = popper.value) == null ? void 0 : _a.update);
     };
     const hideSuggestionPanel = () => {
       filtering.value = false;
@@ -15642,9 +15726,10 @@ var script$1r = defineComponent({
       };
     };
     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 = () => {
@@ -15671,8 +15756,9 @@ var script$1r = defineComponent({
       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);
@@ -15689,7 +15775,7 @@ var script$1r = defineComponent({
     };
     const focusFirstNode = () => {
       var _a;
-      let firstNode = null;
+      let firstNode;
       if (filtering.value && suggestionPanel.value) {
         firstNode = suggestionPanel.value.$el.querySelector(".el-cascader__suggestion-item");
       } else {
@@ -15701,10 +15787,10 @@ var script$1r = defineComponent({
       }
     };
     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) {
@@ -15719,7 +15805,8 @@ var script$1r = defineComponent({
       }
     };
     const getCheckedNodes = (leafOnly) => {
-      return panel.value.getCheckedNodes(leafOnly);
+      var _a;
+      return (_a = panel.value) == null ? void 0 : _a.getCheckedNodes(leafOnly);
     };
     const handleExpandChange = (value) => {
       updatePopperPosition();
@@ -15755,15 +15842,17 @@ var script$1r = defineComponent({
       }
     };
     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);
       }
     };
@@ -15825,12 +15914,14 @@ var script$1r = defineComponent({
     });
     watch(presentText, (val) => inputValue.value = val, { immediate: true });
     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);
     });
     onBeforeUnmount(() => {
-      removeResizeListener(input.value.$el, updateStyle);
+      var _a;
+      removeResizeListener((_a = input.value) == null ? void 0 : _a.$el, updateStyle);
     });
     return {
       Effect,
@@ -15876,7 +15967,7 @@ var script$1r = defineComponent({
   }
 });
 
-const _hoisted_1$X = {
+const _hoisted_1$Y = {
   key: 0,
   ref: "tagWrapper",
   class: "el-cascader__tags"
@@ -15969,7 +16060,7 @@ function render$1k(_ctx, _cache, $props, $setup, $data, $options) {
           ]),
           _: 1
         }, 8, ["modelValue", "placeholder", "readonly", "disabled", "size", "class", "onCompositionstart", "onCompositionupdate", "onCompositionend", "onInput"]),
-        _ctx.multiple ? (openBlock(), createElementBlock("div", _hoisted_1$X, [
+        _ctx.multiple ? (openBlock(), createElementBlock("div", _hoisted_1$Y, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.presentTags, (tag) => {
             return openBlock(), createBlock(_component_el_tag, {
               key: tag.key,
@@ -16253,13 +16344,13 @@ var script$1p = defineComponent({
   }
 });
 
-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 openBlock(), createElementBlock("div", _hoisted_1$W, [
+  return openBlock(), createElementBlock("div", _hoisted_1$X, [
     renderSlot(_ctx.$slots, "default")
   ]);
 }
@@ -16411,7 +16502,7 @@ var script$1n = defineComponent({
   }
 });
 
-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" };
@@ -16453,7 +16544,7 @@ function render$1g(_ctx, _cache, $props, $setup, $data, $options) {
           _: 1
         }, 8, ["class"])
       ], 42, _hoisted_2$G)
-    ], 8, _hoisted_1$V),
+    ], 8, _hoisted_1$W),
     createVNode(_component_el_collapse_transition, null, {
       default: withCtx(() => [
         withDirectives(createElementVNode("div", {
@@ -16786,13 +16877,13 @@ const bound01 = function(value, max) {
   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)}`;
@@ -16900,6 +16991,9 @@ class Color {
     this.doOnChange();
   }
   get(prop) {
+    if (prop === "alpha") {
+      return Math.floor(this[`_${prop}`]);
+    }
     return this[`_${prop}`];
   }
   toRgb() {
@@ -16922,7 +17016,7 @@ class Color {
     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;
       }
@@ -16933,7 +17027,7 @@ class Color {
     } 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;
       }
@@ -16943,7 +17037,7 @@ class Color {
     } 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;
       }
@@ -16966,7 +17060,7 @@ class Color {
         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;
       }
@@ -16983,16 +17077,20 @@ class Color {
       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 {
@@ -17060,11 +17158,11 @@ var script$1k = defineComponent({
   }
 });
 
-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 openBlock(), createElementBlock("div", _hoisted_1$U, [
+  return openBlock(), createElementBlock("div", _hoisted_1$V, [
     createElementVNode("div", _hoisted_2$F, [
       (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.rgbaColors, (item, index) => {
         return openBlock(), createElementBlock("div", {
@@ -17152,7 +17250,7 @@ var script$1j = defineComponent({
   }
 });
 
-const _hoisted_1$T = /* @__PURE__ */ createElementVNode("div", { class: "el-color-svpanel__white" }, null, -1);
+const _hoisted_1$U = /* @__PURE__ */ createElementVNode("div", { class: "el-color-svpanel__white" }, null, -1);
 const _hoisted_2$E = /* @__PURE__ */ createElementVNode("div", { class: "el-color-svpanel__black" }, null, -1);
 const _hoisted_3$y = /* @__PURE__ */ createElementVNode("div", null, null, -1);
 const _hoisted_4$q = [
@@ -17165,7 +17263,7 @@ function render$1c(_ctx, _cache, $props, $setup, $data, $options) {
       backgroundColor: _ctx.background
     })
   }, [
-    _hoisted_1$T,
+    _hoisted_1$U,
     _hoisted_2$E,
     createElementVNode("div", {
       class: "el-color-svpanel__cursor",
@@ -17211,7 +17309,7 @@ var script$1i = defineComponent({
   },
   emits: ["change", "active-change", UPDATE_MODEL_EVENT],
   setup(props, { emit }) {
-    const ELEMENT = useGlobalConfig();
+    const ELEMENT = useGlobalConfig$1();
     const { t } = useLocaleInject();
     const elForm = inject(elFormKey, {});
     const elFormItem = inject(elFormItemKey, {});
@@ -17357,7 +17455,7 @@ var script$1i = defineComponent({
   }
 });
 
-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 = {
@@ -17393,7 +17491,7 @@ function render$1b(_ctx, _cache, $props, $setup, $data, $options) {
   }, {
     default: withCtx(() => [
       withDirectives(createElementVNode("div", null, [
-        createElementVNode("div", _hoisted_1$S, [
+        createElementVNode("div", _hoisted_1$T, [
           createVNode(_component_hue_slider, {
             ref: "hue",
             class: "hue-slider",
@@ -17510,13 +17608,24 @@ script$1i.install = (app) => {
 const _ColorPicker = script$1i;
 const ElColorPicker = _ColorPicker;
 
+const configProviderProps = {
+  ...useLocaleProps,
+  button: buildProp({
+    type: definePropType(Object),
+    default: () => {
+      return mutable({
+        autoInsertSpace: true
+      });
+    }
+  })
+};
+
 const ConfigProvider = defineComponent({
   name: "ElConfigProvider",
-  props: {
-    ...useLocaleProps
-  },
-  setup(_, { slots }) {
+  props: configProviderProps,
+  setup(props, { slots }) {
     useLocale();
+    provide(configProviderContextKey, props);
     return () => {
       var _a;
       return (_a = slots.default) == null ? void 0 : _a.call(slots);
@@ -17659,9 +17768,9 @@ var script$1d = defineComponent({
   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 openBlock(), createElementBlock("main", _hoisted_1$R, [
+  return openBlock(), createElementBlock("main", _hoisted_1$S, [
     renderSlot(_ctx.$slots, "default")
   ]);
 }
@@ -17734,7 +17843,7 @@ var ElDatePickerCell = defineComponent({
   name: "ElDatePickerCell",
   props: buildProps({
     cell: {
-      type: definePropType(Array)
+      type: definePropType(Object)
     }
   }),
   setup(props) {
@@ -17975,7 +18084,7 @@ var script$1c = defineComponent({
         }
         target = target.parentNode;
       }
-      if (target.tagName !== "TD")
+      if (!target || target.tagName !== "TD")
         return;
       const row = target.parentNode.rowIndex - 1;
       const column = target.cellIndex;
@@ -18041,7 +18150,7 @@ var script$1c = defineComponent({
   }
 });
 
-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 = resolveComponent("el-date-picker-cell");
   return openBlock(), createElementBlock("table", {
@@ -18053,7 +18162,7 @@ function render$15(_ctx, _cache, $props, $setup, $data, $options) {
   }, [
     createElementVNode("tbody", null, [
       createElementVNode("tr", null, [
-        _ctx.showWeekNumber ? (openBlock(), createElementBlock("th", _hoisted_1$Q, toDisplayString(_ctx.t("el.datepicker.week")), 1)) : createCommentVNode("v-if", true),
+        _ctx.showWeekNumber ? (openBlock(), createElementBlock("th", _hoisted_1$R, toDisplayString(_ctx.t("el.datepicker.week")), 1)) : createCommentVNode("v-if", true),
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.WEEKS, (week, key) => {
           return openBlock(), createElementBlock("th", { key }, toDisplayString(_ctx.t("el.datepicker.weeks." + week)), 1);
         }), 128))
@@ -18250,7 +18359,7 @@ var script$1b = defineComponent({
   }
 });
 
-const _hoisted_1$P = { class: "cell" };
+const _hoisted_1$Q = { class: "cell" };
 function render$14(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("table", {
     class: "el-month-table",
@@ -18266,7 +18375,7 @@ function render$14(_ctx, _cache, $props, $setup, $data, $options) {
               class: normalizeClass(_ctx.getCellStyle(cell))
             }, [
               createElementVNode("div", null, [
-                createElementVNode("a", _hoisted_1$P, toDisplayString(_ctx.t("el.datepicker.months." + _ctx.months[cell.text])), 1)
+                createElementVNode("a", _hoisted_1$Q, toDisplayString(_ctx.t("el.datepicker.months." + _ctx.months[cell.text])), 1)
               ])
             ], 2);
           }), 128))
@@ -18328,7 +18437,7 @@ var script$1a = defineComponent({
   }
 });
 
-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" };
@@ -18350,7 +18459,7 @@ function render$13(_ctx, _cache, $props, $setup, $data, $options) {
         createElementVNode("td", {
           class: normalizeClass(["available", _ctx.getCellStyle(_ctx.startYear + 0)])
         }, [
-          createElementVNode("a", _hoisted_1$O, toDisplayString(_ctx.startYear), 1)
+          createElementVNode("a", _hoisted_1$P, toDisplayString(_ctx.startYear), 1)
         ], 2),
         createElementVNode("td", {
           class: normalizeClass(["available", _ctx.getCellStyle(_ctx.startYear + 1)])
@@ -18448,7 +18557,19 @@ var script$19 = defineComponent({
   emits: ["pick", "set-picker-option"],
   setup(props, ctx) {
     const { t, lang } = useLocaleInject();
+    const pickerBase = inject("EP_PICKER_BASE");
+    const {
+      shortcuts,
+      disabledDate,
+      cellClassName,
+      defaultTime,
+      defaultValue,
+      arrowControl
+    } = pickerBase.props;
     const innerDate = ref(dayjs().locale(lang.value));
+    const defaultTimeD = computed(() => {
+      return dayjs(defaultTime).locale(lang.value);
+    });
     const month = computed(() => {
       return innerDate.value.month();
     });
@@ -18462,9 +18583,8 @@ var script$19 = defineComponent({
       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);
@@ -18585,9 +18705,9 @@ var script$19 = defineComponent({
       } 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);
@@ -18669,7 +18789,12 @@ var script$19 = defineComponent({
       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;
@@ -18738,15 +18863,6 @@ var script$19 = defineComponent({
     ctx.emit("set-picker-option", ["formatToString", formatToString]);
     ctx.emit("set-picker-option", ["parseUserInput", parseUserInput]);
     ctx.emit("set-picker-option", ["handleKeydown", handleKeydown]);
-    const pickerBase = inject("EP_PICKER_BASE");
-    const {
-      shortcuts,
-      disabledDate,
-      cellClassName,
-      defaultTime,
-      defaultValue,
-      arrowControl
-    } = pickerBase.props;
     watch(() => props.parsedValue, (val) => {
       if (val) {
         if (selectionMode.value === "dates")
@@ -18799,7 +18915,7 @@ var script$19 = defineComponent({
   }
 });
 
-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"
@@ -18839,7 +18955,7 @@ function render$12(_ctx, _cache, $props, $setup, $data, $options) {
       }
     ]])
   }, [
-    createElementVNode("div", _hoisted_1$N, [
+    createElementVNode("div", _hoisted_1$O, [
       renderSlot(_ctx.$slots, "sidebar", { class: "el-picker-panel__sidebar" }),
       _ctx.hasShortcuts ? (openBlock(), createElementBlock("div", _hoisted_2$B, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.shortcuts, (shortcut, key) => {
@@ -19025,6 +19141,7 @@ var script$18 = defineComponent({
     DateTable: script$1c,
     ElInput: ElInput$1,
     ElButton,
+    ElIcon: ElIcon$1,
     DArrowLeft,
     ArrowLeft,
     DArrowRight,
@@ -19433,7 +19550,7 @@ var script$18 = defineComponent({
   }
 });
 
-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"
@@ -19481,7 +19598,7 @@ function render$11(_ctx, _cache, $props, $setup, $data, $options) {
       }
     ]])
   }, [
-    createElementVNode("div", _hoisted_1$M, [
+    createElementVNode("div", _hoisted_1$N, [
       renderSlot(_ctx.$slots, "sidebar", { class: "el-picker-panel__sidebar" }),
       _ctx.hasShortcuts ? (openBlock(), createElementBlock("div", _hoisted_2$A, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.shortcuts, (shortcut, key) => {
@@ -19749,7 +19866,7 @@ script$18.render = render$11;
 script$18.__file = "packages/components/date-picker/src/date-picker-com/panel-date-range.vue";
 
 var script$17 = defineComponent({
-  components: { MonthTable: script$1b, DArrowLeft, DArrowRight },
+  components: { MonthTable: script$1b, ElIcon: ElIcon$1, DArrowLeft, DArrowRight },
   props: {
     unlinkPanels: Boolean,
     parsedValue: {
@@ -19909,7 +20026,7 @@ var script$17 = defineComponent({
   }
 });
 
-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"
@@ -19934,7 +20051,7 @@ function render$10(_ctx, _cache, $props, $setup, $data, $options) {
       }
     ]])
   }, [
-    createElementVNode("div", _hoisted_1$L, [
+    createElementVNode("div", _hoisted_1$M, [
       renderSlot(_ctx.$slots, "sidebar", { class: "el-picker-panel__sidebar" }),
       _ctx.hasShortcuts ? (openBlock(), createElementBlock("div", _hoisted_2$z, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.shortcuts, (shortcut, key) => {
@@ -20196,7 +20313,7 @@ var script$16 = defineComponent({
   }
 });
 
-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 = resolveComponent("el-descriptions-cell");
   return _ctx.descriptions.direction === "vertical" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
@@ -20220,7 +20337,7 @@ function render$$(_ctx, _cache, $props, $setup, $data, $options) {
         }, null, 8, ["cell"]);
       }), 128))
     ])
-  ], 64)) : (openBlock(), createElementBlock("tr", _hoisted_1$K, [
+  ], 64)) : (openBlock(), createElementBlock("tr", _hoisted_1$L, [
     (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.row, (cell, index) => {
       return openBlock(), createElementBlock(Fragment, {
         key: `tr3-${index}`
@@ -20283,7 +20400,7 @@ var script$15 = defineComponent({
   },
   setup(props, { slots }) {
     provide(elDescriptionsKey, props);
-    const $ELEMENT = useGlobalConfig();
+    const $ELEMENT = useGlobalConfig$1();
     const descriptionsSize = computed(() => {
       return props.size || $ELEMENT.size;
     });
@@ -20352,7 +20469,7 @@ var script$15 = defineComponent({
   }
 });
 
-const _hoisted_1$J = { class: "el-descriptions" };
+const _hoisted_1$K = { class: "el-descriptions" };
 const _hoisted_2$y = {
   key: 0,
   class: "el-descriptions__header"
@@ -20362,7 +20479,7 @@ const _hoisted_4$k = { class: "el-descriptions__extra" };
 const _hoisted_5$g = { class: "el-descriptions__body" };
 function render$_(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_descriptions_row = resolveComponent("el-descriptions-row");
-  return openBlock(), createElementBlock("div", _hoisted_1$J, [
+  return openBlock(), createElementBlock("div", _hoisted_1$K, [
     _ctx.title || _ctx.extra || _ctx.$slots.title || _ctx.$slots.extra ? (openBlock(), createElementBlock("div", _hoisted_2$y, [
       createElementVNode("div", _hoisted_3$s, [
         renderSlot(_ctx.$slots, "title", {}, () => [
@@ -20731,7 +20848,7 @@ var script$14 = defineComponent({
   }
 });
 
-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 = {
@@ -20813,7 +20930,7 @@ function render$Z(_ctx, _cache, $props, $setup, $data, $options) {
                 _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_5$f, [
                   renderSlot(_ctx.$slots, "footer")
                 ])) : createCommentVNode("v-if", true)
-              ], 14, _hoisted_1$I), [
+              ], 14, _hoisted_1$J), [
                 [_directive_trap_focus]
               ])
             ], 32)
@@ -20913,7 +21030,7 @@ var script$12 = defineComponent({
   }
 });
 
-const _hoisted_1$H = ["aria-label"];
+const _hoisted_1$I = ["aria-label"];
 const _hoisted_2$w = {
   key: 0,
   id: "el-drawer__title",
@@ -20984,7 +21101,7 @@ function render$X(_ctx, _cache, $props, $setup, $data, $options) {
               _ctx.rendered ? (openBlock(), createElementBlock("section", _hoisted_5$e, [
                 renderSlot(_ctx.$slots, "default")
               ])) : createCommentVNode("v-if", true)
-            ], 14, _hoisted_1$H), [
+            ], 14, _hoisted_1$I), [
               [_directive_trap_focus]
             ])
           ]),
@@ -21008,7 +21125,7 @@ const _Drawer = script$12;
 const ElDrawer = _Drawer;
 
 const useDropdown = () => {
-  const ELEMENT = useGlobalConfig();
+  const ELEMENT = useGlobalConfig$1();
   const elDropdown = inject("elDropdown", {});
   const _elDropdownSize = computed(() => elDropdown == null ? void 0 : elDropdown.dropdownSize);
   return {
@@ -21293,6 +21410,7 @@ var script$11 = defineComponent({
   }
 });
 
+const _hoisted_1$H = { class: "el-dropdown" };
 function render$W(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_scrollbar = resolveComponent("el-scrollbar");
   const _component_el_button = resolveComponent("el-button");
@@ -21300,76 +21418,75 @@ function render$W(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_icon = resolveComponent("el-icon");
   const _component_el_button_group = resolveComponent("el-button-group");
   const _component_el_popper = resolveComponent("el-popper");
-  return openBlock(), 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: withCtx(() => [
-      createVNode(_component_el_scrollbar, {
-        ref: "scrollbar",
-        tag: "ul",
-        "wrap-style": _ctx.wrapStyle,
-        "view-class": "el-dropdown__list"
-      }, {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "dropdown")
-        ]),
-        _: 3
-      }, 8, ["wrap-style"])
-    ]),
-    trigger: withCtx(() => [
-      createElementVNode("div", {
-        class: normalizeClass([
-          "el-dropdown",
-          _ctx.dropdownSize ? "el-dropdown--" + _ctx.dropdownSize : ""
-        ])
-      }, [
-        !_ctx.splitButton ? renderSlot(_ctx.$slots, "default", { key: 0 }) : (openBlock(), createBlock(_component_el_button_group, { key: 1 }, {
+  return openBlock(), createElementBlock("div", _hoisted_1$H, [
+    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: withCtx(() => [
+        createVNode(_component_el_scrollbar, {
+          ref: "scrollbar",
+          tag: "ul",
+          "wrap-style": _ctx.wrapStyle,
+          "view-class": "el-dropdown__list"
+        }, {
           default: withCtx(() => [
-            createVNode(_component_el_button, {
-              size: _ctx.dropdownSize,
-              type: _ctx.type,
-              onClick: _ctx.handlerMainButtonClick
-            }, {
-              default: withCtx(() => [
-                renderSlot(_ctx.$slots, "default")
-              ]),
-              _: 3
-            }, 8, ["size", "type", "onClick"]),
-            createVNode(_component_el_button, {
-              size: _ctx.dropdownSize,
-              type: _ctx.type,
-              class: "el-dropdown__caret-button"
-            }, {
-              default: withCtx(() => [
-                createVNode(_component_el_icon, { class: "el-dropdown__icon" }, {
-                  default: withCtx(() => [
-                    createVNode(_component_arrow_down)
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            }, 8, ["size", "type"])
+            renderSlot(_ctx.$slots, "dropdown")
           ]),
           _: 3
-        }))
-      ], 2)
-    ]),
-    _: 3
-  }, 8, ["visible", "placement", "effect", "trigger"]);
+        }, 8, ["wrap-style"])
+      ]),
+      trigger: withCtx(() => [
+        createElementVNode("div", {
+          class: normalizeClass([_ctx.dropdownSize ? "el-dropdown--" + _ctx.dropdownSize : ""])
+        }, [
+          !_ctx.splitButton ? renderSlot(_ctx.$slots, "default", { key: 0 }) : (openBlock(), createBlock(_component_el_button_group, { key: 1 }, {
+            default: withCtx(() => [
+              createVNode(_component_el_button, {
+                size: _ctx.dropdownSize,
+                type: _ctx.type,
+                onClick: _ctx.handlerMainButtonClick
+              }, {
+                default: withCtx(() => [
+                  renderSlot(_ctx.$slots, "default")
+                ]),
+                _: 3
+              }, 8, ["size", "type", "onClick"]),
+              createVNode(_component_el_button, {
+                size: _ctx.dropdownSize,
+                type: _ctx.type,
+                class: "el-dropdown__caret-button"
+              }, {
+                default: withCtx(() => [
+                  createVNode(_component_el_icon, { class: "el-dropdown__icon" }, {
+                    default: withCtx(() => [
+                      createVNode(_component_arrow_down)
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }, 8, ["size", "type"])
+            ]),
+            _: 3
+          }))
+        ], 2)
+      ]),
+      _: 3
+    }, 8, ["visible", "placement", "effect", "trigger"])
+  ]);
 }
 
 script$11.render = render$W;
@@ -21377,6 +21494,7 @@ script$11.__file = "packages/components/dropdown/src/dropdown.vue";
 
 var script$10 = defineComponent({
   name: "ElDropdownItem",
+  components: { ElIcon: ElIcon$1 },
   props: buildProps({
     command: {
       type: [Object, String, Number],
@@ -23319,7 +23437,7 @@ var script$X = defineComponent({
     }
   },
   setup(props, { slots }) {
-    const $ELEMENT = useGlobalConfig();
+    const $ELEMENT = useGlobalConfig$1();
     const elForm = inject(elFormKey, {});
     const validateState = ref("");
     const validateMessage = ref("");
@@ -23435,8 +23553,6 @@ var script$X = defineComponent({
       validateMessage.value = "";
     };
     const resetField = () => {
-      validateState.value = "";
-      validateMessage.value = "";
       const model = elForm.model;
       const value = fieldValue.value;
       let path = props.prop;
@@ -23449,6 +23565,9 @@ var script$X = defineComponent({
       } else {
         prop.o[prop.k] = initialValue;
       }
+      nextTick(() => {
+        clearValidate();
+      });
     };
     const getRules = () => {
       const formRules = elForm.rules;
@@ -23815,10 +23934,10 @@ var script$W = defineComponent({
         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;
       }
@@ -23955,7 +24074,7 @@ function render$P(_ctx, _cache, $props, $setup, $data, $options) {
             }, 8, ["onClick"]),
             _hoisted_4$f,
             createVNode(_component_el_icon, {
-              onClick: _cache[6] || (_cache[6] = ($event) => _ctx.handleActions("anticlocelise"))
+              onClick: _cache[6] || (_cache[6] = ($event) => _ctx.handleActions("anticlockwise"))
             }, {
               default: withCtx(() => [
                 createVNode(_component_refresh_left)
@@ -23963,7 +24082,7 @@ function render$P(_ctx, _cache, $props, $setup, $data, $options) {
               _: 1
             }),
             createVNode(_component_el_icon, {
-              onClick: _cache[7] || (_cache[7] = ($event) => _ctx.handleActions("clocelise"))
+              onClick: _cache[7] || (_cache[7] = ($event) => _ctx.handleActions("clockwise"))
             }, {
               default: withCtx(() => [
                 createVNode(_component_refresh_right)
@@ -24033,6 +24152,10 @@ const imageProps = buildProps({
   zIndex: {
     type: Number,
     default: 2e3
+  },
+  initialIndex: {
+    type: Number,
+    default: 0
   }
 });
 const imageEmits = {
@@ -24076,8 +24199,8 @@ var script$V = defineComponent({
       return Array.isArray(previewSrcList) && previewSrcList.length > 0;
     });
     const imageIndex = 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;
@@ -25135,7 +25258,7 @@ var SubMenu = defineComponent({
         (_a = slots.title) == null ? void 0 : _a.call(slots),
         h$1(ElIcon, {
           class: ["el-sub-menu__icon-arrow"]
-        }, () => [h$1(subMenuTitleIcon.value)])
+        }, { default: () => h$1(subMenuTitleIcon.value) })
       ];
       const ulStyle = useMenuCssVar(rootMenu.props);
       const child = rootMenu.isMenuPopup ? h$1(ElPopper, {
@@ -25458,7 +25581,7 @@ var Menu = defineComponent({
           }, {
             title: () => h$1(ElIcon$1, {
               class: ["el-sub-menu__icon-more"]
-            }, () => [h$1(More)]),
+            }, { default: () => h$1(More) }),
             default: () => slotMore
           }));
         }
@@ -25803,12 +25926,12 @@ function render$I(_ctx, _cache, $props, $setup, $data, $options) {
     }, [
       _ctx.icon || _ctx.$slots.icon ? (openBlock(), createElementBlock("div", _hoisted_2$q, [
         renderSlot(_ctx.$slots, "icon", {}, () => [
-          createVNode(_component_el_icon, null, {
+          _ctx.icon ? (openBlock(), createBlock(_component_el_icon, { key: 0 }, {
             default: withCtx(() => [
               (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon)))
             ]),
             _: 1
-          })
+          })) : createCommentVNode("v-if", true)
         ])
       ])) : createCommentVNode("v-if", true),
       createElementVNode("div", _hoisted_3$l, [
@@ -26177,7 +26300,7 @@ function useSelectStates(props) {
   });
 }
 const useSelect$2 = (props, states, ctx) => {
-  const ELEMENT = useGlobalConfig();
+  const ELEMENT = useGlobalConfig$1();
   const { t } = useLocaleInject();
   const reference = ref(null);
   const input = ref(null);
@@ -26467,7 +26590,7 @@ const useSelect$2 = (props, states, ctx) => {
       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) {
@@ -26812,7 +26935,10 @@ var script$K = defineComponent({
   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"
@@ -27254,18 +27380,19 @@ function render$D(_ctx, _cache, $props, $setup, $data, $options) {
             onMouseleave: _cache[22] || (_cache[22] = ($event) => _ctx.inputHovering = false)
           }, createSlots({
             suffix: withCtx(() => [
-              withDirectives(createVNode(_component_el_icon, {
+              _ctx.iconComponent ? withDirectives((openBlock(), createBlock(_component_el_icon, {
+                key: 0,
                 class: normalizeClass(["el-select__caret", "el-input__icon", _ctx.iconReverse])
               }, {
                 default: withCtx(() => [
                   (openBlock(), createBlock(resolveDynamicComponent(_ctx.iconComponent)))
                 ]),
                 _: 1
-              }, 8, ["class"]), [
+              }, 8, ["class"])), [
                 [vShow, !_ctx.showClose]
-              ]),
-              _ctx.showClose ? (openBlock(), createBlock(_component_el_icon, {
-                key: 0,
+              ]) : createCommentVNode("v-if", true),
+              _ctx.showClose && _ctx.clearIcon ? (openBlock(), createBlock(_component_el_icon, {
+                key: 1,
                 class: "el-select__caret el-input__icon",
                 onClick: _ctx.handleClearClick
               }, {
@@ -28084,7 +28211,7 @@ function render$x(_ctx, _cache, $props, $setup, $data, $options) {
     default: withCtx(() => [
       createElementVNode("div", _hoisted_1$o, [
         createElementVNode("div", _hoisted_2$k, [
-          !_ctx.hideIcon ? (openBlock(), createBlock(_component_el_icon, {
+          !_ctx.hideIcon && _ctx.icon ? (openBlock(), createBlock(_component_el_icon, {
             key: 0,
             class: "el-popconfirm__icon",
             style: normalizeStyle({ color: _ctx.iconColor })
@@ -28972,9 +29099,10 @@ function render$u(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", _hoisted_1$l, [
     createElementVNode("div", _hoisted_2$h, [
       renderSlot(_ctx.$slots, "icon", {}, () => [
-        (openBlock(), createBlock(resolveDynamicComponent(_ctx.resultIcon.component), {
+        _ctx.resultIcon.component ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.resultIcon.component), {
+          key: 0,
           class: normalizeClass(_ctx.resultIcon.class)
-        }, null, 8, ["class"]))
+        }, null, 8, ["class"])) : createCommentVNode("v-if", true)
       ])
     ]),
     _ctx.title || _ctx.$slots.title ? (openBlock(), createElementBlock("div", _hoisted_3$f, [
@@ -29362,11 +29490,15 @@ const virtualizedProps = buildProps({
   },
   width: {
     type: [Number, String],
-    required: true
+    required: false
   },
   perfMode: {
     type: Boolean,
     default: true
+  },
+  scrollbarAlwaysOn: {
+    type: Boolean,
+    default: false
   }
 });
 const virtualizedListProps = buildProps({
@@ -29432,8 +29564,7 @@ const ScrollBar = defineComponent({
       [ScrollbarDirKey[props.layout]]: "2px",
       right: "2px",
       bottom: "2px",
-      borderRadius: "4px",
-      ...props.visible ? {} : { display: "none" }
+      borderRadius: "4px"
     }));
     const thumbSize = computed(() => {
       const ratio = props.ratio;
@@ -29588,7 +29719,8 @@ const createList = ({
         scrollDir: "forward",
         scrollOffset: isNumber(props.initScrollOffset) ? props.initScrollOffset : 0,
         updateRequested: false,
-        isScrollbarDragging: false
+        isScrollbarDragging: false,
+        scrollbarAlwaysOn: props.scrollbarAlwaysOn
       });
       const itemsToRender = computed(() => {
         const { total, cache } = props;
@@ -29882,8 +30014,7 @@ const createList = ({
         onScroll: onScrollbarScroll,
         ratio: clientSize * 100 / this.estimatedTotalSize,
         scrollFrom: states.scrollOffset / (this.estimatedTotalSize - clientSize),
-        total,
-        visible: true
+        total
       });
       const listContainer = h$1(Container, {
         class: className,
@@ -29895,7 +30026,10 @@ const createList = ({
       }, !isString$1(Container) ? { default: () => [InnerNode] } : [InnerNode]);
       return h$1("div", {
         key: 0,
-        class: "el-vl__wrapper"
+        class: [
+          "el-vl__wrapper",
+          states.scrollbarAlwaysOn ? "always-on" : ""
+        ]
       }, [listContainer, scrollbar]);
     }
   });
@@ -30953,6 +31087,10 @@ const SelectProps = {
   valueKey: {
     type: String,
     default: "value"
+  },
+  scrollbarAlwaysOn: {
+    type: Boolean,
+    default: false
   }
 };
 const OptionProps = {
@@ -31151,6 +31289,7 @@ var script$x = defineComponent({
       height,
       width,
       total: data.length,
+      scrollbarAlwaysOn: selectProps.scrollbarAlwaysOn,
       onKeydown: [
         _cache[1] || (_cache[1] = withKeys(withModifiers(() => onKeyboardNavigate("forward"), ["stop", "prevent"]), ["down"])),
         _cache[2] || (_cache[2] = withKeys(withModifiers(() => onKeyboardNavigate("backward"), ["stop", "prevent"]), ["up"])),
@@ -31301,7 +31440,7 @@ const useSelect = (props, emit) => {
   const { t } = useLocaleInject();
   const elForm = inject(elFormKey, {});
   const elFormItem = inject(elFormItemKey, {});
-  const $ELEMENT = useGlobalConfig();
+  const $ELEMENT = useGlobalConfig$1();
   const states = reactive({
     inputValue: DEFAULT_INPUT_PLACEHOLDER,
     displayInputValue: DEFAULT_INPUT_PLACEHOLDER,
@@ -32149,18 +32288,19 @@ function render$r(_ctx, _cache, $props, $setup, $data, $options) {
               })
             }, toDisplayString(_ctx.currentPlaceholder), 3)) : createCommentVNode("v-if", true),
             createElementVNode("span", _hoisted_9$2, [
-              withDirectives(createVNode(_component_el_icon, {
+              _ctx.iconComponent ? withDirectives((openBlock(), createBlock(_component_el_icon, {
+                key: 0,
                 class: normalizeClass(["el-select-v2__caret", "el-input__icon", _ctx.iconReverse])
               }, {
                 default: withCtx(() => [
                   (openBlock(), createBlock(resolveDynamicComponent(_ctx.iconComponent)))
                 ]),
                 _: 1
-              }, 8, ["class"]), [
+              }, 8, ["class"])), [
                 [vShow, !_ctx.showClearBtn]
-              ]),
-              _ctx.showClearBtn ? (openBlock(), createBlock(_component_el_icon, {
-                key: 0,
+              ]) : createCommentVNode("v-if", true),
+              _ctx.showClearBtn && _ctx.clearIcon ? (openBlock(), createBlock(_component_el_icon, {
+                key: 1,
                 class: "el-select-v2__caret el-input__icon",
                 onClick: withModifiers(_ctx.handleClear, ["prevent", "stop"])
               }, {
@@ -32178,7 +32318,8 @@ function render$r(_ctx, _cache, $props, $setup, $data, $options) {
           ref: "menuRef",
           data: _ctx.filteredOptions,
           width: _ctx.popperSize,
-          "hovering-index": _ctx.states.hoveringIndex
+          "hovering-index": _ctx.states.hoveringIndex,
+          "scrollbar-always-on": _ctx.scrollbarAlwaysOn
         }, {
           default: withCtx((scope) => [
             renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(scope)))
@@ -32189,7 +32330,7 @@ function render$r(_ctx, _cache, $props, $setup, $data, $options) {
             ])
           ]),
           _: 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"])
@@ -34570,7 +34711,9 @@ const doFlattenColumns = (columns) => {
   return result;
 };
 function useWatcher$1() {
+  var _a;
   const instance = getCurrentInstance();
+  const { size: tableSize } = toRefs((_a = instance.proxy) == null ? void 0 : _a.$props);
   const rowKey = ref(null);
   const data = ref([]);
   const _data = ref([]);
@@ -34661,6 +34804,11 @@ function useWatcher$1() {
       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) => {
@@ -34674,12 +34822,12 @@ function useWatcher$1() {
     }
   };
   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) {
@@ -34709,8 +34857,8 @@ function useWatcher$1() {
     });
   };
   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;
     }
@@ -34748,12 +34896,12 @@ function useWatcher$1() {
     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) => {
@@ -34936,6 +35084,7 @@ function useWatcher$1() {
     loadOrToggle,
     updateTreeData,
     states: {
+      tableSize,
       rowKey,
       data,
       _data,
@@ -35803,7 +35952,9 @@ function useEvent(props, emit) {
           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;
@@ -36431,8 +36582,7 @@ function useRender$1(props) {
     getCellStyle,
     getCellClass,
     getSpan,
-    getColspanRealWidth,
-    isColumnHidden
+    getColspanRealWidth
   } = useStyles(props);
   const firstDefaultColumnIndex = computed(() => {
     return props.store.states.columns.value.findIndex(({ type }) => type === "default");
@@ -36509,7 +36659,7 @@ function useRender$1(props) {
     }));
   };
   const cellChildren = (cellIndex, column, data) => {
-    return isColumnHidden(cellIndex) ? null : column.renderCell(data);
+    return column.renderCell(data);
   };
   const wrappedRowRender = (row, $index) => {
     const store = props.store;
@@ -36909,7 +37059,7 @@ function useUtils(store) {
 }
 
 function useStyle(props, layout, store, table) {
-  const $ELEMENT = useGlobalConfig();
+  const $ELEMENT = useGlobalConfig$1();
   const isHidden = ref(false);
   const renderExpanded = ref(null);
   const resizeProxyVisible = ref(false);
@@ -36964,14 +37114,14 @@ function useStyle(props, layout, store, table) {
       layout.updateElsHeight();
     }
     layout.updateColumnsWidth();
-    syncPostion();
+    requestAnimationFrame(syncPostion);
   };
   onMounted(async () => {
     setScrollClass("is-scrolling-left");
     store.updateColumns();
     await nextTick();
     bindEvents();
-    doLayout();
+    requestAnimationFrame(doLayout);
     resizeState.value = {
       width: table.vnode.el.offsetWidth,
       height: table.vnode.el.offsetHeight
@@ -37687,6 +37837,7 @@ const cellForced = {
       }
       return h$1(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
@@ -37700,6 +37851,7 @@ const cellForced = {
     }) {
       return h$1(ElCheckbox, {
         disabled: column.selectable ? !column.selectable.call(null, row, $index) : false,
+        size: store.states.tableSize.value,
         onChange: () => {
           store.commit("rowSelectedChanged", row);
         },
@@ -37745,7 +37897,17 @@ const cellForced = {
       return h$1("div", {
         class: classes,
         onClick: callback
-      }, [h$1(ElIcon, null, [h$1(ArrowRight)])]);
+      }, {
+        default: () => {
+          return [
+            h$1(ElIcon, null, {
+              default: () => {
+                return [h$1(ArrowRight)];
+              }
+            })
+          ];
+        }
+      });
     },
     sortable: false,
     resizable: false,
@@ -37795,7 +37957,15 @@ function treeCellPrefix({
     ele.push(h$1("div", {
       class: expandClasses,
       onClick: callback
-    }, [h$1(ElIcon, { class: { "is-loading": treeNode.loading } }, [h$1(icon)])]));
+    }, {
+      default: () => {
+        return [
+          h$1(ElIcon, { class: { "is-loading": treeNode.loading } }, {
+            default: () => [h$1(icon)]
+          })
+        ];
+      }
+    }));
   } else {
     ele.push(h$1("span", {
       class: "el-table__placeholder"
@@ -38509,14 +38679,14 @@ var script$i = defineComponent({
           scrollable.prev ? "" : "is-disabled"
         ],
         onClick: scrollPrev
-      }, [h$1(ElIcon, {}, () => [h$1(ArrowLeft)])]),
+      }, [h$1(ElIcon, {}, { default: () => h$1(ArrowLeft) })]),
       h$1("span", {
         class: [
           "el-tabs__nav-next",
           scrollable.next ? "" : "is-disabled"
         ],
         onClick: scrollNext
-      }, [h$1("i", {}, () => [h$1(ArrowRight)])])
+      }, [h$1(ElIcon, {}, { default: () => h$1(ArrowRight) })])
     ] : null;
     const tabs = panes.map((pane, index) => {
       var _a, _b;
@@ -38528,7 +38698,7 @@ var script$i = defineComponent({
         onClick: (ev) => {
           onTabRemove(pane, ev);
         }
-      }, () => [h$1(Close)]) : null;
+      }, { default: () => h$1(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 h$1("div", {
@@ -38771,7 +38941,7 @@ var Tabs = defineComponent({
           handleTabAdd();
         }
       }
-    }, [h$1(ElIcon$1, { class: "is-icon-plus" }, () => [Plus])]) : null;
+    }, [h$1(ElIcon$1, { class: "is-icon-plus" }, { default: () => h$1(Plus) })]) : null;
     const header = h$1("div", {
       class: ["el-tabs__header", `is-${tabPosition}`]
     }, [
@@ -39043,12 +39213,15 @@ function render$d(_ctx, _cache, $props, $setup, $data, $options) {
     onFocus: _cache[3] || (_cache[3] = (event) => _ctx.$emit("focus", event))
   }, {
     prefix: withCtx(() => [
-      createVNode(_component_el_icon, { class: "el-input__prefix-icon" }, {
+      _ctx.prefixIcon ? (openBlock(), createBlock(_component_el_icon, {
+        key: 0,
+        class: "el-input__prefix-icon"
+      }, {
         default: withCtx(() => [
           (openBlock(), createBlock(resolveDynamicComponent(_ctx.prefixIcon)))
         ]),
         _: 1
-      })
+      })) : createCommentVNode("v-if", true)
     ]),
     default: withCtx(() => [
       (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.items, (item) => {
@@ -39313,6 +39486,7 @@ var script$d = defineComponent({
     ElCheckboxGroup: ElCheckboxGroup$1,
     ElCheckbox,
     ElInput: ElInput$1,
+    ElIcon: ElIcon$1,
     OptionContent: ({ option }) => option
   },
   props: useCheckProps,
@@ -39411,7 +39585,8 @@ function render$b(_ctx, _cache, $props, $setup, $data, $options) {
         onMouseleave: _cache[3] || (_cache[3] = ($event) => _ctx.inputHover = false)
       }, {
         prefix: withCtx(() => [
-          createVNode(_component_el_icon, {
+          _ctx.inputIcon ? (openBlock(), createBlock(_component_el_icon, {
+            key: 0,
             class: "el-input__icon",
             onClick: _ctx.clearQuery
           }, {
@@ -39419,7 +39594,7 @@ function render$b(_ctx, _cache, $props, $setup, $data, $options) {
               (openBlock(), createBlock(resolveDynamicComponent(_ctx.inputIcon)))
             ]),
             _: 1
-          }, 8, ["onClick"])
+          }, 8, ["onClick"])) : createCommentVNode("v-if", true)
         ]),
         _: 1
       }, 8, ["modelValue", "placeholder"])) : createCommentVNode("v-if", true),
@@ -39533,6 +39708,9 @@ const useMove = (props, checkedState, propsKey, emit) => {
       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 {
@@ -40747,6 +40925,24 @@ var script$a = defineComponent({
     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);
@@ -40833,6 +41029,7 @@ var script$a = defineComponent({
       oldChecked,
       oldIndeterminate,
       getNodeKey: getNodeKey$1,
+      getNodeClass,
       handleSelectChange,
       handleClick,
       handleContextMenu,
@@ -40864,7 +41061,8 @@ function render$9(_ctx, _cache, $props, $setup, $data, $options) {
       "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",
@@ -40884,7 +41082,8 @@ function render$9(_ctx, _cache, $props, $setup, $data, $options) {
       class: "el-tree-node__content",
       style: normalizeStyle({ paddingLeft: (_ctx.node.level - 1) * _ctx.tree.props.indent + "px" })
     }, [
-      createVNode(_component_el_icon, {
+      _ctx.tree.props.icon || _ctx.CaretRight ? (openBlock(), createBlock(_component_el_icon, {
+        key: 0,
         class: normalizeClass([
           {
             "is-leaf": _ctx.node.isLeaf,
@@ -40898,9 +41097,9 @@ function render$9(_ctx, _cache, $props, $setup, $data, $options) {
           (openBlock(), createBlock(resolveDynamicComponent(_ctx.tree.props.icon || _ctx.CaretRight)))
         ]),
         _: 1
-      }, 8, ["class", "onClick"]),
+      }, 8, ["class", "onClick"])) : createCommentVNode("v-if", true),
       _ctx.showCheckbox ? (openBlock(), createBlock(_component_el_checkbox, {
-        key: 0,
+        key: 1,
         "model-value": _ctx.node.checked,
         indeterminate: _ctx.node.indeterminate,
         disabled: !!_ctx.node.disabled,
@@ -40909,7 +41108,7 @@ function render$9(_ctx, _cache, $props, $setup, $data, $options) {
         onChange: _ctx.handleCheckChange
       }, null, 8, ["model-value", "indeterminate", "disabled", "onChange"])) : createCommentVNode("v-if", true),
       _ctx.node.loading ? (openBlock(), createBlock(_component_el_icon, {
-        key: 1,
+        key: 2,
         class: "el-tree-node__loading-icon is-loading"
       }, {
         default: withCtx(() => [
@@ -40937,8 +41136,9 @@ function render$9(_ctx, _cache, $props, $setup, $data, $options) {
               "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)), [
           [vShow, _ctx.expanded]
@@ -41312,6 +41512,7 @@ const _hoisted_3$4 = {
   class: "el-tree__drop-indicator"
 };
 function render$8(_ctx, _cache, $props, $setup, $data, $options) {
+  var _a;
   const _component_el_tree_node = resolveComponent("el-tree-node");
   return openBlock(), createElementBlock("div", {
     ref: "el$",
@@ -41336,7 +41537,7 @@ function render$8(_ctx, _cache, $props, $setup, $data, $options) {
       }, null, 8, ["node", "props", "accordion", "render-after-expand", "show-checkbox", "render-content", "onNodeExpand"]);
     }), 128)),
     _ctx.isEmpty ? (openBlock(), createElementBlock("div", _hoisted_1$7, [
-      createElementVNode("span", _hoisted_2$5, toDisplayString(_ctx.emptyText || _ctx.t("el.tree.emptyText")), 1)
+      createElementVNode("span", _hoisted_2$5, toDisplayString((_a = _ctx.emptyText) != null ? _a : _ctx.t("el.tree.emptyText")), 1)
     ])) : createCommentVNode("v-if", true),
     withDirectives(createElementVNode("div", _hoisted_3$4, null, 512), [
       [vShow, _ctx.dragState.showDropIndicator]
@@ -42013,10 +42214,12 @@ var script$8 = defineComponent({
   setup(props, { emit }) {
     const tree = inject(ROOT_TREE_INJECTION_KEY);
     const indent = 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 = 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);
@@ -42073,7 +42276,8 @@ function render$7(_ctx, _cache, $props, $setup, $data, $options) {
       class: "el-tree-node__content",
       style: normalizeStyle({ paddingLeft: `${(_ctx.node.level - 1) * _ctx.indent}px` })
     }, [
-      createVNode(_component_el_icon, {
+      _ctx.icon ? (openBlock(), createBlock(_component_el_icon, {
+        key: 0,
         class: normalizeClass([
           {
             "is-leaf": (_b = _ctx.node) == null ? void 0 : _b.isLeaf,
@@ -42088,9 +42292,9 @@ function render$7(_ctx, _cache, $props, $setup, $data, $options) {
           (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon)))
         ]),
         _: 1
-      }, 8, ["class", "onClick"]),
+      }, 8, ["class", "onClick"])) : createCommentVNode("v-if", true),
       _ctx.showCheckbox ? (openBlock(), createBlock(_component_el_checkbox, {
-        key: 0,
+        key: 1,
         "model-value": _ctx.checked,
         indeterminate: _ctx.indeterminate,
         disabled: _ctx.disabled,
@@ -42184,6 +42388,7 @@ const _hoisted_1$5 = {
 };
 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 = resolveComponent("el-tree-node");
   const _component_fixed_size_list = resolveComponent("fixed-size-list");
   return openBlock(), createElementBlock("div", {
@@ -42220,7 +42425,7 @@ function render$6(_ctx, _cache, $props, $setup, $data, $options) {
       ]),
       _: 1
     }, 8, ["data", "total", "height", "item-size", "perf-mode"])) : (openBlock(), createElementBlock("div", _hoisted_1$5, [
-      createElementVNode("span", _hoisted_2$4, toDisplayString(_ctx.emptyText || _ctx.t("el.tree.emptyText")), 1)
+      createElementVNode("span", _hoisted_2$4, toDisplayString((_a = _ctx.emptyText) != null ? _a : _ctx.t("el.tree.emptyText")), 1)
     ]))
   ], 2);
 }
@@ -44389,10 +44594,11 @@ function createLoadingComponent({
       return componentSetupConfig;
     },
     render() {
+      const svg = this.spinner || this.svg;
       const spinner = h$1("svg", {
         class: "circular",
         viewBox: this.svgViewBox ? this.svgViewBox : "25 25 50 50",
-        ...this.svg ? { innerHTML: this.svg } : {}
+        ...svg ? { innerHTML: svg } : {}
       }, [
         h$1("circle", {
           class: "path",
@@ -44402,7 +44608,6 @@ function createLoadingComponent({
           fill: "none"
         })
       ]);
-      const noSpinner = h$1(ElIcon$1, {}, () => [this.spinner]);
       const spinnerText = h$1("p", { class: "el-loading-text" }, [this.text]);
       return h$1(Transition, {
         name: "el-loading-fade",
@@ -44421,17 +44626,14 @@ function createLoadingComponent({
           }, [
             h$1("div", {
               class: "el-loading-spinner"
-            }, [
-              !this.spinner ? spinner : noSpinner,
-              this.text ? spinnerText : null
-            ])
+            }, [spinner, this.text ? spinnerText : null])
           ]), [[vShow, this.visible]])
         ])
       });
     }
   };
   vm = createVNode(elLoadingComponent);
-  render$2r(vm, document.createElement("div"));
+  render$2s(vm, document.createElement("div"));
   return {
     ...componentSetupConfig,
     vm,
@@ -44646,6 +44848,14 @@ const messageProps = buildProps({
   zIndex: {
     type: Number,
     default: 0
+  },
+  grouping: {
+    type: Boolean,
+    default: false
+  },
+  repeatNum: {
+    type: Number,
+    default: 1
   }
 });
 const messageEmits = {
@@ -44655,6 +44865,7 @@ const messageEmits = {
 var script$2 = defineComponent({
   name: "ElMessage",
   components: {
+    ElBadge,
     ElIcon,
     ...TypeComponents
   },
@@ -44701,6 +44912,10 @@ var script$2 = defineComponent({
       startTimer();
       visible.value = true;
     });
+    watch(() => props.repeatNum, () => {
+      clearTimer();
+      startTimer();
+    });
     useEventListener(document, "keydown", keydown);
     return {
       typeClass,
@@ -44721,6 +44936,7 @@ const _hoisted_2$2 = {
 };
 const _hoisted_3$2 = ["innerHTML"];
 function render$2(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_badge = resolveComponent("el-badge");
   const _component_el_icon = resolveComponent("el-icon");
   const _component_close = resolveComponent("close");
   return openBlock(), createBlock(Transition, {
@@ -44728,53 +44944,62 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
     onBeforeLeave: _ctx.onClose,
     onAfterLeave: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("destroy"))
   }, {
-    default: withCtx(() => [
-      withDirectives(createElementVNode("div", {
-        id: _ctx.id,
-        class: normalizeClass([
-          "el-message",
-          _ctx.type && !_ctx.icon ? `el-message--${_ctx.type}` : "",
-          _ctx.center ? "is-center" : "",
-          _ctx.showClose ? "is-closable" : "",
-          _ctx.customClass
-        ]),
-        style: 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 ? (openBlock(), createBlock(_component_el_icon, {
-          key: 0,
-          class: normalizeClass(["el-message__icon", _ctx.typeClass])
-        }, {
-          default: withCtx(() => [
-            (openBlock(), createBlock(resolveDynamicComponent(_ctx.iconComponent)))
+    default: withCtx(() => {
+      var _a;
+      return [
+        withDirectives(createElementVNode("div", {
+          id: _ctx.id,
+          class: normalizeClass([
+            "el-message",
+            _ctx.type && !_ctx.icon ? `el-message--${_ctx.type}` : "",
+            _ctx.center ? "is-center" : "",
+            _ctx.showClose ? "is-closable" : "",
+            _ctx.customClass
           ]),
-          _: 1
-        }, 8, ["class"])) : createCommentVNode("v-if", true),
-        renderSlot(_ctx.$slots, "default", {}, () => [
-          !_ctx.dangerouslyUseHTMLString ? (openBlock(), createElementBlock("p", _hoisted_2$2, toDisplayString(_ctx.message), 1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-            createCommentVNode(" Caution here, message could've been compromised, never use user's input as message "),
-            createElementVNode("p", {
-              class: "el-message__content",
-              innerHTML: _ctx.message
-            }, null, 8, _hoisted_3$2)
-          ], 2112))
-        ]),
-        _ctx.showClose ? (openBlock(), createBlock(_component_el_icon, {
-          key: 1,
-          class: "el-message__closeBtn",
-          onClick: withModifiers(_ctx.close, ["stop"])
-        }, {
-          default: withCtx(() => [
-            createVNode(_component_close)
+          style: 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 ? (openBlock(), createBlock(_component_el_badge, {
+            key: 0,
+            value: _ctx.repeatNum,
+            type: (_a = _ctx.type) != null ? _a : "info",
+            class: "el-message__badge"
+          }, null, 8, ["value", "type"])) : createCommentVNode("v-if", true),
+          _ctx.iconComponent ? (openBlock(), createBlock(_component_el_icon, {
+            key: 1,
+            class: normalizeClass(["el-message__icon", _ctx.typeClass])
+          }, {
+            default: withCtx(() => [
+              (openBlock(), createBlock(resolveDynamicComponent(_ctx.iconComponent)))
+            ]),
+            _: 1
+          }, 8, ["class"])) : createCommentVNode("v-if", true),
+          renderSlot(_ctx.$slots, "default", {}, () => [
+            !_ctx.dangerouslyUseHTMLString ? (openBlock(), createElementBlock("p", _hoisted_2$2, toDisplayString(_ctx.message), 1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+              createCommentVNode(" Caution here, message could've been compromised, never use user's input as message "),
+              createElementVNode("p", {
+                class: "el-message__content",
+                innerHTML: _ctx.message
+              }, null, 8, _hoisted_3$2)
+            ], 2112))
           ]),
-          _: 1
-        }, 8, ["onClick"])) : createCommentVNode("v-if", true)
-      ], 46, _hoisted_1$2), [
-        [vShow, _ctx.visible]
-      ])
-    ]),
+          _ctx.showClose ? (openBlock(), createBlock(_component_el_icon, {
+            key: 2,
+            class: "el-message__closeBtn",
+            onClick: withModifiers(_ctx.close, ["stop"])
+          }, {
+            default: withCtx(() => [
+              createVNode(_component_close)
+            ]),
+            _: 1
+          }, 8, ["onClick"])) : createCommentVNode("v-if", true)
+        ], 46, _hoisted_1$2), [
+          [vShow, _ctx.visible]
+        ])
+      ];
+    }),
     _: 3
   }, 8, ["onBeforeLeave"]);
 }
@@ -44787,6 +45012,19 @@ let seed$1 = 1;
 const message = function(options = {}) {
   if (isServer)
     return { close: () => void 0 };
+  if (!isVNode(options) && typeof options === "object" && options.grouping && !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" || isVNode(options)) {
     options = { message: options };
   }
@@ -44821,9 +45059,9 @@ const message = function(options = {}) {
   const message2 = props.message;
   const vm = createVNode(script$2, props, isVNode(props.message) ? { default: () => message2 } : null);
   vm.props.onDestroy = () => {
-    render$2r(null, container);
+    render$2s(null, container);
   };
-  render$2r(vm, container);
+  render$2s(vm, container);
   instances.push({ vm });
   appendTo.appendChild(container.firstElementChild);
   return {
@@ -45278,7 +45516,7 @@ script$1.__file = "packages/components/message-box/src/index.vue";
 const messageInstance = new Map();
 const initInstance = (props, container) => {
   const vnode = h$1(script$1, props);
-  render$2r(vnode, container);
+  render$2s(vnode, container);
   document.body.appendChild(container.firstElementChild);
   return vnode.component;
 };
@@ -45288,7 +45526,7 @@ const genContainer = () => {
 const showMessage = (options) => {
   const container = genContainer();
   options.onVanish = () => {
-    render$2r(null, container);
+    render$2s(null, container);
     messageInstance.delete(vm);
   };
   options.onAction = (action) => {
@@ -45678,9 +45916,9 @@ const notify = function(options = {}) {
     default: () => props.message
   } : null);
   vm.props.onDestroy = () => {
-    render$2r(null, container);
+    render$2s(null, container);
   };
-  render$2r(vm, container);
+  render$2s(vm, container);
   notifications[position].push({ vm });
   appendTo.appendChild(container.firstElementChild);
   return {
@@ -45752,4 +45990,4 @@ var installer = makeInstaller$1([...Components, ...Plugins]);
 const install = installer.install;
 const version = installer.version;
 
-export { BAR_MAP, CASCADER_PANEL_INJECTION_KEY, CHANGE_EVENT, ClickOutside, script$1K as CommonPicker, CommonProps, DARK_EFFECT, DEFAULT_FORMATS_DATE, DEFAULT_FORMATS_DATEPICKER, DEFAULT_FORMATS_TIME, DefaultProps, FixedSizeGrid$1 as DynamicSizeGrid, DynamicSizeList$1 as DynamicSizeList, Effect, ElAffix, ElAlert, ElAside, ElAutocomplete, ElAvatar, ElBacktop, ElBadge, ElBreadcrumb, ElBreadcrumbItem, ElButton, ElButtonGroup$2 as ElButtonGroup, ElCalendar, ElCard, ElCarousel, ElCarouselItem, ElCascader, ElCascaderPanel, ElCheckTag, ElCheckbox, ElCheckboxButton, ElCheckboxGroup$1 as ElCheckboxGroup, ElCol, ElCollapse, ElCollapseItem, ElCollapseTransition, ElColorPicker, ElConfigProvider, ElContainer, ElDatePicker, ElDescriptions, ElDescriptionsItem, ElDialog, ElDivider, ElDrawer, ElDropdown, ElDropdownItem, ElDropdownMenu, ElEmpty, ElFooter, ElForm, ElFormItem, ElHeader, ElIcon, ElImage, ElImageViewer, ElInfiniteScroll, ElInput, ElInputNumber, ElLink, ElLoading, ElLoadingDirective, ElLoadingService, ElMain, ElMenu, ElMenuItem, ElMenuItemGroup, ElMessage, ElMessageBox, ElNotification, ElOption$1 as ElOption, ElOptionGroup, ElOverlay, ElPageHeader, ElPagination, ElPopconfirm, ElPopover, ElPopoverDirective, ElPopper$1 as ElPopper, ElProgress, ElRadio, ElRadioButton, ElRadioGroup, ElRate, ElResult, ElRow, ElScrollbar$1 as ElScrollbar, ElSelect, ElSelectV2, ElSkeleton, ElSkeletonItem, ElSlider, ElSpace, ElStep, ElSteps, ElSubMenu, ElSwitch, ElTabPane, ElTable, ElTableColumn, ElTabs, ElTag, ElTimePicker, ElTimeSelect, ElTimeline, ElTimelineItem, ElTooltip, ElTransfer, ElTree, ElTreeV2, ElUpload, ExpandTrigger$1 as ExpandTrigger, FixedSizeGrid$3 as FixedSizeGrid, FixedSizeList$1 as FixedSizeList, LIGHT_EFFECT, LocaleInjectionKey, Mousewheel, RepeatClick, Resize, script$1I as TimePickPanel, TrapFocus, affixEmits, affixProps, alertEmits, alertProps, avatarEmits, avatarProps, backtopEmits, backtopProps, badgeProps, breadcrumbItemProps, breadcrumbProps, buttonEmits, buttonNativeType, buttonProps, buttonSize, buttonType, cardProps, colProps, installer as default, dialogEmits, dialogProps, dividerProps, elBreadcrumbKey, elButtonGroupKey, elFormItemKey, elFormKey, elPaginationKey, emptyProps, extractDateFormat, extractTimeFormat, iconProps, imageEmits, imageProps, imageViewerEmits, imageViewerProps, inputEmits, inputNumberEmits, inputNumberProps, inputProps, install, linkEmits, linkProps, localeProviderMaker, makeInstaller$1 as makeInstaller, menuEmits, menuItemEmits, menuItemGroupProps, menuItemProps, menuProps, messageEmits, messageProps, messageTypes, notificationEmits, notificationProps, notificationTypes, overlayEmits, overlayProps, pageHeaderEmits, pageHeaderProps, paginationEmits, paginationProps, popconfirmEmits, popconfirmProps, popperDefaultProps, rangeArr, renderArrow, renderPopper, renderThumbStyle$1 as renderThumbStyle, renderTrigger, selectGroupKey, selectKey, selectV2InjectionKey, spaceProps, subMenuProps, tagEmits, tagProps, themeVarsKey, timePickerDefaultProps, useAttrs, useCascaderConfig, useCssVar, useDialog, index as useEvents, useFocus, useFormItem, useFormItemProps, useLocale, useLocaleInject, useLocaleProps, useLockScreen, useMigrating, useModal, useModelToggle, useModelToggleEmits, useModelToggleProps, usePopper, usePopperControlProps, usePopperHook, usePopperProps, usePreventGlobal, useRestoreActive, useSameTarget, useSpace, useTeleport, useThemeVars, useThrottleRender, useTimeout, version, virtualizedGridProps, virtualizedListProps, virtualizedProps, virtualizedScrollbarProps };
+export { BAR_MAP, CASCADER_PANEL_INJECTION_KEY, CHANGE_EVENT, ClickOutside, script$1K as CommonPicker, CommonProps, DARK_EFFECT, DEFAULT_FORMATS_DATE, DEFAULT_FORMATS_DATEPICKER, DEFAULT_FORMATS_TIME, DefaultProps, FixedSizeGrid$1 as DynamicSizeGrid, DynamicSizeList$1 as DynamicSizeList, Effect, ElAffix, ElAlert, ElAside, ElAutocomplete, ElAvatar, ElBacktop, ElBadge, ElBreadcrumb, ElBreadcrumbItem, ElButton, ElButtonGroup$2 as ElButtonGroup, ElCalendar, ElCard, ElCarousel, ElCarouselItem, ElCascader, ElCascaderPanel, ElCheckTag, ElCheckbox, ElCheckboxButton, ElCheckboxGroup$1 as ElCheckboxGroup, ElCol, ElCollapse, ElCollapseItem, ElCollapseTransition, ElColorPicker, ElConfigProvider, ElContainer, ElDatePicker, ElDescriptions, ElDescriptionsItem, ElDialog, ElDivider, ElDrawer, ElDropdown, ElDropdownItem, ElDropdownMenu, ElEmpty, ElFooter, ElForm, ElFormItem, ElHeader, ElIcon, ElImage, ElImageViewer, ElInfiniteScroll, ElInput, ElInputNumber, ElLink, ElLoading, ElLoadingDirective, ElLoadingService, ElMain, ElMenu, ElMenuItem, ElMenuItemGroup, ElMessage, ElMessageBox, ElNotification, ElOption$1 as ElOption, ElOptionGroup, ElOverlay, ElPageHeader, ElPagination, ElPopconfirm, ElPopover, ElPopoverDirective, ElPopper$1 as ElPopper, ElProgress, ElRadio, ElRadioButton, ElRadioGroup, ElRate, ElResult, ElRow, ElScrollbar$1 as ElScrollbar, ElSelect, ElSelectV2, ElSkeleton, ElSkeletonItem, ElSlider, ElSpace, ElStep, ElSteps, ElSubMenu, ElSwitch, ElTabPane, ElTable, ElTableColumn, ElTabs, ElTag, ElTimePicker, ElTimeSelect, ElTimeline, ElTimelineItem, ElTooltip, ElTransfer, ElTree, ElTreeV2, ElUpload, ExpandTrigger$1 as ExpandTrigger, FixedSizeGrid$3 as FixedSizeGrid, FixedSizeList$1 as FixedSizeList, LIGHT_EFFECT, LocaleInjectionKey, Mousewheel, RepeatClick, Resize, script$1I as TimePickPanel, TrapFocus, affixEmits, affixProps, alertEmits, alertProps, avatarEmits, avatarProps, backtopEmits, backtopProps, badgeProps, breadcrumbItemProps, breadcrumbProps, buttonEmits, buttonNativeType, buttonProps, buttonSize, buttonType, cardProps, colProps, configProviderContextKey, installer as default, dialogEmits, dialogProps, dividerProps, elBreadcrumbKey, elButtonGroupKey, elFormItemKey, elFormKey, elPaginationKey, emptyProps, extractDateFormat, extractTimeFormat, iconProps, imageEmits, imageProps, imageViewerEmits, imageViewerProps, inputEmits, inputNumberEmits, inputNumberProps, inputProps, install, linkEmits, linkProps, localeProviderMaker, makeInstaller$1 as makeInstaller, menuEmits, menuItemEmits, menuItemGroupProps, menuItemProps, menuProps, messageEmits, messageProps, messageTypes, notificationEmits, notificationProps, notificationTypes, overlayEmits, overlayProps, pageHeaderEmits, pageHeaderProps, paginationEmits, paginationProps, popconfirmEmits, popconfirmProps, popperDefaultProps, rangeArr, renderArrow, renderPopper, renderThumbStyle$1 as renderThumbStyle, renderTrigger, selectGroupKey, selectKey, selectV2InjectionKey, spaceProps, subMenuProps, tagEmits, tagProps, themeVarsKey, timePickerDefaultProps, useAttrs, useCascaderConfig, useCssVar, useDialog, index as useEvents, useFocus, useFormItem, useFormItemProps, useGlobalConfig, useLocale, useLocaleInject, useLocaleProps, useLockScreen, useMigrating, useModal, useModelToggle, useModelToggleEmits, useModelToggleProps, usePopper, usePopperControlProps, usePopperHook, usePopperProps, usePreventGlobal, useRestoreActive, useSameTarget, useSpace, useTeleport, useThemeVars, useThrottleRender, useTimeout, version, virtualizedGridProps, virtualizedListProps, virtualizedProps, virtualizedScrollbarProps };