@element-plus/nightly 0.0.20211230 → 0.0.20220103

package/dist/index.full.mjs

@@ -1,14 +1,6 @@
-/*! Element Plus v0.0.20211230 */
+/*! Element Plus v0.0.20220103 */
 
-import { getCurrentInstance, computed, readonly, getCurrentScope, onScopeDispose, shallowRef, watchSyncEffect, ref, unref, watch, warn, inject, toRef, provide, isRef, onMounted, nextTick, openBlock, createBlock, createCommentVNode, isVNode, Fragment, Comment, camelize as camelize$1, onUnmounted, h as h$1, Teleport, Transition, renderSlot, toDisplayString, cloneVNode, withDirectives, defineComponent, reactive, createElementBlock, normalizeStyle, createElementVNode, normalizeClass, mergeProps, resolveComponent, withCtx, resolveDynamicComponent, createTextVNode, createVNode, vShow, onUpdated, withModifiers, onBeforeUnmount, onActivated, onDeactivated, resolveDirective, withKeys, createSlots, renderList, Text, normalizeProps, guardReactiveProps, toRefs, vModelCheckbox, vModelRadio, onBeforeUpdate, vModelText, toHandlers, watchEffect, effectScope, markRaw, toRaw, triggerRef, onBeforeMount, TransitionGroup, createApp, render as render$1R } from 'vue';
-
-let $ELEMENT = {};
-const setConfig = (option) => {
-  $ELEMENT = option;
-};
-const getConfig = (key) => {
-  return $ELEMENT[key];
-};
+import { getCurrentInstance, computed, warn, readonly, getCurrentScope, onScopeDispose, shallowRef, watchSyncEffect, ref, unref, watch, inject, provide, isRef, onMounted, nextTick, openBlock, createBlock, createCommentVNode, isVNode, Fragment, Comment, camelize as camelize$1, onUnmounted, h as h$1, Teleport, toRef, Transition, renderSlot, toDisplayString, cloneVNode, withDirectives, defineComponent, reactive, createElementBlock, normalizeStyle, createElementVNode, normalizeClass, mergeProps, resolveComponent, withCtx, resolveDynamicComponent, createTextVNode, createVNode, vShow, onUpdated, withModifiers, onBeforeUnmount, onActivated, onDeactivated, resolveDirective, withKeys, createSlots, renderList, Text, normalizeProps, guardReactiveProps, toRefs, vModelCheckbox, vModelRadio, onBeforeUpdate, vModelText, toHandlers, watchEffect, effectScope, markRaw, toRaw, triggerRef, onBeforeMount, TransitionGroup, createApp, render as render$1R } from 'vue';
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
@@ -69,6 +61,23 @@ const useAttrs = (params = {}) => {
   });
 };
 
+const elFormKey = Symbol("elForm");
+const elFormItemKey = Symbol("elFormItem");
+
+const buttonGroupContextKey = Symbol("buttonGroupContextKey");
+
+const elBreadcrumbKey = Symbol("elBreadcrumbKey");
+
+const elPaginationKey = Symbol("elPaginationKey");
+
+const configProviderContextKey = Symbol();
+
+const radioGroupKey = Symbol("radioGroupKey");
+
+const tabsRootContextKey = Symbol("tabsRootContextKey");
+
+const scrollbarContextKey = Symbol("scrollbarContextKey");
+
 /**
  * Make a map and return a function for checking if a key
  * is in that map.
@@ -116,6 +125,52 @@ const hyphenate = cacheStringFunction((str) => str.replace(hyphenateRE, '-$1').t
  */
 const capitalize = cacheStringFunction((str) => str.charAt(0).toUpperCase() + str.slice(1));
 
