@element-plus/nightly 0.0.20260328 → 0.0.20260330

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20260328 */
+/*! Element Plus v0.0.20260330 */
 
 (function(global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ?  factory(exports, require('vue')) :
@@ -10482,7 +10482,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
 
 //#endregion
 //#region ../../packages/element-plus/version.ts
-	const version$1 = "0.0.20260328";
+	const version$1 = "0.0.20260330";
 
 //#endregion
 //#region ../../packages/element-plus/make-installer.ts
@@ -11800,12 +11800,20 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
 				return filterFields(fields, [prop])[0];
 			};
 			const addField = (field) => {
-				fields.push(field);
+				if (!fields.includes(field)) fields.push(field);
 				if (field.propString) if (initialValues.has(field.propString)) field.setInitialValue(initialValues.get(field.propString));
 				else initialValues.set(field.propString, cloneDeep(field.fieldValue));
 			};
-			const removeField = (field) => {
-				if (field.prop) fields.splice(fields.indexOf(field), 1);
+			const removeField = (field, oldPropString) => {
+				if (oldPropString) {
+					initialValues.delete(oldPropString);
+					return;
+				}
+				const idx = fields.indexOf(field);
+				if (idx > -1) {
+					fields.splice(idx, 1);
+					if (field.propString) initialValues.set(field.propString, cloneDeep(field.getInitialValue()));
+				}
 			};
 			const setInitialValues = (initModel) => {
 				if (!props.model) {
@@ -13042,6 +13050,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
 			const setInitialValue = (value) => {
 				initialValue = cloneDeep(value);
 			};
+			const getInitialValue = () => initialValue;
 			(0, vue.watch)(() => props.error, (val) => {
 				validateMessage.value = val || "";
 				setValidationState(val ? "error" : "");
@@ -13064,9 +13073,18 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
 				clearValidate,
 				validate,
 				propString,
-				setInitialValue
+				setInitialValue,
+				getInitialValue
 			});
 			(0, vue.provide)(formItemContextKey, context);
+			(0, vue.watch)(propString, (newPropString, oldPropString) => {
+				if (!formContext || !oldPropString) return;
+				formContext.removeField(context, oldPropString);
+				if (newPropString) {
+					setInitialValue(fieldValue.value);
+					formContext.addField(context);
+				}
+			});
 			(0, vue.onMounted)(() => {
 				if (props.prop) {
 					setInitialValue(fieldValue.value);
@@ -14514,6 +14532,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
 				textareaStyle,
 				autosize: (0, vue.toRef)(props, "autosize"),
 				isComposing,
+				passwordVisible,
 				focus,
 				blur,
 				select,
@@ -18632,7 +18651,7 @@ var import_dayjs_min = /* @__PURE__ */ __toESM(require_dayjs_min());
 			};
 			const displayValue = (0, vue.computed)(() => {
 				const formattedValue = formatToString(parsedValue.value);
-				if (isArray$1(userInput.value)) return [userInput.value[0] || formattedValue && formattedValue[0] || "", userInput.value[1] || formattedValue && formattedValue[1] || ""];
+				if (isArray$1(userInput.value)) return [userInput.value[0] ?? (formattedValue && formattedValue[0]) ?? "", userInput.value[1] ?? (formattedValue && formattedValue[1]) ?? ""];
 				else if (userInput.value !== null) return userInput.value;
 				if (isTimePicker.value && valueIsEmpty.value && !props.saveOnBlur) return "";
 				if (!isTimePicker.value && valueIsEmpty.value) return "";
@@ -18689,14 +18708,15 @@ var import_dayjs_min = /* @__PURE__ */ __toESM(require_dayjs_min());
 			});
 			const handleChange = () => {
 				if (isTimePicker.value && !props.saveOnBlur) return;
-				if (userInput.value) {
+				const isRangeEmpty = isArray$1(userInput.value) && userInput.value.every((v) => v === "");
+				if (userInput.value && !isRangeEmpty) {
 					const value = parseUserInputToDayjs(displayValue.value);
 					if (value) {
 						if (isValidValue(value)) emitInput(dayOrDaysToDate(value));
 						userInput.value = null;
 					}
 				}
-				if (userInput.value === "") {
+				if (userInput.value === "" || isRangeEmpty) {
 					emitInput(emptyValues.valueOnClear.value);
 					emitChange(emptyValues.valueOnClear.value, true);
 					userInput.value = null;
@@ -25386,7 +25406,12 @@ var import_dayjs_min = /* @__PURE__ */ __toESM(require_dayjs_min());
 			const handleInput = (val, e) => {
 				!popperVisible.value && togglePopperVisible(true);
 				if (e?.isComposing) return;
-				val ? handleFilter() : hideSuggestionPanel();
+				if (val) handleFilter();
+				else {
+					const passed = props.beforeFilter("");
+					if (isPromise(passed)) passed.catch(() => {});
+					hideSuggestionPanel();
+				}
 			};
 			const getInputInnerHeight = (inputInner) => Number.parseFloat(useCssVar(nsInput.cssVarName("input-height"), inputInner).value) - 2;
 			const focus = () => {
@@ -50409,7 +50434,7 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 //#region ../../packages/components/transfer/src/composables/use-computed-data.ts
 	const useComputedData = (props) => {
 		const propsAlias = usePropsAlias(props);
-		const dataObj = (0, vue.computed)(() => props.data.reduce((o, cur) => (o[cur[propsAlias.value.key]] = cur) && o, {}));
+		const dataObj = (0, vue.computed)(() => props.data.reduce((o, cur) => (o[cur[propsAlias.value.key]] = cur, o), {}));
 		return {
 			sourceData: (0, vue.computed)(() => props.data.filter((item) => !props.modelValue.includes(item[propsAlias.value.key]))),
 			targetData: (0, vue.computed)(() => {
@@ -50460,7 +50485,52 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 	var transfer_panel_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		name: "ElTransferPanel",
 		__name: "transfer-panel",
-		props: transferPanelProps,
+		props: {
+			data: {
+				type: Array,
+				required: false,
+				default: () => []
+			},
+			optionRender: {
+				type: Function,
+				required: false
+			},
+			placeholder: {
+				type: String,
+				required: false
+			},
+			title: {
+				type: String,
+				required: false
+			},
+			filterable: {
+				type: Boolean,
+				required: false
+			},
+			format: {
+				type: Object,
+				required: false,
+				default: () => ({})
+			},
+			filterMethod: {
+				type: Function,
+				required: false
+			},
+			defaultChecked: {
+				type: Array,
+				required: false,
+				default: () => []
+			},
+			props: {
+				type: Object,
+				required: false,
+				default: () => mutable({
+					label: "label",
+					key: "key",
+					disabled: "disabled"
+				})
+			}
+		},
 		emits: transferPanelEmits,
 		setup(__props, { expose: __expose, emit: __emit }) {
 			const props = __props;
@@ -50560,7 +50630,78 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 	var transfer_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		name: "ElTransfer",
 		__name: "transfer",
-		props: transferProps,
+		props: {
+			data: {
+				type: Array,
+				required: false,
+				default: () => []
+			},
+			titles: {
+				type: Array,
+				required: false,
+				default: () => []
+			},
+			buttonTexts: {
+				type: Array,
+				required: false,
+				default: () => []
+			},
+			filterPlaceholder: {
+				type: String,
+				required: false
+			},
+			filterMethod: {
+				type: Function,
+				required: false
+			},
+			leftDefaultChecked: {
+				type: Array,
+				required: false,
+				default: () => []
+			},
+			rightDefaultChecked: {
+				type: Array,
+				required: false,
+				default: () => []
+			},
+			renderContent: {
+				type: Function,
+				required: false
+			},
+			modelValue: {
+				type: Array,
+				required: false,
+				default: () => []
+			},
+			format: {
+				type: Object,
+				required: false,
+				default: () => ({})
+			},
+			filterable: {
+				type: Boolean,
+				required: false
+			},
+			props: {
+				type: Object,
+				required: false,
+				default: () => ({
+					label: "label",
+					key: "key",
+					disabled: "disabled"
+				})
+			},
+			targetOrder: {
+				type: String,
+				required: false,
+				default: "original"
+			},
+			validateEvent: {
+				type: Boolean,
+				required: false,
+				default: true
+			}
+		},
 		emits: transferEmits,
 		setup(__props, { expose: __expose, emit: __emit }) {
 			const props = __props;
@@ -56371,7 +56512,214 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 		name: "ElMention",
 		inheritAttrs: false,
 		__name: "mention",
-		props: mentionProps,
+		props: /* @__PURE__ */ (0, vue.mergeDefaults)({
+			options: {
+				type: Array,
+				required: false
+			},
+			prefix: {
+				type: [String, Array],
+				required: false
+			},
+			split: {
+				type: String,
+				required: false
+			},
+			filterOption: {
+				type: Boolean,
+				required: false,
+				skipCheck: true
+			},
+			placement: {
+				type: String,
+				required: false
+			},
+			showArrow: {
+				type: Boolean,
+				required: false
+			},
+			offset: {
+				type: Number,
+				required: false
+			},
+			whole: {
+				type: Boolean,
+				required: false
+			},
+			checkIsWhole: {
+				type: Function,
+				required: false
+			},
+			modelValue: {
+				type: String,
+				required: false
+			},
+			loading: {
+				type: Boolean,
+				required: false
+			},
+			popperClass: {
+				type: null,
+				required: false
+			},
+			popperStyle: {
+				type: null,
+				required: false
+			},
+			popperOptions: {
+				type: Object,
+				required: false
+			},
+			props: {
+				type: Object,
+				required: false
+			},
+			id: {
+				type: String,
+				required: false
+			},
+			size: {
+				type: null,
+				required: false
+			},
+			disabled: {
+				type: Boolean,
+				required: false
+			},
+			modelModifiers: {
+				type: Object,
+				required: false
+			},
+			maxlength: {
+				type: [String, Number],
+				required: false
+			},
+			minlength: {
+				type: [String, Number],
+				required: false
+			},
+			type: {
+				type: String,
+				required: false
+			},
+			resize: {
+				type: String,
+				required: false
+			},
+			autosize: {
+				type: [Object, Boolean],
+				required: false
+			},
+			autocomplete: {
+				type: String,
+				required: false
+			},
+			formatter: {
+				type: Function,
+				required: false
+			},
+			parser: {
+				type: Function,
+				required: false
+			},
+			placeholder: {
+				type: String,
+				required: false
+			},
+			form: {
+				type: String,
+				required: false
+			},
+			readonly: {
+				type: Boolean,
+				required: false
+			},
+			clearable: {
+				type: Boolean,
+				required: false
+			},
+			clearIcon: {
+				type: null,
+				required: false
+			},
+			showPassword: {
+				type: Boolean,
+				required: false
+			},
+			showWordLimit: {
+				type: Boolean,
+				required: false
+			},
+			wordLimitPosition: {
+				type: String,
+				required: false
+			},
+			suffixIcon: {
+				type: null,
+				required: false
+			},
+			prefixIcon: {
+				type: null,
+				required: false
+			},
+			containerRole: {
+				type: String,
+				required: false
+			},
+			tabindex: {
+				type: [String, Number],
+				required: false
+			},
+			validateEvent: {
+				type: Boolean,
+				required: false
+			},
+			inputStyle: {
+				type: [
+					Boolean,
+					null,
+					String,
+					Object,
+					Array
+				],
+				required: false,
+				skipCheck: true
+			},
+			autofocus: {
+				type: Boolean,
+				required: false
+			},
+			rows: {
+				type: Number,
+				required: false
+			},
+			ariaLabel: {
+				type: String,
+				required: false
+			},
+			inputmode: {
+				type: null,
+				required: false
+			},
+			name: {
+				type: String,
+				required: false
+			},
+			countGraphemes: {
+				type: Function,
+				required: false
+			}
+		}, {
+			...inputPropsDefaults,
+			options: () => [],
+			prefix: "@",
+			split: " ",
+			filterOption: () => filterOption,
+			placement: "bottom",
+			offset: 0,
+			popperOptions: () => ({}),
+			props: () => mentionDefaultProps
+		}),
 		emits: mentionEmits,
 		setup(__props, { expose: __expose, emit: __emit }) {
 			const props = __props;