@element-plus/nightly 0.0.20221018 → 0.0.20221019

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20221018 */
+/*! Element Plus v0.0.20221019 */
 
 (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.20221019";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -20693,7 +20693,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 +20772,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 +21081,7 @@
       });
       const checkedValue = vue.computed({
         get() {
-          return props.modelValue;
+          return cloneDeep(props.modelValue);
         },
         set(val) {
           emit(UPDATE_MODEL_EVENT, val);
@@ -28163,7 +28165,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 +28230,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 +34149,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 +34339,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 +40655,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 +40824,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 +40869,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 +41259,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 +43382,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 +43526,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,