@element-plus/nightly 0.0.20230602 → 0.0.20230604

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20230602 */
+/*! Element Plus v0.0.20230604 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -11208,7 +11208,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "0.0.20230602";
+  const version$1 = "0.0.20230604";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -11651,10 +11651,7 @@
       type: Boolean,
       default: true
     },
-    hideRequiredAsterisk: {
-      type: Boolean,
-      default: false
-    },
+    hideRequiredAsterisk: Boolean,
     scrollToError: Boolean,
     scrollIntoViewOptions: {
       type: [Object, Boolean]
@@ -13633,16 +13630,16 @@
       const onceInitSizeTextarea = createOnceInitResize(resizeTextarea);
       const setNativeInputValue = () => {
         const input2 = _ref.value;
-        if (!input2 || input2.value === nativeInputValue.value)
+        const formatterValue = props.formatter ? props.formatter(nativeInputValue.value) : nativeInputValue.value;
+        if (!input2 || input2.value === formatterValue)
           return;
-        input2.value = nativeInputValue.value;
+        input2.value = formatterValue;
       };
       const handleInput = async (event) => {
         recordCursor();
         let { value } = event.target;
         if (props.formatter) {
           value = props.parser ? props.parser(value) : value;
-          value = props.formatter(value);
         }
         if (isComposing.value)
           return;
@@ -16494,6 +16491,7 @@
         }
         container.value = el.value;
       }
+      handleScroll();
     });
     return {
       visible,
@@ -18444,6 +18442,7 @@
     ],
     setup(__props, { expose, emit }) {
       const props = __props;
+      const attrs = vue.useAttrs();
       const { lang } = useLocale();
       const nsDate = useNamespace("date");
       const nsInput = useNamespace("input");
@@ -18457,6 +18456,21 @@
       const valueOnOpen = vue.ref(null);
       let hasJustTabExitedInput = false;
       let ignoreFocusEvent = false;
+      const rangeInputKls = vue.computed(() => [
+        nsDate.b("editor"),
+        nsDate.bm("editor", props.type),
+        nsInput.e("wrapper"),
+        nsDate.is("disabled", pickerDisabled.value),
+        nsDate.is("active", pickerVisible.value),
+        nsRange.b("editor"),
+        pickerSize ? nsRange.bm("editor", pickerSize.value) : "",
+        attrs.class
+      ]);
+      const clearIconKls = vue.computed(() => [
+        nsInput.e("icon"),
+        nsRange.e("close-icon"),
+        !showClose.value ? nsRange.e("close-icon--hidden") : ""
+      ]);
       vue.watch(pickerVisible, (val) => {
         if (!val) {
           userInput.value = null;
@@ -18949,16 +18963,7 @@
               key: 1,
               ref_key: "inputRef",
               ref: inputRef,
-              class: vue.normalizeClass([
-                vue.unref(nsDate).b("editor"),
-                vue.unref(nsDate).bm("editor", _ctx.type),
-                vue.unref(nsInput).e("wrapper"),
-                vue.unref(nsDate).is("disabled", vue.unref(pickerDisabled)),
-                vue.unref(nsDate).is("active", pickerVisible.value),
-                vue.unref(nsRange).b("editor"),
-                vue.unref(pickerSize) ? vue.unref(nsRange).bm("editor", vue.unref(pickerSize)) : "",
-                _ctx.$attrs.class
-              ]),
+              class: vue.normalizeClass(vue.unref(rangeInputKls)),
               style: vue.normalizeStyle(_ctx.$attrs.style),
               onClick: handleFocusInput,
               onMouseenter: onMouseEnter,
@@ -19014,13 +19019,7 @@
               }, null, 42, _hoisted_2$D),
               _ctx.clearIcon ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
                 key: 1,
-                class: vue.normalizeClass([
-                  vue.unref(nsInput).e("icon"),
-                  vue.unref(nsRange).e("close-icon"),
-                  {
-                    [vue.unref(nsRange).e("close-icon--hidden")]: !showClose.value
-                  }
-                ]),
+                class: vue.normalizeClass(vue.unref(clearIconKls)),
                 onClick: onClearIconClick
               }, {
                 default: vue.withCtx(() => [
@@ -19458,7 +19457,11 @@
       };
       const typeItemHeight = (type) => {
         const scrollbar = vue.unref(listRefsMap[type]);
-        return (scrollbar == null ? void 0 : scrollbar.$el.querySelector("li").offsetHeight) || 0;
+        const listItem = scrollbar == null ? void 0 : scrollbar.$el.querySelector("li");
+        if (listItem) {
+          return Number.parseFloat(getStyle(listItem, "height")) || 0;
+        }
+        return 0;
       };
       const onIncrement = () => {
         scrollDown(1);
@@ -19834,6 +19837,18 @@
         disabledSeconds,
         defaultValue
       } = pickerBase.props;
+      const startContainerKls = vue.computed(() => [
+        nsTime.be("range-picker", "body"),
+        nsTime.be("panel", "content"),
+        nsTime.is("arrow", arrowControl),
+        showSeconds.value ? "has-seconds" : ""
+      ]);
+      const endContainerKls = vue.computed(() => [
+        nsTime.be("range-picker", "body"),
+        nsTime.be("panel", "content"),
+        nsTime.is("arrow", arrowControl),
+        showSeconds.value ? "has-seconds" : ""
+      ]);
       const startTime = vue.computed(() => props.parsedValue[0]);
       const endTime = vue.computed(() => props.parsedValue[1]);
       const oldValue = useOldValue(props);
@@ -20003,12 +20018,7 @@
                 class: vue.normalizeClass(vue.unref(nsTime).be("range-picker", "header"))
               }, vue.toDisplayString(vue.unref(t)("el.datepicker.startTime")), 3),
               vue.createElementVNode("div", {
-                class: vue.normalizeClass([
-                  vue.unref(nsTime).be("range-picker", "body"),
-                  vue.unref(nsTime).be("panel", "content"),
-                  vue.unref(nsTime).is("arrow", vue.unref(arrowControl)),
-                  { "has-seconds": vue.unref(showSeconds) }
-                ])
+                class: vue.normalizeClass(vue.unref(startContainerKls))
               }, [
                 vue.createVNode(TimeSpinner, {
                   ref: "minSpinner",
@@ -20033,12 +20043,7 @@
                 class: vue.normalizeClass(vue.unref(nsTime).be("range-picker", "header"))
               }, vue.toDisplayString(vue.unref(t)("el.datepicker.endTime")), 3),
               vue.createElementVNode("div", {
-                class: vue.normalizeClass([
-                  vue.unref(nsTime).be("range-picker", "body"),
-                  vue.unref(nsTime).be("panel", "content"),
-                  vue.unref(nsTime).is("arrow", vue.unref(arrowControl)),
-                  { "has-seconds": vue.unref(showSeconds) }
-                ])
+                class: vue.normalizeClass(vue.unref(endContainerKls))
               }, [
                 vue.createVNode(TimeSpinner, {
                   ref: "maxSpinner",
@@ -30761,14 +30766,8 @@
       type: Boolean,
       default: true
     },
-    hideOnClickModal: {
-      type: Boolean,
-      default: false
-    },
-    teleported: {
-      type: Boolean,
-      default: false
-    },
+    hideOnClickModal: Boolean,
+    teleported: Boolean,
     closeOnPressEscape: {
       type: Boolean,
       default: true
@@ -30832,6 +30831,16 @@
       const currentImg = vue.computed(() => {
         return props.urlList[activeIndex.value];
       });
+      const arrowPrevKls = vue.computed(() => [
+        ns.e("btn"),
+        ns.e("prev"),
+        ns.is("disabled", !props.infinite && isFirst.value)
+      ]);
+      const arrowNextKls = vue.computed(() => [
+        ns.e("btn"),
+        ns.e("next"),
+        ns.is("disabled", !props.infinite && isLast.value)
+      ]);
       const imgStyle = vue.computed(() => {
         const { scale, deg, offsetX, offsetY, enableTransition } = transform.value;
         let translateX = offsetX / scale;
@@ -31050,11 +31059,7 @@
                 vue.createCommentVNode(" ARROW "),
                 !vue.unref(isSingle) ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
                   vue.createElementVNode("span", {
-                    class: vue.normalizeClass([
-                      vue.unref(ns).e("btn"),
-                      vue.unref(ns).e("prev"),
-                      vue.unref(ns).is("disabled", !_ctx.infinite && vue.unref(isFirst))
-                    ]),
+                    class: vue.normalizeClass(vue.unref(arrowPrevKls)),
                     onClick: prev
                   }, [
                     vue.createVNode(vue.unref(ElIcon), null, {
@@ -31065,11 +31070,7 @@
                     })
                   ], 2),
                   vue.createElementVNode("span", {
-                    class: vue.normalizeClass([
-                      vue.unref(ns).e("btn"),
-                      vue.unref(ns).e("next"),
-                      vue.unref(ns).is("disabled", !_ctx.infinite && vue.unref(isLast))
-                    ]),
+                    class: vue.normalizeClass(vue.unref(arrowNextKls)),
                     onClick: next
                   }, [
                     vue.createVNode(vue.unref(ElIcon), null, {
@@ -31167,10 +31168,7 @@
   const ElImageViewer = withInstall(ImageViewer);
 
   const imageProps = buildProps({
-    hideOnClickModal: {
-      type: Boolean,
-      default: false
-    },
+    hideOnClickModal: Boolean,
     src: {
       type: String,
       default: ""
@@ -31184,10 +31182,7 @@
       type: String,
       values: ["eager", "lazy"]
     },
-    lazy: {
-      type: Boolean,
-      default: false
-    },
+    lazy: Boolean,
     scrollContainer: {
       type: definePropType([String, Object])
     },
@@ -31195,10 +31190,7 @@
       type: definePropType(Array),
       default: () => mutable([])
     },
-    previewTeleported: {
-      type: Boolean,
-      default: false
-    },
+    previewTeleported: Boolean,
     zIndex: {
       type: Number
     },
@@ -31253,6 +31245,11 @@
       const supportLoading = isClient && "loading" in HTMLImageElement.prototype;
       let stopScrollListener;
       let stopWheelListener;
+      const imageKls = vue.computed(() => [
+        ns.e("inner"),
+        preview.value && ns.e("preview"),
+        isLoading.value && ns.is("loading")
+      ]);
       const containerStyle = vue.computed(() => rawAttrs.style);
       const imageStyle = vue.computed(() => {
         const { fit } = props;
@@ -31390,11 +31387,7 @@
               src: imageSrc.value,
               loading: _ctx.loading,
               style: vue.unref(imageStyle),
-              class: [
-                vue.unref(ns).e("inner"),
-                vue.unref(preview) && vue.unref(ns).e("preview"),
-                isLoading.value && vue.unref(ns).is("loading")
-              ],
+              class: vue.unref(imageKls),
               onClick: clickHandler,
               onLoad: handleLoad,
               onError: handleError
@@ -38919,6 +38912,13 @@
         return null;
       }).filter((v) => v !== null));
     });
+    const filteredOptionsValueMap = vue.computed(() => {
+      const valueMap = /* @__PURE__ */ new Map();
+      filteredOptions.value.forEach((option, index) => {
+        valueMap.set(getValueKey(option), { option, index });
+      });
+      return valueMap;
+    });
     const optionsAllDisabled = vue.computed(() => filteredOptions.value.every((option) => option.disabled));
     const selectSize = useFormSize();
     const collapseTagSize = vue.computed(() => selectSize.value === "small" ? "small" : "default");