+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", "default", "small"];
+
+const useProp = (name) => {
+  const vm = getCurrentInstance();
+  return computed(() => {
+    var _a, _b;
+    return (_b = (_a = vm.proxy) == null ? void 0 : _a.$props[name]) != null ? _b : void 0;
+  });
+};
+
 /**
  * Removes all key-value entries from the list cache.
  *
@@ -2862,13 +2917,6 @@ function rafThrottle(fn) {
 function isUndefined(val) {
   return val === void 0;
 }
-function useGlobalConfig$1() {
-  const vm = getCurrentInstance();
-  if ("$ELEMENT" in vm.proxy) {
-    return vm.proxy.$ELEMENT;
-  }
-  return {};
-}
 function isEmpty(val) {
   if (!val && val !== 0 || isArray$9(val) && !val.length || isObject$a(val) && !Object.keys(val).length)
     return true;
@@ -2896,78 +2944,44 @@ const refAttacher = (ref) => {
     ref.value = val;
   };
 };
-
-const elFormKey = Symbol("elForm");
-const elFormItemKey = Symbol("elFormItem");
-
-const buttonGroupContextKey = Symbol("buttonGroupContextKey");
-
-const elBreadcrumbKey = Symbol("elBreadcrumbKey");
-
-const elPaginationKey = Symbol("elPaginationKey");
-
-const configProviderContextKey = Symbol();
-
-const radioGroupKey = Symbol("radioGroupKey");
-
-const tabsRootContextKey = Symbol("tabsRootContextKey");
-
-const scrollbarContextKey = Symbol("scrollbarContextKey");
-
-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", "default", "small"];
-
-const useProp = (name) => {
-  const vm = getCurrentInstance();
-  return computed(() => {
-    var _a, _b;
-    return (_b = (_a = vm.proxy) == null ? void 0 : _a.$props[name]) != null ? _b : void 0;
-  });
+const merge = (a, b) => {
+  var _a;
+  const keys = [
+    .../* @__PURE__ */ new Set([...Object.keys(a), ...Object.keys(b)])
+  ];
+  const obj = {};
+  for (const key of keys) {
+    obj[key] = (_a = b[key]) != null ? _a : a[key];
+  }
+  return obj;
 };
 
+const fallback = ref({});
 function useGlobalConfig(key) {
-  const config = inject(configProviderContextKey, {});
+  const config = inject(configProviderContextKey, fallback);
   if (key) {
-    return toRef(config, key);
+    return isObject$a(config.value) && hasOwn(config.value, key) ? computed(() => config.value[key]) : ref(void 0);
   } else {
     return config;
   }
 }
