@element-plus/nightly 0.0.20221017 → 0.0.20221019

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20221017 */
+/*! 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.20221017";
+  const version$1 = "0.0.20221019";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -16722,6 +16722,8 @@
       };
       const onTouchStartInput = (event) => {
         var _a;
+        if (props.readonly || pickerDisabled.value)
+          return;
         if (((_a = event.touches[0].target) == null ? void 0 : _a.tagName) !== "INPUT" || refInput.value.includes(document.activeElement)) {
           pickerVisible.value = true;
         }
@@ -20691,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) => {
@@ -20770,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);
@@ -21077,7 +21081,7 @@
       });
       const checkedValue = vue.computed({
         get() {
-          return props.modelValue;
+          return cloneDeep(props.modelValue);
         },
         set(val) {
           emit(UPDATE_MODEL_EVENT, val);
@@ -28161,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 = {
@@ -28226,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%"
@@ -34145,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"
   });
@@ -34335,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);
       };
     }
@@ -40651,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
@@ -40821,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"))
@@ -40884,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);
       };
@@ -41274,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");
       }
     }
@@ -43397,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") {
@@ -43541,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,
@@ -43998,7 +43983,7 @@
       layout.setMaxHeight(props.maxHeight);
     });
     vue.watch(() => [props.currentRowKey, store.states.rowKey], ([currentRowKey, rowKey]) => {
-      if (!vue.unref(rowKey))
+      if (!vue.unref(rowKey) || !vue.unref(currentRowKey))
         return;
       store.setCurrentRowKey(`${currentRowKey}`);
     }, {
@@ -45701,7 +45686,8 @@
       windowHeight,
       footerHeight,
       emptyStyle,
-      rootStyle
+      rootStyle,
+      headerHeight
     };
   };
 
@@ -45801,7 +45787,8 @@
       windowHeight,
       footerHeight,
       emptyStyle,
-      rootStyle
+      rootStyle,
+      headerHeight
     } = useStyles(props, {
       columnsTotalWidth,
       data,
@@ -45828,7 +45815,7 @@
       const _totalHeight = vue.unref(rowsHeight);
       const clientHeight = vue.unref(windowHeight);
       const heightUntilEnd = _totalHeight - (scrollTop + clientHeight) + props.hScrollbarSize;
-      if (vue.unref(lastRenderedRowIndex) >= 0 && _totalHeight !== vue.unref(rowsHeight)) {
+      if (vue.unref(lastRenderedRowIndex) >= 0 && _totalHeight === scrollTop + vue.unref(mainTableHeight) - vue.unref(headerHeight)) {
         onEndReached(heightUntilEnd);
       }
     }
@@ -54321,13 +54308,28 @@
   var MessageBoxConstructor = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render], ["__file", "index.vue"]]);
 
   const messageInstance = /* @__PURE__ */ new Map();
+  const getAppendToElement = (props) => {
+    let appendTo = document.body;
+    if (props.appendTo) {
+      if (isString(props.appendTo)) {
+        appendTo = document.querySelector(props.appendTo);
+      }
+      if (isElement$1(props.appendTo)) {
+        appendTo = props.appendTo;
+      }
+      if (!isElement$1(appendTo)) {
+        appendTo = document.body;
+      }
+    }
+    return appendTo;
+  };
   const initInstance = (props, container, appContext = null) => {
     const vnode = vue.createVNode(MessageBoxConstructor, props, isFunction(props.message) || vue.isVNode(props.message) ? {
       default: isFunction(props.message) ? props.message : () => props.message
     } : null);
     vnode.appContext = appContext;
     vue.render(vnode, container);
-    document.body.appendChild(container.firstElementChild);
+    getAppendToElement(props).appendChild(container.firstElementChild);
     return vnode.component;
   };
   const genContainer = () => {