@element-plus/nightly 0.0.20221018 → 0.0.20221020

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20221018 */
+/*! Element Plus v0.0.20221020 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -11072,7 +11072,7 @@
     };
   };
 
-  const version$1 = "0.0.20221018";
+  const version$1 = "0.0.20221020";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -11578,7 +11578,7 @@
     compositionend: (evt) => evt instanceof CompositionEvent
   };
 
-  const _hoisted_1$14 = ["role"];
+  const _hoisted_1$13 = ["role"];
   const _hoisted_2$G = ["id", "type", "disabled", "formatter", "parser", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder", "form"];
   const _hoisted_3$l = ["id", "tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder", "form"];
   const __default__$1r = vue.defineComponent({
@@ -11978,7 +11978,7 @@
               class: vue.normalizeClass(vue.unref(nsInput).e("count"))
             }, vue.toDisplayString(vue.unref(textLength)) + " / " + vue.toDisplayString(vue.unref(attrs).maxlength), 7)) : vue.createCommentVNode("v-if", true)
           ], 64))
-        ], 16, _hoisted_1$14)), [
+        ], 16, _hoisted_1$13)), [
           [vue.vShow, _ctx.type !== "hidden"]
         ]);
       };
@@ -13759,7 +13759,7 @@
   });
   var ElTooltipContent = /* @__PURE__ */ _export_sfc(_sfc_main$22, [["__file", "content.vue"]]);
 
-  const _hoisted_1$13 = ["innerHTML"];
+  const _hoisted_1$12 = ["innerHTML"];
   const _hoisted_2$F = { key: 1 };
   const __default__$1j = vue.defineComponent({
     name: "ElTooltip"
@@ -13908,7 +13908,7 @@
                   _ctx.rawContent ? (vue.openBlock(), vue.createElementBlock("span", {
                     key: 0,
                     innerHTML: _ctx.content
-                  }, null, 8, _hoisted_1$13)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$F, vue.toDisplayString(_ctx.content), 1))
+                  }, null, 8, _hoisted_1$12)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$F, vue.toDisplayString(_ctx.content), 1))
                 ]),
                 vue.unref(compatShowArrow) ? (vue.openBlock(), vue.createBlock(vue.unref(ElPopperArrow), {
                   key: 0,
@@ -13995,7 +13995,7 @@
     select: (item) => isObject$1(item)
   };
 
-  const _hoisted_1$12 = ["aria-expanded", "aria-owns"];
+  const _hoisted_1$11 = ["aria-expanded", "aria-owns"];
   const _hoisted_2$E = { key: 0 };
   const _hoisted_3$k = ["id", "aria-selected", "onClick"];
   const COMPONENT_NAME$i = "ElAutocomplete";
@@ -14322,7 +14322,7 @@
                   ])
                 } : void 0
               ]), 1040, ["model-value", "onKeydown"])
-            ], 14, _hoisted_1$12)
+            ], 14, _hoisted_1$11)
           ]),
           _: 3
         }, 8, ["visible", "placement", "popper-class", "teleported", "transition"]);
@@ -14363,7 +14363,7 @@
     error: (evt) => evt instanceof Event
   };
 
-  const _hoisted_1$11 = ["src", "alt", "srcset"];
+  const _hoisted_1$10 = ["src", "alt", "srcset"];
   const __default__$1h = vue.defineComponent({
     name: "ElAvatar"
   });
@@ -14412,7 +14412,7 @@
             srcset: _ctx.srcSet,
             style: vue.normalizeStyle(vue.unref(fitStyle)),
             onError: handleError
-          }, null, 44, _hoisted_1$11)) : _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), { key: 1 }, {
+          }, null, 44, _hoisted_1$10)) : _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), { key: 1 }, {
             default: vue.withCtx(() => [
               (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.icon)))
             ]),
@@ -14448,7 +14448,56 @@
     click: (evt) => evt instanceof MouseEvent
   };
 
