@element-plus/nightly 0.0.20251016 → 0.0.20251018

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20251016 */
+/*! Element Plus v0.0.20251018 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -12526,7 +12526,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "0.0.20251016";
+  const version$1 = "0.0.20251018";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -14848,6 +14848,11 @@
     },
     showPassword: Boolean,
     showWordLimit: Boolean,
+    wordLimitPosition: {
+      type: String,
+      values: ["inside", "outside"],
+      default: "inside"
+    },
     suffixIcon: {
       type: iconPropType
     },
@@ -15283,7 +15288,10 @@
                   }, 8, ["class"])) : vue.createCommentVNode("v-if", true),
                   vue.unref(isWordLimitVisible) ? (vue.openBlock(), vue.createElementBlock("span", {
                     key: 3,
-                    class: vue.normalizeClass(vue.unref(nsInput).e("count"))
+                    class: vue.normalizeClass([
+                      vue.unref(nsInput).e("count"),
+                      vue.unref(nsInput).is("outside", _ctx.wordLimitPosition === "outside")
+                    ])
                   }, [
                     vue.createElementVNode("span", {
                       class: vue.normalizeClass(vue.unref(nsInput).e("count-inner"))
@@ -15345,7 +15353,10 @@
             vue.unref(isWordLimitVisible) ? (vue.openBlock(), vue.createElementBlock("span", {
               key: 0,
               style: vue.normalizeStyle(countStyle.value),
-              class: vue.normalizeClass(vue.unref(nsInput).e("count"))
+              class: vue.normalizeClass([
+                vue.unref(nsInput).e("count"),
+                vue.unref(nsInput).is("outside", _ctx.wordLimitPosition === "outside")
+              ])
             }, vue.toDisplayString(vue.unref(textLength)) + " / " + vue.toDisplayString(_ctx.maxlength), 7)) : vue.createCommentVNode("v-if", true)
           ], 64))
         ], 38);
@@ -31269,13 +31280,17 @@
         handleRangeConfirm();
       };
       const handleClear = () => {
+        let valueOnClear = null;
+        if (pickerBase == null ? void 0 : pickerBase.emptyValues) {
+          valueOnClear = pickerBase.emptyValues.valueOnClear.value;
+        }
         leftDate.value = getDefaultValue(vue.unref(defaultValue), {
           lang: vue.unref(lang),
           unit: "year",
           unlinkPanels: props.unlinkPanels
         })[0];
         rightDate.value = leftDate.value.add(1, "year");
-        emit("pick", null);
+        emit("pick", valueOnClear);
       };
       const parseUserInput = (value) => {
         return correctlyParseUserInput(value, format.value, lang.value, isDefaultFormat);
@@ -31617,6 +31632,10 @@
         return isValidRange(date) && (disabledDate ? !disabledDate(date[0].toDate()) && !disabledDate(date[1].toDate()) : true);
       };
       const handleClear = () => {
+        let valueOnClear = null;
+        if (pickerBase == null ? void 0 : pickerBase.emptyValues) {
+          valueOnClear = pickerBase.emptyValues.valueOnClear.value;
+        }
         const defaultArr = getDefaultValue(vue.unref(defaultValue), {
           lang: vue.unref(lang),
           step,
@@ -31625,7 +31644,7 @@
         });
         leftDate.value = defaultArr[0];
         rightDate.value = defaultArr[1];
-        emit("pick", null);
+        emit("pick", valueOnClear);
       };
       function sortDates(minDate2, maxDate2) {
         if (props.unlinkPanels && maxDate2) {
@@ -33143,6 +33162,7 @@
         handleClose
       } = useDialog(props, drawerRef);
       const { isHorizontal, size, isResizing } = useResizable(props, draggerRef);
+      const penetrable = vue.computed(() => props.modalPenetrable && !props.modal);
       expose({
         handleClose,
         afterEnter,
@@ -33166,7 +33186,12 @@
                 return [
                   vue.withDirectives(vue.createVNode(vue.unref(ElOverlay), {
                     mask: _ctx.modal,
-                    "overlay-class": [vue.unref(ns).is("drawer"), (_a = _ctx.modalClass) != null ? _a : ""],
+                    "overlay-class": [
+                      vue.unref(ns).is("drawer"),
+                      (_a = _ctx.modalClass) != null ? _a : "",
+                      `${vue.unref(ns).namespace.value}-modal-drawer`,
+                      vue.unref(ns).is("penetrable", vue.unref(penetrable))
+                    ],
                     "z-index": vue.unref(zIndex),
                     onClick: vue.unref(onModalClick)
                   }, {
@@ -43474,12 +43499,11 @@
       return ValidateComponentsMap[validateState.value];
     });
     const debounce$1 = vue.computed(() => props.remote ? 300 : 0);
+    const isRemoteSearchEmpty = vue.computed(() => props.remote && !states.inputValue && !hasOptions.value);
     const emptyText = vue.computed(() => {
       if (props.loading) {
         return props.loadingText || t("el.select.loading");
       } else {
-        if (props.remote && !states.inputValue && !hasOptions.value)
-          return false;
         if (props.filterable && states.inputValue && hasOptions.value && filteredOptions.value.length === 0) {
           return props.noMatchText || t("el.select.noMatch");
         }
@@ -43617,7 +43641,7 @@
     });
     const dropdownMenuVisible = vue.computed({
       get() {
-        return expanded.value && emptyText.value !== false;
+        return expanded.value && (props.loading || !isRemoteSearchEmpty.value);
       },
       set(val) {
         expanded.value = val;
@@ -44171,7 +44195,7 @@
         if (!props.multiple) {
           return API.states.selectedLabel;
         }
-        return API.states.cachedOptions.map((i) => i.label);
+        return API.states.cachedOptions.map((i) => API.getLabel(i));
       });
       return {
         ...API,
@@ -46131,12 +46155,16 @@
       const internalStatus = vue.ref("");
       const parent = vue.inject(STEPS_INJECTION_KEY);
       const currentInstance = vue.getCurrentInstance();
+      let stepDiff = 0;
+      let beforeActive = 0;
       vue.onMounted(() => {
         vue.watch([
           () => parent.props.active,
           () => parent.props.processStatus,
           () => parent.props.finishStatus
-        ], ([active]) => {
+        ], ([active], [oldActive]) => {
+          beforeActive = oldActive || 0;
+          stepDiff = active - beforeActive;
           updateStatus(active);
         }, { immediate: true });
       });
@@ -46190,8 +46218,9 @@
       };
       const calcProgress = (status) => {
         const isWait = status === "wait";
+        const delayTimer = Math.abs(stepDiff) === 1 ? 0 : stepDiff > 0 ? (index.value + 1 - beforeActive) * 150 : -(index.value + 1 - parent.props.active) * 150;
         const style2 = {
-          transitionDelay: `${isWait ? "-" : ""}${150 * index.value}ms`
+          transitionDelay: `${delayTimer}ms`
         };
         const step = status === parent.props.processStatus || isWait ? 0 : 100;
         style2.borderWidth = step && !isSimple.value ? "1px" : 0;