@element-plus/nightly 0.0.20230603 → 0.0.20230604

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20230603 */
+/*! 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.20230603";
+  const version$1 = "0.0.20230604";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -13630,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;
@@ -18442,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");
@@ -18455,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;
@@ -18947,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,
@@ -19012,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(() => [
@@ -19456,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);
@@ -19832,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);
@@ -20001,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",
@@ -20031,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",
@@ -38905,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");
@@ -38941,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;
@@ -39290,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;