@@ -38955,12 +38955,14 @@
     const indexRef = vue.computed(() => {
       if (props.multiple) {
         const len = props.modelValue.length;
-        if (props.modelValue.length > 0) {
-          return filteredOptions.value.findIndex((o) => o.value === props.modelValue[len - 1]);
+        if (props.modelValue.length > 0 && filteredOptionsValueMap.value.has(props.modelValue[len - 1])) {
+          const { index } = filteredOptionsValueMap.value.get(props.modelValue[len - 1]);
+          return index;
         }
       } else {
-        if (props.modelValue) {
-          return filteredOptions.value.findIndex((o) => o.value === props.modelValue);
+        if (props.modelValue && filteredOptionsValueMap.value.has(props.modelValue)) {
+          const { index } = filteredOptionsValueMap.value.get(props.modelValue);
+          return index;
         }
       }
       return -1;
@@ -39304,16 +39306,16 @@
           let initHovering = false;
           states.cachedOptions.length = 0;
           states.previousValue = props.modelValue.toString();
-          props.modelValue.forEach((selected) => {
-            const itemIndex = filteredOptions.value.findIndex((option) => getValueKey(option) === selected);
-            if (~itemIndex) {
-              states.cachedOptions.push(filteredOptions.value[itemIndex]);
+          for (const value of props.modelValue) {
+            if (filteredOptionsValueMap.value.has(value)) {
+              const { index, option } = filteredOptionsValueMap.value.get(value);
+              states.cachedOptions.push(option);
               if (!initHovering) {
-                updateHoveringIndex(itemIndex);
+                updateHoveringIndex(index);
               }
               initHovering = true;
             }
-          });
+          }
         } else {
           states.cachedOptions = [];
           states.previousValue = void 0;
@@ -42667,7 +42669,7 @@
   const doFlattenColumns = (columns) => {
     const result = [];
     columns.forEach((column) => {
-      if (column.children) {
+      if (column.children && column.children.length > 0) {
         result.push.apply(result, doFlattenColumns(column.children));
       } else {
         result.push(column);
@@ -45053,6 +45055,7 @@
     const bodyScrollHeight = vue.ref(0);
     const headerScrollHeight = vue.ref(0);
     const footerScrollHeight = vue.ref(0);
+    const appendScrollHeight = vue.ref(0);
     vue.watchEffect(() => {
       layout.setHeight(props.height);
     });
@@ -45192,7 +45195,7 @@
       });
     };
     const resizeListener = () => {
-      var _a, _b, _c;
+      var _a, _b, _c, _d;
       const el = table.vnode.el;
       if (!table.$ready || !el)
         return;
@@ -45217,7 +45220,8 @@
       tableScrollHeight.value = ((_b = table.refs.tableWrapper) == null ? void 0 : _b.scrollHeight) || 0;
       headerScrollHeight.value = (tableHeader == null ? void 0 : tableHeader.scrollHeight) || 0;
       footerScrollHeight.value = ((_c = table.refs.footerWrapper) == null ? void 0 : _c.offsetHeight) || 0;
-      bodyScrollHeight.value = tableScrollHeight.value - headerScrollHeight.value - footerScrollHeight.value;
+      appendScrollHeight.value = ((_d = table.refs.appendWrapper) == null ? void 0 : _d.offsetHeight) || 0;
+      bodyScrollHeight.value = tableScrollHeight.value - headerScrollHeight.value - footerScrollHeight.value - appendScrollHeight.value;
       if (shouldUpdateLayout) {
         resizeState.value = {
           width,