+const provideGlobalConfig = (config, app) => {
+  var _a;
+  const inSetup = !!getCurrentInstance();
+  const oldConfig = inSetup ? useGlobalConfig() : void 0;
+  const provideFn = (_a = app == null ? void 0 : app.provide) != null ? _a : inSetup ? provide : void 0;
+  if (!provideFn) {
+    return;
+  }
+  const context = computed(() => {
+    const cfg = unref(config);
+    if (!oldConfig)
+      return cfg;
+    return merge(oldConfig.value, cfg);
+  });
+  provideFn(configProviderContextKey, context);
+  return context;
+};
 
 const useSizeProp = buildProp({
   type: String,
@@ -2978,10 +2992,9 @@ const useSize = (fallback, ignore = {}) => {
   const emptyRef = ref(void 0);
   const size = ignore.prop ? emptyRef : useProp("size");
   const globalConfig = ignore.global ? emptyRef : useGlobalConfig("size");
-  const globalConfigLegacy = ignore.global ? { size: void 0 } : useGlobalConfig$1();
   const form = ignore.form ? { size: void 0 } : inject(elFormKey, void 0);
   const formItem = ignore.formItem ? { size: void 0 } : inject(elFormItemKey, void 0);
-  return computed(() => size.value || unref(fallback) || (formItem == null ? void 0 : formItem.size) || (form == null ? void 0 : form.size) || globalConfig.value || globalConfigLegacy.size || "default");
+  return computed(() => size.value || unref(fallback) || (formItem == null ? void 0 : formItem.size) || (form == null ? void 0 : form.size) || globalConfig.value || "default");
 };
 const useDisabled$1 = (fallback) => {
   const disabled = useProp("disabled");
@@ -5990,10 +6003,9 @@ const onModalClick = () => {
   PopupManager == null ? void 0 : PopupManager.doOnModalClick();
 };
 let hasModal = false;
-let zIndex;
 const getModal = function() {
   if (!isClient)
-    return;
+    return void 0;
   let modalDom = PopupManager.modalDom;
   if (modalDom) {
     hasModal = true;
@@ -6010,7 +6022,14 @@ const instances$1 = {};
 const PopupManager = {
   modalFade: true,
   modalDom: void 0,
-  zIndex,
+  globalInitialZIndex: 2e3,
+  zIndex: 0,
+  getInitialZIndex() {
+    var _a;
+    if (!getCurrentInstance())
+      return this.globalInitialZIndex;
+    return (_a = useGlobalConfig("zIndex").value) != null ? _a : this.globalInitialZIndex;
+  },
   getInstance(id) {
     return instances$1[id];
   },
@@ -6026,7 +6045,7 @@ const PopupManager = {
     }
   },
   nextZIndex() {
-    return ++PopupManager.zIndex;
+    return this.getInitialZIndex() + ++this.zIndex;
   },
   modalStack: [],
   doOnModalClick() {
@@ -6038,10 +6057,10 @@ const PopupManager = {
       instance.close();
     }
   },
-  openModal(id, zIndex2, dom, modalClass, modalFade) {
+  openModal(id, zIndex, dom, modalClass, modalFade) {
     if (!isClient)
       return;
-    if (!id || zIndex2 === void 0)
+    if (!id || zIndex === void 0)
       return;
     this.modalFade = modalFade;
     const modalStack = this.modalStack;
@@ -6068,12 +6087,12 @@ const PopupManager = {
     } else {
       document.body.appendChild(modalDom);
     }
-    if (zIndex2) {
-      modalDom.style.zIndex = String(zIndex2);
+    if (zIndex) {
+      modalDom.style.zIndex = String(zIndex);
     }
     modalDom.tabIndex = 0;
     modalDom.style.display = "";
-    this.modalStack.push({ id, zIndex: zIndex2, modalClass });
+    this.modalStack.push({ id, zIndex, modalClass });
   },
   closeModal(id) {
     const modalStack = this.modalStack;
@@ -6087,7 +6106,7 @@ const PopupManager = {
         }
         modalStack.pop();
         if (modalStack.length > 0) {
-          modalDom.style.zIndex = modalStack[modalStack.length - 1].zIndex;
+          modalDom.style.zIndex = `${modalStack[modalStack.length - 1].zIndex}`;
         }
       } else {
         for (let i = modalStack.length - 1; i >= 0; i--) {
@@ -6114,18 +6133,6 @@ const PopupManager = {
     }
   }
 };
-Object.defineProperty(PopupManager, "zIndex", {
-  configurable: true,
-  get() {
-    if (zIndex === void 0) {
-      zIndex = getConfig("zIndex") || 2e3;
-    }
-    return zIndex;
-  },
-  set(value) {
-    zIndex = value;
-  }
-});
 const getTopPopup = function() {
   if (!isClient)
     return;
@@ -6138,7 +6145,7 @@ const getTopPopup = function() {
   }
 };
 if (isClient) {
-  on(window, "keydown", function(event) {
+  window.addEventListener("keydown", function(event) {
     if (event.code === EVENT_CODE.esc) {
       const topPopup = getTopPopup();
       if (topPopup && topPopup.closeOnPressEscape.value) {
@@ -6678,26 +6685,21 @@ const useThrottleRender = (loading, throttle = 0) => {
   return throttled;
 };
 
-const version$1 = "0.0.20211230";
+const version$1 = "0.0.20220103";
 
+const INSTALLED_KEY = Symbol("INSTALLED_KEY");
 const makeInstaller = (components = []) => {
-  const apps = [];
-  const install = (app, opts) => {
-    const defaultInstallOpt = {
-      size: "",
-      zIndex: 2e3
-    };
-    const option = Object.assign(defaultInstallOpt, opts);
-    if (apps.includes(app))
+  const install = (app, options = {}) => {
+    if (app[INSTALLED_KEY])
       return;
-    apps.push(app);
+    app[INSTALLED_KEY] = true;
     components.forEach((c) => app.use(c));
-    if (option.locale) {
-      const localeProvides = localeProviderMaker(opts.locale);
-      app.provide(localeContextKey, localeProvides);
-    }
-    app.config.globalProperties.$ELEMENT = option;
-    setConfig(option);
+    provideGlobalConfig(options, app);
+    watch(() => unref(options).zIndex, () => {
+      const zIndex = unref(options).zIndex;
+      if (isNumber(zIndex))
+        PopupManager.globalInitialZIndex = zIndex;
+    }, { immediate: true });
   };
   return {
     version: version$1,
@@ -7249,13 +7251,13 @@ const _hoisted_4$x = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M480 512h256q32 0 32 32t-32 32H480q-32 0-32-32t32-32z"
 }, null, -1);
-const _hoisted_5$p = [
+const _hoisted_5$o = [
   _hoisted_2$1n,
   _hoisted_3$19,
   _hoisted_4$x
 ];
 function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1L, _hoisted_5$p);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1L, _hoisted_5$o);
 }
 var clock = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["render", _sfc_render$o]]);
 
@@ -8660,7 +8662,7 @@ const _hoisted_3$M = {
   class: "el-input__prefix"
 };
 const _hoisted_4$w = { class: "el-input__prefix-inner" };
-const _hoisted_5$o = {
+const _hoisted_5$n = {
   key: 2,
   class: "el-input__suffix"
 };
@@ -8746,7 +8748,7 @@ function render$1N(_ctx, _cache, $props, $setup, $data, $options) {
         ])
       ])) : createCommentVNode("v-if", true),
       createCommentVNode(" suffix slot "),
-      _ctx.suffixVisible ? (openBlock(), createElementBlock("span", _hoisted_5$o, [
+      _ctx.suffixVisible ? (openBlock(), createElementBlock("span", _hoisted_5$n, [
         createElementVNode("span", _hoisted_6$i, [
           !_ctx.showClear || !_ctx.showPwdVisible || !_ctx.isWordLimitVisible ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
             renderSlot(_ctx.$slots, "suffix"),
@@ -12024,7 +12026,7 @@ const timePickerDefaultProps = {
     default: () => ({})
   },
   modelValue: {
-    type: [Date, Array, String],
+    type: [Date, Array, String, Number],
     default: ""
   },
   rangeSeparator: {
@@ -14070,7 +14072,7 @@ const _hoisted_1$19 = {
 const _hoisted_2$S = { class: "el-time-range-picker__content" };
 const _hoisted_3$I = { class: "el-time-range-picker__cell" };
 const _hoisted_4$v = { class: "el-time-range-picker__header" };
-const _hoisted_5$n = { class: "el-time-range-picker__cell" };
+const _hoisted_5$m = { class: "el-time-range-picker__cell" };
 const _hoisted_6$h = { class: "el-time-range-picker__header" };
 const _hoisted_7$b = { class: "el-time-panel__footer" };
 const _hoisted_8$a = ["disabled"];
@@ -14099,7 +14101,7 @@ function render$1z(_ctx, _cache, $props, $setup, $data, $options) {
           }, null, 8, ["show-seconds", "am-pm-mode", "arrow-control", "spinner-date", "disabled-hours", "disabled-minutes", "disabled-seconds", "onChange", "onSetOption", "onSelectRange"])
         ], 2)
       ]),
-      createElementVNode("div", _hoisted_5$n, [
+      createElementVNode("div", _hoisted_5$m, [
         createElementVNode("div", _hoisted_6$h, toDisplayString(_ctx.t("el.datepicker.endTime")), 1),
         createElementVNode("div", {
           class: normalizeClass([{ "has-seconds": _ctx.showSeconds, "is-arrow": _ctx.arrowControl }, "el-time-range-picker__body el-time-panel__content"])
@@ -14542,7 +14544,7 @@ const _hoisted_4$u = {
   key: 0,
   class: "el-calendar__button-group"
 };
-const _hoisted_5$m = {
+const _hoisted_5$l = {
   key: 0,
   class: "el-calendar__body"
 };
@@ -14594,7 +14596,7 @@ function render$1x(_ctx, _cache, $props, $setup, $data, $options) {
         ])) : createCommentVNode("v-if", true)
       ])
     ]),
-    _ctx.validatedRange.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_5$m, [
+    _ctx.validatedRange.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_5$l, [
       createVNode(_component_date_table, {
         date: _ctx.date,
         "selected-day": _ctx.realSelectedDay,
@@ -15495,7 +15497,7 @@ const _hoisted_1$13 = ["id", "aria-controls"];
 const _hoisted_2$O = ["tabindex", "role", "aria-checked"];
 const _hoisted_3$E = /* @__PURE__ */ createElementVNode("span", { class: "el-checkbox__inner" }, null, -1);
 const _hoisted_4$t = ["aria-hidden", "name", "tabindex", "disabled", "true-value", "false-value"];
-const _hoisted_5$l = ["aria-hidden", "disabled", "value", "name", "tabindex"];
+const _hoisted_5$k = ["aria-hidden", "disabled", "value", "name", "tabindex"];
 const _hoisted_6$f = {
   key: 0,
   class: "el-checkbox__label"
@@ -15552,7 +15554,7 @@ function render$1t(_ctx, _cache, $props, $setup, $data, $options) {
         onChange: _cache[5] || (_cache[5] = (...args) => _ctx.handleChange && _ctx.handleChange(...args)),
         onFocus: _cache[6] || (_cache[6] = ($event) => _ctx.focus = true),
         onBlur: _cache[7] || (_cache[7] = ($event) => _ctx.focus = false)
-      }, null, 40, _hoisted_5$l)), [
+      }, null, 40, _hoisted_5$k)), [
         [vModelCheckbox, _ctx.model]
       ])
     ], 10, _hoisted_2$O),
@@ -19083,23 +19085,22 @@ const configProviderProps = buildProps({
   ...useLocaleProps,
   size: {
     type: String,
-    values: ["large", "medium", "small", "mini"]
+    values: ["large", "default", "small"]
   },
   button: {
     type: definePropType(Object)
+  },
+  zIndex: {
+    type: Number
   }
 });
-
-const ConfigProvider = defineComponent({
+var ConfigProvider = defineComponent({
   name: "ElConfigProvider",
   props: configProviderProps,
   setup(props, { slots }) {
     provideLocale();
-    provide(configProviderContextKey, props);
-    return () => {
-      var _a;
-      return (_a = slots.default) == null ? void 0 : _a.call(slots);
-    };
+    const config = provideGlobalConfig(props);
+    return () => renderSlot(slots, "default", { config: config == null ? void 0 : config.value });
   }
 });
 
@@ -19919,7 +19920,7 @@ const _hoisted_1$P = { class: "cell" };
 const _hoisted_2$C = { class: "cell" };
 const _hoisted_3$w = { class: "cell" };
 const _hoisted_4$o = { class: "cell" };
-const _hoisted_5$k = { class: "cell" };
+const _hoisted_5$j = { class: "cell" };
 const _hoisted_6$e = { class: "cell" };
 const _hoisted_7$a = { class: "cell" };
 const _hoisted_8$9 = { class: "cell" };
@@ -19959,7 +19960,7 @@ function render$13(_ctx, _cache, $props, $setup, $data, $options) {
         createElementVNode("td", {
           class: normalizeClass(["available", _ctx.getCellStyle(_ctx.startYear + 4)])
         }, [
-          createElementVNode("a", _hoisted_5$k, toDisplayString(_ctx.startYear + 4), 1)
+          createElementVNode("a", _hoisted_5$j, toDisplayString(_ctx.startYear + 4), 1)
         ], 2),
         createElementVNode("td", {
           class: normalizeClass(["available", _ctx.getCellStyle(_ctx.startYear + 5)])
@@ -20400,7 +20401,7 @@ const _hoisted_2$B = {
 };
 const _hoisted_3$v = ["onClick"];
 const _hoisted_4$n = { class: "el-picker-panel__body" };
-const _hoisted_5$j = {
+const _hoisted_5$i = {
   key: 0,
   class: "el-date-picker__time-header"
 };
@@ -20446,7 +20447,7 @@ function render$12(_ctx, _cache, $props, $setup, $data, $options) {
         }), 128))
       ])) : createCommentVNode("v-if", true),
       createElementVNode("div", _hoisted_4$n, [
-        _ctx.showTime ? (openBlock(), createElementBlock("div", _hoisted_5$j, [
+        _ctx.showTime ? (openBlock(), createElementBlock("div", _hoisted_5$i, [
           createElementVNode("span", _hoisted_6$d, [
             createVNode(_component_el_input, {
               placeholder: _ctx.t("el.datepicker.selectDate"),
@@ -21035,7 +21036,7 @@ const _hoisted_2$A = {
 };
 const _hoisted_3$u = ["onClick"];
 const _hoisted_4$m = { class: "el-picker-panel__body" };
-const _hoisted_5$i = {
+const _hoisted_5$h = {
   key: 0,
   class: "el-date-range-picker__time-header"
 };
@@ -21089,7 +21090,7 @@ function render$11(_ctx, _cache, $props, $setup, $data, $options) {
         }), 128))
       ])) : createCommentVNode("v-if", true),
       createElementVNode("div", _hoisted_4$m, [
-        _ctx.showTime ? (openBlock(), createElementBlock("div", _hoisted_5$i, [
+        _ctx.showTime ? (openBlock(), createElementBlock("div", _hoisted_5$h, [
           createElementVNode("span", _hoisted_6$c, [
             createElementVNode("span", _hoisted_7$8, [
               createVNode(_component_el_input, {
@@ -21513,7 +21514,7 @@ const _hoisted_2$z = {
 };
 const _hoisted_3$t = ["onClick"];
 const _hoisted_4$l = { class: "el-picker-panel__body" };
-const _hoisted_5$h = { class: "el-picker-panel__content el-date-range-picker__content is-left" };
+const _hoisted_5$g = { class: "el-picker-panel__content el-date-range-picker__content is-left" };
 const _hoisted_6$b = { class: "el-date-range-picker__header" };
 const _hoisted_7$7 = ["disabled"];
 const _hoisted_8$6 = { class: "el-picker-panel__content el-date-range-picker__content is-right" };
@@ -21544,7 +21545,7 @@ function render$10(_ctx, _cache, $props, $setup, $data, $options) {
         }), 128))
       ])) : createCommentVNode("v-if", true),
       createElementVNode("div", _hoisted_4$l, [
-        createElementVNode("div", _hoisted_5$h, [
+        createElementVNode("div", _hoisted_5$g, [
           createElementVNode("div", _hoisted_6$b, [
             createElementVNode("button", {
               type: "button",
@@ -21724,6 +21725,8 @@ var DescriptionsCell = defineComponent({
   render() {
     var _a, _b, _c, _d, _e, _f;
     const item = getNormalizedProps(this.cell);
+    const { border, direction } = this.descriptions;
+    const isVertical = direction === "vertical";
     const label = ((_c = (_b = (_a = this.cell) == null ? void 0 : _a.children) == null ? void 0 : _b.label) == null ? void 0 : _c.call(_b)) || item.label;
     const content = (_f = (_e = (_d = this.cell) == null ? void 0 : _d.children) == null ? void 0 : _e.default) == null ? void 0 : _f.call(_e);
     const span = item.span;
@@ -21742,11 +21745,14 @@ var DescriptionsCell = defineComponent({
           class: [
             "el-descriptions__cell",
             "el-descriptions__label",
-            { "is-bordered-label": this.descriptions.border },
+            {
+              "is-bordered-label": border,
+              "is-vertical-label": isVertical
+            },
             labelAlign,
             labelClassName
           ],
-          colSpan: this.descriptions.direction === "vertical" ? span : 1
+          colSpan: isVertical ? span : 1
         }, label);
       case "content":
         return h$1(this.tag, {
@@ -21754,10 +21760,14 @@ var DescriptionsCell = defineComponent({
           class: [
             "el-descriptions__cell",
             "el-descriptions__content",
+            {
+              "is-bordered-content": border,
+              "is-vertical-content": isVertical
+            },
             align,
             className
           ],
-          colSpan: this.descriptions.direction === "vertical" ? span : span * 2 - 1
+          colSpan: isVertical ? span : span * 2 - 1
         }, content);
       default:
         return h$1("td", {
@@ -21882,6 +21892,11 @@ var script$14 = defineComponent({
   setup(props, { slots }) {
     provide(elDescriptionsKey, props);
     const descriptionsSize = useSize();
+    const prefix = "el-descriptions";
+    const descriptionKls = computed(() => [
+      prefix,
+      descriptionsSize.value ? `${prefix}--${descriptionsSize.value}` : ""
+    ]);
     const flattedChildren = (children) => {
       const temp = Array.isArray(children) ? children : [children];
       const res = [];
@@ -21941,42 +21956,39 @@ var script$14 = defineComponent({
       return rows;
     };
     return {
-      descriptionsSize,
+      descriptionKls,
       getRows
     };
   }
 });
 
-const _hoisted_1$K = { class: "el-descriptions" };
-const _hoisted_2$y = {
+const _hoisted_1$K = {
   key: 0,
   class: "el-descriptions__header"
 };
-const _hoisted_3$s = { class: "el-descriptions__title" };
-const _hoisted_4$k = { class: "el-descriptions__extra" };
-const _hoisted_5$g = { class: "el-descriptions__body" };
+const _hoisted_2$y = { class: "el-descriptions__title" };
+const _hoisted_3$s = { class: "el-descriptions__extra" };
+const _hoisted_4$k = { 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$K, [
-    _ctx.title || _ctx.extra || _ctx.$slots.title || _ctx.$slots.extra ? (openBlock(), createElementBlock("div", _hoisted_2$y, [
-      createElementVNode("div", _hoisted_3$s, [
+  return openBlock(), createElementBlock("div", {
+    class: normalizeClass(_ctx.descriptionKls)
+  }, [
+    _ctx.title || _ctx.extra || _ctx.$slots.title || _ctx.$slots.extra ? (openBlock(), createElementBlock("div", _hoisted_1$K, [
+      createElementVNode("div", _hoisted_2$y, [
         renderSlot(_ctx.$slots, "title", {}, () => [
           createTextVNode(toDisplayString(_ctx.title), 1)
         ])
       ]),
-      createElementVNode("div", _hoisted_4$k, [
+      createElementVNode("div", _hoisted_3$s, [
         renderSlot(_ctx.$slots, "extra", {}, () => [
           createTextVNode(toDisplayString(_ctx.extra), 1)
         ])
       ])
     ])) : createCommentVNode("v-if", true),
-    createElementVNode("div", _hoisted_5$g, [
+    createElementVNode("div", _hoisted_4$k, [
       createElementVNode("table", {
-        class: normalizeClass([
-          "el-descriptions__table",
-          { "is-bordered": _ctx.border },
-          _ctx.descriptionsSize ? `el-descriptions--${_ctx.descriptionsSize}` : ""
-        ])
+        class: normalizeClass(["el-descriptions__table", { "is-bordered": _ctx.border }])
       }, [
         createElementVNode("tbody", null, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.getRows(), (row, index) => {
@@ -21988,7 +22000,7 @@ function render$_(_ctx, _cache, $props, $setup, $data, $options) {
         ])
       ], 2)
     ])
-  ]);
+  ], 2);
 }
 
 script$14.render = render$_;
@@ -41862,7 +41874,7 @@ class TreeStore {
   }
   _setCheckedKeys(key, leafOnly = false, checkedKeys) {
     const allNodes = this._getAllNodes().sort((a, b) => b.level - a.level);
-    const cache = Object.create(null);
+    const cache = /* @__PURE__ */ Object.create(null);
     const keys = Object.keys(checkedKeys);
     allNodes.forEach((node) => node.setChecked(false, false));
     for (let i = 0, j = allNodes.length; i < j; i++) {
@@ -47293,4 +47305,4 @@ var installer = makeInstaller([...Components, ...Plugins]);
 const install = installer.install;
 const version = installer.version;
 
-export { BAR_MAP, CASCADER_PANEL_INJECTION_KEY, CHANGE_EVENT, ClickOutside, script$1J 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$1 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, 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, IconComponentMap, IconMap, LIGHT_EFFECT, Mousewheel, RepeatClick, Resize, script$1H as TimePickPanel, TrapFocus, affixEmits, affixProps, alertEmits, alertProps, avatarEmits, avatarProps, backtopEmits, backtopProps, badgeProps, barProps, breadcrumbItemProps, breadcrumbProps, buildTranslator, buttonEmits, buttonGroupContextKey, buttonNativeType, buttonProps, buttonSize, buttonType, calendarEmits, calendarProps, cardProps, colProps, configProviderContextKey, configProviderProps, installer as default, dialogEmits, dialogProps, dividerProps, drawerEmits, drawerProps, elBreadcrumbKey, elFormItemKey, elFormKey, elPaginationKey, emptyProps, extractDateFormat, extractTimeFormat, iconProps, imageEmits, imageProps, imageViewerEmits, imageViewerProps, inputEmits, inputNumberEmits, inputNumberProps, inputProps, install, linkEmits, linkProps, localeContextKey, localeProviderMaker, makeInstaller, menuEmits, menuItemEmits, menuItemGroupProps, menuItemProps, menuProps, messageEmits, messageProps, messageTypes, notificationEmits, notificationProps, notificationTypes, overlayEmits, overlayProps, pageHeaderEmits, pageHeaderProps, paginationEmits, paginationProps, popconfirmEmits, popconfirmProps, popperDefaultProps, progressProps, provideLocale, radioButtonProps, radioEmits, radioGroupEmits, radioGroupKey, radioGroupProps, radioProps, radioPropsBase, rangeArr, rateEmits, rateProps, renderArrow, renderPopper, renderThumbStyle$1 as renderThumbStyle, renderTrigger, resultProps, rowProps, scrollbarContextKey, scrollbarEmits, scrollbarProps, selectGroupKey, selectKey, selectV2InjectionKey, skeletonItemProps, skeletonProps, spaceProps, subMenuProps, switchEmits, switchProps, tabBar, tabNavProps, tabPaneProps, tabsEmits, tabsProps, tabsRootContextKey, tagEmits, tagProps, timePickerDefaultProps, translate, useAttrs, useCascaderConfig, useDialog, useDisabled$1 as useDisabled, useFocus, useFormItem, useGlobalConfig, useLocale, useLocaleProps, useLockscreen, useModal, useModelToggle, useModelToggleEmits, useModelToggleProps, usePopper, usePopperControlProps, usePopperHook, usePopperProps, usePreventGlobal, useProp, useRadio, useRestoreActive, useSameTarget, useSize, useSizeProp, useSpace, useTeleport, useThrottleRender, useTimeout, version, virtualizedGridProps, virtualizedListProps, virtualizedProps, virtualizedScrollbarProps };
+export { BAR_MAP, CASCADER_PANEL_INJECTION_KEY, CHANGE_EVENT, ClickOutside, script$1J 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$1 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, 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, IconComponentMap, IconMap, LIGHT_EFFECT, Mousewheel, RepeatClick, Resize, script$1H as TimePickPanel, TrapFocus, affixEmits, affixProps, alertEmits, alertProps, avatarEmits, avatarProps, backtopEmits, backtopProps, badgeProps, barProps, breadcrumbItemProps, breadcrumbProps, buildTranslator, buttonEmits, buttonGroupContextKey, buttonNativeType, buttonProps, buttonSize, buttonType, calendarEmits, calendarProps, cardProps, colProps, configProviderContextKey, configProviderProps, installer as default, dialogEmits, dialogProps, dividerProps, drawerEmits, drawerProps, elBreadcrumbKey, elFormItemKey, elFormKey, elPaginationKey, emptyProps, extractDateFormat, extractTimeFormat, iconProps, imageEmits, imageProps, imageViewerEmits, imageViewerProps, inputEmits, inputNumberEmits, inputNumberProps, inputProps, install, linkEmits, linkProps, localeContextKey, localeProviderMaker, makeInstaller, menuEmits, menuItemEmits, menuItemGroupProps, menuItemProps, menuProps, messageEmits, messageProps, messageTypes, notificationEmits, notificationProps, notificationTypes, overlayEmits, overlayProps, pageHeaderEmits, pageHeaderProps, paginationEmits, paginationProps, popconfirmEmits, popconfirmProps, popperDefaultProps, progressProps, provideGlobalConfig, provideLocale, radioButtonProps, radioEmits, radioGroupEmits, radioGroupKey, radioGroupProps, radioProps, radioPropsBase, rangeArr, rateEmits, rateProps, renderArrow, renderPopper, renderThumbStyle$1 as renderThumbStyle, renderTrigger, resultProps, rowProps, scrollbarContextKey, scrollbarEmits, scrollbarProps, selectGroupKey, selectKey, selectV2InjectionKey, skeletonItemProps, skeletonProps, spaceProps, subMenuProps, switchEmits, switchProps, tabBar, tabNavProps, tabPaneProps, tabsEmits, tabsProps, tabsRootContextKey, tagEmits, tagProps, timePickerDefaultProps, translate, useAttrs, useCascaderConfig, useDialog, useDisabled$1 as useDisabled, useFocus, useFormItem, useGlobalConfig, useLocale, useLocaleProps, useLockscreen, useModal, useModelToggle, useModelToggleEmits, useModelToggleProps, usePopper, usePopperControlProps, usePopperHook, usePopperProps, usePreventGlobal, useProp, useRadio, useRestoreActive, useSameTarget, useSize, useSizeProp, useSpace, useTeleport, useThrottleRender, useTimeout, version, virtualizedGridProps, virtualizedListProps, virtualizedProps, virtualizedScrollbarProps };