@element-plus/nightly 0.0.20240129 → 0.0.20240131

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20240129 */
+/*! Element Plus v0.0.20240131 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -8641,7 +8641,7 @@
   function isValidElementNode(node) {
     return vue.isVNode(node) && !isFragment(node) && !isComment(node);
   }
-  const getNormalizedProps$1 = (node) => {
+  const getNormalizedProps = (node) => {
     if (!vue.isVNode(node)) {
       return {};
     }
@@ -11567,7 +11567,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "0.0.20240129";
+  const version$1 = "0.0.20240131";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -29015,7 +29015,7 @@
     },
     render() {
       var _a, _b, _c, _d, _e, _f, _g;
-      const item = getNormalizedProps$1(this.cell);
+      const item = getNormalizedProps(this.cell);
       const directives = (((_a = this.cell) == null ? void 0 : _a.dirs) || []).map((dire) => {
         const { dir, arg, modifiers, value } = dire;
         return [dir, value, arg, modifiers];
@@ -29987,6 +29987,9 @@
         titleId,
         bodyId,
         onModalClick,
+        onOpenAutoFocus,
+        onCloseAutoFocus,
+        onFocusoutPrevented,
         onCloseRequested,
         handleClose
       } = useDialog(props, drawerRef);
@@ -30022,6 +30025,9 @@
                     trapped: vue.unref(visible),
                     "focus-trap-el": drawerRef.value,
                     "focus-start-el": focusStartRef.value,
+                    onFocusAfterTrapped: vue.unref(onOpenAutoFocus),
+                    onFocusAfterReleased: vue.unref(onCloseAutoFocus),
+                    onFocusoutPrevented: vue.unref(onFocusoutPrevented),
                     onReleaseRequested: vue.unref(onCloseRequested)
                   }, {
                     default: vue.withCtx(() => [
@@ -30098,7 +30104,7 @@
                       ], 16, _hoisted_1$C)
                     ]),
                     _: 3
-                  }, 8, ["trapped", "focus-trap-el", "focus-start-el", "onReleaseRequested"])
+                  }, 8, ["trapped", "focus-trap-el", "focus-start-el", "onFocusAfterTrapped", "onFocusAfterReleased", "onFocusoutPrevented", "onReleaseRequested"])
                 ]),
                 _: 3
               }, 8, ["mask", "overlay-class", "z-index", "onClick"]), [
@@ -33206,19 +33212,26 @@
           activeIndex.value = val;
         }
       };
+      const calcMenuItemWidth = (menuItem) => {
+        const computedStyle = getComputedStyle(menuItem);
+        const marginLeft = Number.parseInt(computedStyle.marginLeft, 10);
+        const marginRight = Number.parseInt(computedStyle.marginRight, 10);
+        return menuItem.offsetWidth + marginLeft + marginRight || 0;
+      };
       const calcSliceIndex = () => {
         var _a, _b;
         if (!menu.value)
           return -1;
         const items2 = Array.from((_b = (_a = menu.value) == null ? void 0 : _a.childNodes) != null ? _b : []).filter((item) => item.nodeName !== "#comment" && (item.nodeName !== "#text" || item.nodeValue));
         const moreItemWidth = 64;
-        const paddingLeft = Number.parseInt(getComputedStyle(menu.value).paddingLeft, 10);
-        const paddingRight = Number.parseInt(getComputedStyle(menu.value).paddingRight, 10);
+        const computedMenuStyle = getComputedStyle(menu.value);
+        const paddingLeft = Number.parseInt(computedMenuStyle.paddingLeft, 10);
+        const paddingRight = Number.parseInt(computedMenuStyle.paddingRight, 10);
         const menuWidth = menu.value.clientWidth - paddingLeft - paddingRight;
         let calcWidth = 0;
         let sliceIndex2 = 0;
         items2.forEach((item, index) => {
-          calcWidth += item.offsetWidth || 0;
+          calcWidth += calcMenuItemWidth(item);
           if (calcWidth <= menuWidth - moreItemWidth) {
             sliceIndex2 = index + 1;
           }
@@ -33747,10 +33760,10 @@
     const select = vue.inject(selectKey);
     const selectGroup = vue.inject(selectGroupKey, { disabled: false });
     const itemSelected = vue.computed(() => {
-      if (!select.props.multiple) {
-        return isEqual$1(props.value, select.props.modelValue);
-      } else {
+      if (select.props.multiple) {
         return contains(select.props.modelValue, props.value);
+      } else {
+        return contains([select.props.modelValue], props.value);
       }
     });
     const limitReached = vue.computed(() => {
@@ -35134,11 +35147,13 @@
         const children2 = [];
         if (isArray$1(node.children)) {
           node.children.forEach((child) => {
-            var _a;
+            var _a, _b;
             if (child.type && child.type.name === "ElOption" && child.component && child.component.proxy) {
               children2.push(child.component.proxy);
             } else if ((_a = child.children) == null ? void 0 : _a.length) {
               children2.push(...flattedChildren(child));
+            } else if ((_b = child.component) == null ? void 0 : _b.subTree) {
+              children2.push(...flattedChildren(child.component.subTree));
             }
           });
         }
@@ -55091,48 +55106,6 @@
     const { top, right, bottom, left } = element.getBoundingClientRect();
     return top >= 0 && left >= 0 && right <= viewWidth && bottom <= viewHeight;
   }
-  const isSameProps = (a, b) => {
-    if (Object.keys(a).length !== Object.keys(b).length)
-      return false;
-    for (const key in a) {
-      if (a[key] !== b[key]) {
-        return false;
-      }
-    }
-    return true;
-  };
-  function isSameSteps(a, b) {
-    if (a.length !== b.length)
-      return false;
-    for (const [index] of a.entries()) {
-      if (isSameProps(a[index], b[index])) {
-        return false;
-      }
-    }
-    return true;
-  }
-  const getNormalizedProps = (node, booleanKeys) => {
-    var _a;
-    if (!vue.isVNode(node)) {
-      return {};
-    }
-    const raw = node.props || {};
-    const type = ((_a = node.type) == null ? void 0 : _a.props) || {};
-    const props = {};
-    Object.keys(type).forEach((key) => {
-      if (hasOwn(type[key], "default")) {
-        props[key] = type[key].default;
-      }
-    });
-    Object.keys(raw).forEach((key) => {
-      const cameKey = vue.camelize(key);
-      props[cameKey] = raw[key];
-      if (booleanKeys.includes(cameKey) && props[cameKey] === "") {
-        props[cameKey] = true;
-      }
-    });
-    return props;
-  };
   const useFloating = (referenceRef, contentRef, arrowRef, placement, strategy, offset$1, zIndex, showArrow) => {
     const x = vue.ref();
     const y = vue.ref();
@@ -55424,14 +55397,14 @@
         default: 0
       }
     },
-    emits: ["update-steps"],
+    emits: ["update-total"],
     setup(props, { slots, emit }) {
-      let cachedSteps = [];
+      let cacheTotal = 0;
       return () => {
         var _a, _b;
         const children = (_a = slots.default) == null ? void 0 : _a.call(slots);
-        const filteredSteps = [];
         const result = [];
+        let total = 0;
         function filterSteps(children2) {
           if (!isArray$1(children2))
             return;
@@ -55439,18 +55412,17 @@
             var _a2;
             const name = (_a2 = (item == null ? void 0 : item.type) || {}) == null ? void 0 : _a2.name;
             if (name === "ElTourStep") {
-              const booleanKeys = ["showArrow", "mask", "scrollIntoViewOptions"];
-              filteredSteps.push(getNormalizedProps(item, booleanKeys));
               result.push(item);
+              total += 1;
             }
           });
         }
         if (children.length) {
           filterSteps(flattedChildren((_b = children[0]) == null ? void 0 : _b.children));
         }
-        if (!isSameSteps(filteredSteps, cachedSteps)) {
-          cachedSteps = filteredSteps;
-          emit("update-steps", filteredSteps);
+        if (cacheTotal !== total) {
+          cacheTotal = total;
+          emit("update-total", total);
         }
         if (result.length) {
           return result[props.current];
@@ -55535,39 +55507,44 @@
     setup(__props, { emit }) {
       const props = __props;
       const ns = useNamespace("tour");
-      const steps = vue.ref([]);
+      const total = vue.ref(0);
+      const currentStep = vue.ref();
       const current = useVModel(props, "current", emit, {
         passive: true
       });
-      const total = vue.computed(() => steps.value.length);
-      const currentStep = vue.computed(() => steps.value[current.value] || {});
-      const currentTarget = vue.computed(() => currentStep.value.target);
+      const currentTarget = vue.computed(() => {
+        var _a;
+        return (_a = currentStep.value) == null ? void 0 : _a.target;
+      });
       const kls = vue.computed(() => [
         ns.b(),
         mergedType.value === "primary" ? ns.m("primary") : ""
       ]);
-      const mergedPlacement = vue.computed(() => currentStep.value.placement || props.placement);
-      const mergedContentStyle = vue.computed(() => {
+      const mergedPlacement = vue.computed(() => {
         var _a;
-        return (_a = currentStep.value.contentStyle) != null ? _a : props.contentStyle;
+        return ((_a = currentStep.value) == null ? void 0 : _a.placement) || props.placement;
+      });
+      const mergedContentStyle = vue.computed(() => {
+        var _a, _b;
+        return (_b = (_a = currentStep.value) == null ? void 0 : _a.contentStyle) != null ? _b : props.contentStyle;
       });
       const mergedMask = vue.computed(() => {
-        var _a;
-        return (_a = currentStep.value.mask) != null ? _a : props.mask;
+        var _a, _b;
+        return (_b = (_a = currentStep.value) == null ? void 0 : _a.mask) != null ? _b : props.mask;
       });
       const mergedShowMask = vue.computed(() => !!mergedMask.value && props.modelValue);
       const mergedMaskStyle = vue.computed(() => isBoolean(mergedMask.value) ? void 0 : mergedMask.value);
       const mergedShowArrow = vue.computed(() => {
-        var _a;
-        return !!currentTarget.value && ((_a = currentStep.value.showArrow) != null ? _a : props.showArrow);
+        var _a, _b;
+        return !!currentTarget.value && ((_b = (_a = currentStep.value) == null ? void 0 : _a.showArrow) != null ? _b : props.showArrow);
       });
       const mergedScrollIntoViewOptions = vue.computed(() => {
-        var _a;
-        return (_a = currentStep.value.scrollIntoViewOptions) != null ? _a : props.scrollIntoViewOptions;
+        var _a, _b;
+        return (_b = (_a = currentStep.value) == null ? void 0 : _a.scrollIntoViewOptions) != null ? _b : props.scrollIntoViewOptions;
       });
       const mergedType = vue.computed(() => {
-        var _a;
-        return (_a = currentStep.value.type) != null ? _a : props.type;
+        var _a, _b;
+        return (_b = (_a = currentStep.value) == null ? void 0 : _a.type) != null ? _b : props.type;
       });
       const { nextZIndex } = useZIndex();
       const nowZIndex = nextZIndex();
@@ -55581,17 +55558,18 @@
           current.value = 0;
         }
       });
-      const onUpdateSteps = (v) => {
-        steps.value = v;
-      };
       const onEscClose = () => {
         if (props.closeOnPressEscape) {
           emit("update:modelValue", false);
           emit("close", current.value);
         }
       };
+      const onUpdateTotal = (val) => {
+        total.value = val;
+      };
       const slots = vue.useSlots();
       vue.provide(tourKey, {
+        currentStep,
         current,
         total,
         showClose: vue.toRef(props, "showClose"),
@@ -55637,7 +55615,7 @@
                 default: vue.withCtx(() => [
                   vue.createVNode(vue.unref(ElTourSteps), {
                     current: vue.unref(current),
-                    onUpdateSteps
+                    onUpdateTotal
                   }, {
                     default: vue.withCtx(() => [
                       vue.renderSlot(_ctx.$slots, "default")
@@ -55665,18 +55643,19 @@
     description: String,
     showClose: {
       type: Boolean,
-      default: true
+      default: void 0
     },
     closeIcon: {
       type: iconPropType
     },
     showArrow: {
       type: Boolean,
-      default: true
+      default: void 0
     },
     placement: tourContentProps.placement,
     mask: {
-      type: definePropType([Boolean, Object])
+      type: definePropType([Boolean, Object]),
+      default: void 0
     },
     contentStyle: {
       type: definePropType([Object])
@@ -55688,7 +55667,8 @@
       type: definePropType(Object)
     },
     scrollIntoViewOptions: {
-      type: definePropType([Boolean, Object])
+      type: definePropType([Boolean, Object]),
+      default: void 0
     },
     type: {
       type: definePropType(String)
@@ -55710,6 +55690,7 @@
       const { Close } = CloseComponents;
       const { t } = useLocale();
       const {
+        currentStep,
         current,
         total,
         showClose,
@@ -55722,6 +55703,11 @@
         onFinish: tourOnFinish,
         onChange
       } = vue.inject(tourKey);
+      vue.watch(props, (val) => {
+        currentStep.value = val;
+      }, {
+        immediate: true
+      });
       const mergedShowClose = vue.computed(() => {
         var _a;
         return (_a = props.showClose) != null ? _a : showClose.value;
@@ -55730,6 +55716,11 @@
         var _a, _b;
         return (_b = (_a = props.closeIcon) != null ? _a : closeIcon.value) != null ? _b : Close;
       });
+      const filterButtonProps = (btnProps) => {
+        if (!btnProps)
+          return;
+        return omit(btnProps, ["children", "onClick"]);
+      };
       const onPrev = () => {
         var _a, _b;
         current.value -= 1;
@@ -55778,7 +55769,7 @@
             }, 8, ["class"])
           ], 2)) : vue.createCommentVNode("v-if", true),
           vue.createElementVNode("header", {
-            class: vue.normalizeClass(vue.unref(ns).e("header"))
+            class: vue.normalizeClass([vue.unref(ns).e("header"), { "show-close": vue.unref(showClose) }])
           }, [
             vue.renderSlot(_ctx.$slots, "header", {}, () => [
               vue.createElementVNode("span", {
@@ -55818,7 +55809,7 @@
                 key: 0,
                 size: "small",
                 type: vue.unref(mergedType)
-              }, _ctx.prevButtonProps, { onClick: onPrev }), {
+              }, filterButtonProps(_ctx.prevButtonProps), { onClick: onPrev }), {
                 default: vue.withCtx(() => {
                   var _a, _b;
                   return [
@@ -55831,11 +55822,11 @@
                 key: 1,
                 size: "small",
                 type: vue.unref(mergedType) === "primary" ? "default" : "primary"
-              }, _ctx.nextButtonProps, { onClick: onNext }), {
+              }, filterButtonProps(_ctx.nextButtonProps), { onClick: onNext }), {
                 default: vue.withCtx(() => {
                   var _a, _b;
                   return [
-                    vue.createTextVNode(vue.toDisplayString(((_b = (_a = _ctx.nextButtonProps) == null ? void 0 : _a.children) != null ? _b : vue.unref(current) === vue.unref(total) - 1) ? vue.unref(t)("el.tour.finish") : vue.unref(t)("el.tour.next")), 1)
+                    vue.createTextVNode(vue.toDisplayString((_b = (_a = _ctx.nextButtonProps) == null ? void 0 : _a.children) != null ? _b : vue.unref(current) === vue.unref(total) - 1 ? vue.unref(t)("el.tour.finish") : vue.unref(t)("el.tour.next")), 1)
                   ];
                 }),
                 _: 1