-  const _hoisted_1$10 = ["onClick"];
+  const useBackTop = (props, emit, componentName) => {
+    const el = vue.shallowRef();
+    const container = vue.shallowRef();
+    const visible = vue.ref(false);
+    const scrollToTop = () => {
+      if (!el.value)
+        return;
+      const beginTime = Date.now();
+      const beginValue = el.value.scrollTop;
+      const frameFunc = () => {
+        if (!el.value)
+          return;
+        const progress = (Date.now() - beginTime) / 500;
+        if (progress < 1) {
+          el.value.scrollTop = beginValue * (1 - easeInOutCubic(progress));
+          requestAnimationFrame(frameFunc);
+        } else {
+          el.value.scrollTop = 0;
+        }
+      };
+      requestAnimationFrame(frameFunc);
+    };
+    const handleScroll = () => {
+      if (el.value)
+        visible.value = el.value.scrollTop >= props.visibilityHeight;
+    };
+    const handleClick = (event) => {
+      scrollToTop();
+      emit("click", event);
+    };
+    const handleScrollThrottled = useThrottleFn(handleScroll, 300, true);
+    useEventListener(container, "scroll", handleScrollThrottled);
+    vue.onMounted(() => {
+      var _a;
+      container.value = document;
+      el.value = document.documentElement;
+      if (props.target) {
+        el.value = (_a = document.querySelector(props.target)) != null ? _a : void 0;
+        if (!el.value) {
+          throwError(componentName, `target does not exist: ${props.target}`);
+        }
+        container.value = el.value;
+      }
+    });
+    return {
+      visible,
+      handleClick
+    };
+  };
+
   const COMPONENT_NAME$h = "ElBacktop";
   const __default__$1g = vue.defineComponent({
     name: COMPONENT_NAME$h
@@ -14460,63 +14509,21 @@
     setup(__props, { emit }) {
       const props = __props;
       const ns = useNamespace("backtop");
-      const el = vue.shallowRef();
-      const container = vue.shallowRef();
-      const visible = vue.ref(false);
+      const { handleClick, visible } = useBackTop(props, emit, COMPONENT_NAME$h);
       const backTopStyle = vue.computed(() => ({
         right: `${props.right}px`,
         bottom: `${props.bottom}px`
       }));
-      const scrollToTop = () => {
-        if (!el.value)
-          return;
-        const beginTime = Date.now();
-        const beginValue = el.value.scrollTop;
-        const frameFunc = () => {
-          if (!el.value)
-            return;
-          const progress = (Date.now() - beginTime) / 500;
-          if (progress < 1) {
-            el.value.scrollTop = beginValue * (1 - easeInOutCubic(progress));
-            requestAnimationFrame(frameFunc);
-          } else {
-            el.value.scrollTop = 0;
-          }
-        };
-        requestAnimationFrame(frameFunc);
-      };
-      const handleScroll = () => {
-        if (el.value)
-          visible.value = el.value.scrollTop >= props.visibilityHeight;
-      };
-      const handleClick = (event) => {
-        scrollToTop();
-        emit("click", event);
-      };
-      const handleScrollThrottled = useThrottleFn(handleScroll, 300, true);
-      useEventListener(container, "scroll", handleScrollThrottled);
-      vue.onMounted(() => {
-        var _a;
-        container.value = document;
-        el.value = document.documentElement;
-        if (props.target) {
-          el.value = (_a = document.querySelector(props.target)) != null ? _a : void 0;
-          if (!el.value) {
-            throwError(COMPONENT_NAME$h, `target is not existed: ${props.target}`);
-          }
-          container.value = el.value;
-        }
-      });
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createBlock(vue.Transition, {
           name: `${vue.unref(ns).namespace.value}-fade-in`
         }, {
           default: vue.withCtx(() => [
-            visible.value ? (vue.openBlock(), vue.createElementBlock("div", {
+            vue.unref(visible) ? (vue.openBlock(), vue.createElementBlock("div", {
               key: 0,
               style: vue.normalizeStyle(vue.unref(backTopStyle)),
               class: vue.normalizeClass(vue.unref(ns).b()),
-              onClick: vue.withModifiers(handleClick, ["stop"])
+              onClick: _cache[0] || (_cache[0] = vue.withModifiers((...args) => vue.unref(handleClick) && vue.unref(handleClick)(...args), ["stop"]))
             }, [
               vue.renderSlot(_ctx.$slots, "default", {}, () => [
                 vue.createVNode(vue.unref(ElIcon), {
@@ -14528,7 +14535,7 @@
                   _: 1
                 }, 8, ["class"])
               ])
-            ], 14, _hoisted_1$10)) : vue.createCommentVNode("v-if", true)
+            ], 6)) : vue.createCommentVNode("v-if", true)
           ]),
           _: 3
         }, 8, ["name"]);
@@ -14719,6 +14726,54 @@
   });
   const ElBreadcrumbItem = withNoopInstall(BreadcrumbItem);
 
+  const useButton = (props, emit) => {
+    useDeprecated({
+      from: "type.text",
+      replacement: "link",
+      version: "3.0.0",
+      scope: "props",
+      ref: "https://element-plus.org/en-US/component/button.html#button-attributes"
+    }, vue.computed(() => props.type === "text"));
+    const buttonGroupContext = vue.inject(buttonGroupContextKey, void 0);
+    const globalConfig = useGlobalConfig("button");
+    const { form } = useFormItem();
+    const _size = useSize(vue.computed(() => buttonGroupContext == null ? void 0 : buttonGroupContext.size));
+    const _disabled = useDisabled();
+    const _ref = vue.ref();
+    const slots = vue.useSlots();
+    const _type = vue.computed(() => props.type || (buttonGroupContext == null ? void 0 : buttonGroupContext.type) || "");
+    const autoInsertSpace = vue.computed(() => {
+      var _a, _b, _c;
+      return (_c = (_b = props.autoInsertSpace) != null ? _b : (_a = globalConfig.value) == null ? void 0 : _a.autoInsertSpace) != null ? _c : false;
+    });
+    const shouldAddSpace = vue.computed(() => {
+      var _a;
+      const defaultSlot = (_a = slots.default) == null ? void 0 : _a.call(slots);
+      if (autoInsertSpace.value && (defaultSlot == null ? void 0 : defaultSlot.length) === 1) {
+        const slot = defaultSlot[0];
+        if ((slot == null ? void 0 : slot.type) === vue.Text) {
+          const text = slot.children;
+          return /^\p{Unified_Ideograph}{2}$/u.test(text.trim());
+        }
+      }
+      return false;
+    });
+    const handleClick = (evt) => {
+      if (props.nativeType === "reset") {
+        form == null ? void 0 : form.resetFields();
+      }
+      emit("click", evt);
+    };
+    return {
+      _disabled,
+      _size,
+      _type,
+      _ref,
+      shouldAddSpace,
+      handleClick
+    };
+  };
+
   const buttonTypes = [
     "default",
     "primary",
@@ -15706,45 +15761,9 @@
     emits: buttonEmits,
     setup(__props, { expose, emit }) {
       const props = __props;
-      const slots = vue.useSlots();
-      useDeprecated({
-        from: "type.text",
-        replacement: "link",
-        version: "3.0.0",
-        scope: "props",
-        ref: "https://element-plus.org/en-US/component/button.html#button-attributes"
-      }, vue.computed(() => props.type === "text"));
-      const buttonGroupContext = vue.inject(buttonGroupContextKey, void 0);
-      const globalConfig = useGlobalConfig("button");
-      const ns = useNamespace("button");
-      const { form } = useFormItem();
-      const _size = useSize(vue.computed(() => buttonGroupContext == null ? void 0 : buttonGroupContext.size));
-      const _disabled = useDisabled();
-      const _ref = vue.ref();
-      const _type = vue.computed(() => props.type || (buttonGroupContext == null ? void 0 : buttonGroupContext.type) || "");
-      const autoInsertSpace = vue.computed(() => {
-        var _a, _b, _c;
-        return (_c = (_b = props.autoInsertSpace) != null ? _b : (_a = globalConfig.value) == null ? void 0 : _a.autoInsertSpace) != null ? _c : false;
-      });
-      const shouldAddSpace = vue.computed(() => {
-        var _a;
-        const defaultSlot = (_a = slots.default) == null ? void 0 : _a.call(slots);
-        if (autoInsertSpace.value && (defaultSlot == null ? void 0 : defaultSlot.length) === 1) {
-          const slot = defaultSlot[0];
-          if ((slot == null ? void 0 : slot.type) === vue.Text) {
-            const text = slot.children;
-            return /^\p{Unified_Ideograph}{2}$/u.test(text.trim());
-          }
-        }
-        return false;
-      });
       const buttonStyle = useButtonCustomStyle(props);
-      const handleClick = (evt) => {
-        if (props.nativeType === "reset") {
-          form == null ? void 0 : form.resetFields();
-        }
-        emit("click", evt);
-      };
+      const ns = useNamespace("button");
+      const { _ref, _size, _type, _disabled, shouldAddSpace, handleClick } = useButton(props, emit);
       expose({
         ref: _ref,
         size: _size,
@@ -15774,7 +15793,7 @@
           autofocus: _ctx.autofocus,
           type: _ctx.nativeType,
           style: vue.normalizeStyle(vue.unref(buttonStyle)),
-          onClick: handleClick
+          onClick: _cache[0] || (_cache[0] = (...args) => vue.unref(handleClick) && vue.unref(handleClick)(...args))
         }, [
           _ctx.loading ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
             _ctx.$slots.loading ? vue.renderSlot(_ctx.$slots, "loading", { key: 0 }) : (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
@@ -16048,86 +16067,6 @@
   })(dayjs_min);
   var dayjs = dayjs_min.exports;
 
-  var localeData$1 = {exports: {}};
-
-  (function(module, exports) {
-    !function(n, e) {
-      module.exports = e() ;
-    }(commonjsGlobal, function() {
-      return function(n, e, t) {
-        var r = e.prototype, o = function(n2) {
-          return n2 && (n2.indexOf ? n2 : n2.s);
-        }, u = function(n2, e2, t2, r2, u2) {
-          var i2 = n2.name ? n2 : n2.$locale(), a2 = o(i2[e2]), s2 = o(i2[t2]), f = a2 || s2.map(function(n3) {
-            return n3.slice(0, r2);
-          });
-          if (!u2)
-            return f;
-          var d = i2.weekStart;
-          return f.map(function(n3, e3) {
-            return f[(e3 + (d || 0)) % 7];
-          });
-        }, i = function() {
-          return t.Ls[t.locale()];
-        }, a = function(n2, e2) {
-          return n2.formats[e2] || function(n3) {
-            return n3.replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, function(n4, e3, t2) {
-              return e3 || t2.slice(1);
-            });
-          }(n2.formats[e2.toUpperCase()]);
-        }, s = function() {
-          var n2 = this;
-          return { months: function(e2) {
-            return e2 ? e2.format("MMMM") : u(n2, "months");
-          }, monthsShort: function(e2) {
-            return e2 ? e2.format("MMM") : u(n2, "monthsShort", "months", 3);
-          }, firstDayOfWeek: function() {
-            return n2.$locale().weekStart || 0;
-          }, weekdays: function(e2) {
-            return e2 ? e2.format("dddd") : u(n2, "weekdays");
-          }, weekdaysMin: function(e2) {
-            return e2 ? e2.format("dd") : u(n2, "weekdaysMin", "weekdays", 2);
-          }, weekdaysShort: function(e2) {
-            return e2 ? e2.format("ddd") : u(n2, "weekdaysShort", "weekdays", 3);
-          }, longDateFormat: function(e2) {
-            return a(n2.$locale(), e2);
-          }, meridiem: this.$locale().meridiem, ordinal: this.$locale().ordinal };
-        };
-        r.localeData = function() {
-          return s.bind(this)();
-        }, t.localeData = function() {
-          var n2 = i();
-          return { firstDayOfWeek: function() {
-            return n2.weekStart || 0;
-          }, weekdays: function() {
-            return t.weekdays();
-          }, weekdaysShort: function() {
-            return t.weekdaysShort();
-          }, weekdaysMin: function() {
-            return t.weekdaysMin();
-          }, months: function() {
-            return t.months();
-          }, monthsShort: function() {
-            return t.monthsShort();
-          }, longDateFormat: function(e2) {
-            return a(n2, e2);
-          }, meridiem: n2.meridiem, ordinal: n2.ordinal };
-        }, t.months = function() {
-          return u(i(), "months");
-        }, t.monthsShort = function() {
-          return u(i(), "monthsShort", "months", 3);
-        }, t.weekdays = function(n2) {
-          return u(i(), "weekdays", null, null, n2);
-        }, t.weekdaysShort = function(n2) {
-          return u(i(), "weekdaysShort", "weekdays", 3, n2);
-        }, t.weekdaysMin = function(n2) {
-          return u(i(), "weekdaysMin", "weekdays", 2, n2);
-        };
-      };
-    });
-  })(localeData$1);
-  var localeData = localeData$1.exports;
-
   var customParseFormat$1 = {exports: {}};
 
   (function(module, exports) {
@@ -18204,6 +18143,169 @@
     pick: (value) => isObject$1(value)
   };
 
+  var localeData$1 = {exports: {}};
+
+  (function(module, exports) {
+    !function(n, e) {
+      module.exports = e() ;
+    }(commonjsGlobal, function() {
+      return function(n, e, t) {
+        var r = e.prototype, o = function(n2) {
+          return n2 && (n2.indexOf ? n2 : n2.s);
+        }, u = function(n2, e2, t2, r2, u2) {
+          var i2 = n2.name ? n2 : n2.$locale(), a2 = o(i2[e2]), s2 = o(i2[t2]), f = a2 || s2.map(function(n3) {
+            return n3.slice(0, r2);
+          });
+          if (!u2)
+            return f;
+          var d = i2.weekStart;
+          return f.map(function(n3, e3) {
+            return f[(e3 + (d || 0)) % 7];
+          });
+        }, i = function() {
+          return t.Ls[t.locale()];
+        }, a = function(n2, e2) {
+          return n2.formats[e2] || function(n3) {
+            return n3.replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, function(n4, e3, t2) {
+              return e3 || t2.slice(1);
+            });
+          }(n2.formats[e2.toUpperCase()]);
+        }, s = function() {
+          var n2 = this;
+          return { months: function(e2) {
+            return e2 ? e2.format("MMMM") : u(n2, "months");
+          }, monthsShort: function(e2) {
+            return e2 ? e2.format("MMM") : u(n2, "monthsShort", "months", 3);
+          }, firstDayOfWeek: function() {
+            return n2.$locale().weekStart || 0;
+          }, weekdays: function(e2) {
+            return e2 ? e2.format("dddd") : u(n2, "weekdays");
+          }, weekdaysMin: function(e2) {
+            return e2 ? e2.format("dd") : u(n2, "weekdaysMin", "weekdays", 2);
+          }, weekdaysShort: function(e2) {
+            return e2 ? e2.format("ddd") : u(n2, "weekdaysShort", "weekdays", 3);
+          }, longDateFormat: function(e2) {
+            return a(n2.$locale(), e2);
+          }, meridiem: this.$locale().meridiem, ordinal: this.$locale().ordinal };
+        };
+        r.localeData = function() {
+          return s.bind(this)();
+        }, t.localeData = function() {
+          var n2 = i();
+          return { firstDayOfWeek: function() {
+            return n2.weekStart || 0;
+          }, weekdays: function() {
+            return t.weekdays();
+          }, weekdaysShort: function() {
+            return t.weekdaysShort();
+          }, weekdaysMin: function() {
+            return t.weekdaysMin();
+          }, months: function() {
+            return t.months();
+          }, monthsShort: function() {
+            return t.monthsShort();
+          }, longDateFormat: function(e2) {
+            return a(n2, e2);
+          }, meridiem: n2.meridiem, ordinal: n2.ordinal };
+        }, t.months = function() {
+          return u(i(), "months");
+        }, t.monthsShort = function() {
+          return u(i(), "monthsShort", "months", 3);
+        }, t.weekdays = function(n2) {
+          return u(i(), "weekdays", null, null, n2);
+        }, t.weekdaysShort = function(n2) {
+          return u(i(), "weekdaysShort", "weekdays", 3, n2);
+        }, t.weekdaysMin = function(n2) {
+          return u(i(), "weekdaysMin", "weekdays", 2, n2);
+        };
+      };
+    });
+  })(localeData$1);
+  var localeData = localeData$1.exports;
+
+  const useDateTable = (props, emit) => {
+    dayjs.extend(localeData);
+    const firstDayOfWeek = dayjs.localeData().firstDayOfWeek();
+    const { t, lang } = useLocale();
+    const now = dayjs().locale(lang.value);
+    const isInRange = vue.computed(() => !!props.range && !!props.range.length);
+    const rows = vue.computed(() => {
+      let days = [];
+      if (isInRange.value) {
+        const [start, end] = props.range;
+        const currentMonthRange = rangeArr(end.date() - start.date() + 1).map((index) => ({
+          text: start.date() + index,
+          type: "current"
+        }));
+        let remaining = currentMonthRange.length % 7;
+        remaining = remaining === 0 ? 0 : 7 - remaining;
+        const nextMonthRange = rangeArr(remaining).map((_, index) => ({
+          text: index + 1,
+          type: "next"
+        }));
+        days = currentMonthRange.concat(nextMonthRange);
+      } else {
+        const firstDay = props.date.startOf("month").day();
+        const prevMonthDays = getPrevMonthLastDays(props.date, (firstDay - firstDayOfWeek + 7) % 7).map((day) => ({
+          text: day,
+          type: "prev"
+        }));
+        const currentMonthDays = getMonthDays(props.date).map((day) => ({
+          text: day,
+          type: "current"
+        }));
+        days = [...prevMonthDays, ...currentMonthDays];
+        const remaining = 7 - (days.length % 7 || 7);
+        const nextMonthDays = rangeArr(remaining).map((_, index) => ({
+          text: index + 1,
+          type: "next"
+        }));
+        days = days.concat(nextMonthDays);
+      }
+      return toNestedArr(days);
+    });
+    const weekDays = vue.computed(() => {
+      const start = firstDayOfWeek;
+      if (start === 0) {
+        return WEEK_DAYS.map((_) => t(`el.datepicker.weeks.${_}`));
+      } else {
+        return WEEK_DAYS.slice(start).concat(WEEK_DAYS.slice(0, start)).map((_) => t(`el.datepicker.weeks.${_}`));
+      }
+    });
+    const getFormattedDate = (day, type) => {
+      switch (type) {
+        case "prev":
+          return props.date.startOf("month").subtract(1, "month").date(day);
+        case "next":
+          return props.date.startOf("month").add(1, "month").date(day);
+        case "current":
+          return props.date.date(day);
+      }
+    };
+    const handlePickDay = ({ text, type }) => {
+      const date = getFormattedDate(text, type);
+      emit("pick", date);
+    };
+    const getSlotData = ({ text, type }) => {
+      const day = getFormattedDate(text, type);
+      return {
+        isSelected: day.isSame(props.selectedDay),
+        type: `${type}-month`,
+        day: day.format("YYYY-MM-DD"),
+        date: day.toDate()
+      };
+    };
+    return {
+      now,
+      isInRange,
+      rows,
+      weekDays,
+      getFormattedDate,
+      handlePickDay,
+      getSlotData
+    };
+  };
+
   const _hoisted_1$W = { key: 0 };
   const _hoisted_2$B = ["onClick"];
   const __default__$19 = vue.defineComponent({
@@ -18215,66 +18317,17 @@
     emits: dateTableEmits,
     setup(__props, { expose, emit }) {
       const props = __props;
-      dayjs.extend(localeData);
-      const { t, lang } = useLocale();
+      const {
+        isInRange,
+        now,
+        rows,
+        weekDays,
+        getFormattedDate,
+        handlePickDay,
+        getSlotData
+      } = useDateTable(props, emit);
       const nsTable = useNamespace("calendar-table");
       const nsDay = useNamespace("calendar-day");
-      const now = dayjs().locale(lang.value);
-      const firstDayOfWeek = dayjs.localeData().firstDayOfWeek();
-      const isInRange = vue.computed(() => !!props.range && !!props.range.length);
-      const rows = vue.computed(() => {
-        let days = [];
-        if (isInRange.value) {
-          const [start, end] = props.range;
-          const currentMonthRange = rangeArr(end.date() - start.date() + 1).map((index) => ({
-            text: start.date() + index,
-            type: "current"
-          }));
-          let remaining = currentMonthRange.length % 7;
-          remaining = remaining === 0 ? 0 : 7 - remaining;
-          const nextMonthRange = rangeArr(remaining).map((_, index) => ({
-            text: index + 1,
-            type: "next"
-          }));
-          days = currentMonthRange.concat(nextMonthRange);
-        } else {
-          const firstDay = props.date.startOf("month").day();
-          const prevMonthDays = getPrevMonthLastDays(props.date, (firstDay - firstDayOfWeek + 7) % 7).map((day) => ({
-            text: day,
-            type: "prev"
-          }));
-          const currentMonthDays = getMonthDays(props.date).map((day) => ({
-            text: day,
-            type: "current"
-          }));
-          days = [...prevMonthDays, ...currentMonthDays];
-          const remaining = 7 - (days.length % 7 || 7);
-          const nextMonthDays = rangeArr(remaining).map((_, index) => ({
-            text: index + 1,
-            type: "next"
-          }));
-          days = days.concat(nextMonthDays);
-        }
-        return toNestedArr(days);
-      });
-      const weekDays = vue.computed(() => {
-        const start = firstDayOfWeek;
-        if (start === 0) {
-          return WEEK_DAYS.map((_) => t(`el.datepicker.weeks.${_}`));
-        } else {
-          return WEEK_DAYS.slice(start).concat(WEEK_DAYS.slice(0, start)).map((_) => t(`el.datepicker.weeks.${_}`));
-        }
-      });
-      const getFormattedDate = (day, type) => {
-        switch (type) {
-          case "prev":
-            return props.date.startOf("month").subtract(1, "month").date(day);
-          case "next":
-            return props.date.startOf("month").add(1, "month").date(day);
-          case "current":
-            return props.date.date(day);
-        }
-      };
       const getCellClass = ({ text, type }) => {
         const classes = [type];
         if (type === "current") {
@@ -18288,19 +18341,6 @@
         }
         return classes;
       };
-      const handlePickDay = ({ text, type }) => {
-        const date = getFormattedDate(text, type);
-        emit("pick", date);
-      };
-      const getSlotData = ({ text, type }) => {
-        const day = getFormattedDate(text, type);
-        return {
-          isSelected: day.isSame(props.selectedDay),
-          type: `${type}-month`,
-          day: day.format("YYYY-MM-DD"),
-          date: day.toDate()
-        };
-      };
       expose({
         getFormattedDate
       });
@@ -18328,13 +18368,13 @@
                   return vue.openBlock(), vue.createElementBlock("td", {
                     key,
                     class: vue.normalizeClass(getCellClass(cell)),
-                    onClick: ($event) => handlePickDay(cell)
+                    onClick: ($event) => vue.unref(handlePickDay)(cell)
                   }, [
                     vue.createElementVNode("div", {
                       class: vue.normalizeClass(vue.unref(nsDay).b())
                     }, [
                       vue.renderSlot(_ctx.$slots, "date-cell", {
-                        data: getSlotData(cell)
+                        data: vue.unref(getSlotData)(cell)
                       }, () => [
                         vue.createElementVNode("span", null, vue.toDisplayString(cell.text), 1)
                       ])
@@ -20693,7 +20733,7 @@
           const values = multiple ? castArray(modelValue) : [modelValue];
           const nodes = unique(values.map((val) => store == null ? void 0 : store.getNodeByValue(val, leafOnly)));
           syncMenuState(nodes, forced);
-          checkedValue.value = modelValue;
+          checkedValue.value = cloneDeep(modelValue);
         }
       };
       const syncMenuState = (newCheckedNodes, reserveExpandingState = true) => {
@@ -20772,8 +20812,10 @@
       vue.watch(() => props.modelValue, () => {
         manualChecked = false;
         syncCheckedValue();
+      }, {
+        deep: true
       });
-      vue.watch(checkedValue, (val) => {
+      vue.watch(() => checkedValue.value, (val) => {
         if (!isEqual$1(val, props.modelValue)) {
           emit(UPDATE_MODEL_EVENT, val);
           emit(CHANGE_EVENT, val);
@@ -21079,7 +21121,7 @@
       });
       const checkedValue = vue.computed({
         get() {
-          return props.modelValue;
+          return cloneDeep(props.modelValue);
         },
         set(val) {
           emit(UPDATE_MODEL_EVENT, val);
@@ -28163,7 +28205,7 @@
   const _hoisted_3$8 = ["stop-color"];
   const _hoisted_4$6 = ["stop-color"];
   const _hoisted_5$5 = ["id"];
-  const _hoisted_6$2 = ["stop-color"];
+  const _hoisted_6$1 = ["stop-color"];
   const _hoisted_7 = ["stop-color"];
   const _hoisted_8 = ["id"];
   const _hoisted_9 = {
@@ -28228,7 +28270,7 @@
           vue.createElementVNode("stop", {
             "stop-color": `var(${_ctx.ns.cssVarBlockName("fill-color-1")})`,
             offset: "0%"
-          }, null, 8, _hoisted_6$2),
+          }, null, 8, _hoisted_6$1),
           vue.createElementVNode("stop", {
             "stop-color": `var(${_ctx.ns.cssVarBlockName("fill-color-6")})`,
             offset: "100%"
@@ -34147,7 +34189,7 @@
   const _hoisted_3$7 = ["tabindex"];
   const _hoisted_4$5 = ["aria-current", "tabindex"];
   const _hoisted_5$4 = ["tabindex"];
-  const _hoisted_6$1 = ["aria-current", "tabindex"];
+  const _hoisted_6 = ["aria-current", "tabindex"];
   const __default__$v = vue.defineComponent({
     name: "ElPaginationPager"
   });
@@ -34337,7 +34379,7 @@
             ], "number"]),
             "aria-current": _ctx.currentPage === _ctx.pageCount,
             tabindex: vue.unref(tabindex)
-          }, vue.toDisplayString(_ctx.pageCount), 11, _hoisted_6$1)) : vue.createCommentVNode("v-if", true)
+          }, vue.toDisplayString(_ctx.pageCount), 11, _hoisted_6)) : vue.createCommentVNode("v-if", true)
         ], 42, _hoisted_1$k);
       };
     }
@@ -40653,7 +40695,6 @@
   const _hoisted_3$4 = ["aria-hidden"];
   const _hoisted_4$2 = ["aria-hidden"];
   const _hoisted_5$1 = ["aria-hidden"];
-  const _hoisted_6 = ["aria-hidden"];
   const COMPONENT_NAME$8 = "ElSwitch";
   const __default__$i = vue.defineComponent({
     name: COMPONENT_NAME$8
@@ -40823,37 +40864,19 @@
               key: 0,
               class: vue.normalizeClass(vue.unref(ns).e("inner"))
             }, [
-              _ctx.activeIcon || _ctx.inactiveIcon ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-                _ctx.activeIcon ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
-                  key: 0,
-                  class: vue.normalizeClass([vue.unref(ns).is("icon"), vue.unref(checked) ? vue.unref(ns).is("show") : vue.unref(ns).is("hide")])
-                }, {
-                  default: vue.withCtx(() => [
-                    (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.activeIcon)))
-                  ]),
-                  _: 1
-                }, 8, ["class"])) : vue.createCommentVNode("v-if", true),
-                _ctx.inactiveIcon ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
-                  key: 1,
-                  class: vue.normalizeClass([vue.unref(ns).is("icon"), !vue.unref(checked) ? vue.unref(ns).is("show") : vue.unref(ns).is("hide")])
-                }, {
-                  default: vue.withCtx(() => [
-                    (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.inactiveIcon)))
-                  ]),
-                  _: 1
-                }, 8, ["class"])) : vue.createCommentVNode("v-if", true)
-              ], 64)) : _ctx.activeText || _ctx.inactiveIcon ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
-                _ctx.activeText ? (vue.openBlock(), vue.createElementBlock("span", {
-                  key: 0,
-                  class: vue.normalizeClass([vue.unref(ns).is("text"), vue.unref(checked) ? vue.unref(ns).is("show") : vue.unref(ns).is("hide")]),
-                  "aria-hidden": !vue.unref(checked)
-                }, vue.toDisplayString(_ctx.activeText.substring(0, 3)), 11, _hoisted_4$2)) : vue.createCommentVNode("v-if", true),
-                _ctx.inactiveText ? (vue.openBlock(), vue.createElementBlock("span", {
-                  key: 1,
-                  class: vue.normalizeClass([vue.unref(ns).is("text"), !vue.unref(checked) ? vue.unref(ns).is("show") : vue.unref(ns).is("hide")]),
-                  "aria-hidden": vue.unref(checked)
-                }, vue.toDisplayString(_ctx.inactiveText.substring(0, 3)), 11, _hoisted_5$1)) : vue.createCommentVNode("v-if", true)
-              ], 64)) : vue.createCommentVNode("v-if", true)
+              _ctx.activeIcon || _ctx.inactiveIcon ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
+                key: 0,
+                class: vue.normalizeClass(vue.unref(ns).is("icon"))
+              }, {
+                default: vue.withCtx(() => [
+                  (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(checked) ? _ctx.activeIcon : _ctx.inactiveIcon)))
+                ]),
+                _: 1
+              }, 8, ["class"])) : _ctx.activeText || _ctx.inactiveText ? (vue.openBlock(), vue.createElementBlock("span", {
+                key: 1,
+                class: vue.normalizeClass(vue.unref(ns).is("text")),
+                "aria-hidden": !vue.unref(checked)
+              }, vue.toDisplayString(vue.unref(checked) ? _ctx.activeText : _ctx.inactiveText), 11, _hoisted_4$2)) : vue.createCommentVNode("v-if", true)
             ], 2)) : vue.createCommentVNode("v-if", true),
             vue.createElementVNode("div", {
               class: vue.normalizeClass(vue.unref(ns).e("action"))
@@ -40886,7 +40909,7 @@
             !_ctx.activeIcon && _ctx.activeText ? (vue.openBlock(), vue.createElementBlock("span", {
               key: 1,
               "aria-hidden": !vue.unref(checked)
-            }, vue.toDisplayString(_ctx.activeText), 9, _hoisted_6)) : vue.createCommentVNode("v-if", true)
+            }, vue.toDisplayString(_ctx.activeText), 9, _hoisted_5$1)) : vue.createCommentVNode("v-if", true)
           ], 2)) : vue.createCommentVNode("v-if", true)
         ], 14, _hoisted_1$d);
       };
@@ -41276,15 +41299,15 @@
       after
     } : {};
   };
-  const getFixedColumnsClass = (namespace, index, fixed, store, realColumns) => {
+  const getFixedColumnsClass = (namespace, index, fixed, store, realColumns, offset = 0) => {
     const classes = [];
     const { direction, start } = isFixedColumn(index, fixed, store, realColumns);
     if (direction) {
       const isLeft = direction === "left";
       classes.push(`${namespace}-fixed-column--${direction}`);
-      if (isLeft && start === store.states.fixedLeafColumnsLength.value - 1) {
+      if (isLeft && start + offset === store.states.fixedLeafColumnsLength.value - 1) {
         classes.push("is-last-column");
-      } else if (!isLeft && start === store.states.columns.value.length - store.states.rightFixedLeafColumnsLength.value) {
+      } else if (!isLeft && start - offset === store.states.columns.value.length - store.states.rightFixedLeafColumnsLength.value) {
         classes.push("is-first-column");
       }
     }
@@ -43399,8 +43422,8 @@
       ensurePosition(fixedStyle, "right");
       return Object.assign({}, cellStyles, fixedStyle);
     };
-    const getCellClass = (rowIndex, columnIndex, row, column) => {
-      const fixedClasses = column.isSubColumn ? [] : getFixedColumnsClass(ns.b(), columnIndex, props == null ? void 0 : props.fixed, props.store);
+    const getCellClass = (rowIndex, columnIndex, row, column, offset) => {
+      const fixedClasses = column.isSubColumn ? [] : getFixedColumnsClass(ns.b(), columnIndex, props == null ? void 0 : props.fixed, props.store, void 0, offset);
       const classes = [column.id, column.align, column.className, ...fixedClasses];
       const cellClassName = parent == null ? void 0 : parent.props.cellClassName;
       if (typeof cellClassName === "string") {
@@ -43543,7 +43566,7 @@
         const tdChildren = cellChildren(cellIndex, column, data);
         return vue.h("td", {
           style: getCellStyle($index, cellIndex, row, column),
-          class: getCellClass($index, cellIndex, row, column),
+          class: getCellClass($index, cellIndex, row, column, colspan - 1),
           key: `${patchKey}${baseKey}`,
           rowspan,
           colspan,