npm - @element-plus/nightly - Versions diffs - 0.0.20260717 → 0.0.20260718 - Mend

@element-plus/nightly 0.0.20260717 → 0.0.20260718

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (328) hide show

package/lib/components/message-box/src/index.vue_vue_type_script_lang.js CHANGED Viewed

@@ -1,16 +1,16 @@
 require("../../../_virtual/_rolldown/runtime.js");
 const require_icon = require("../../../utils/vue/icon.js");
 const require_validator = require("../../../utils/vue/validator.js");
-const require_index = require("../../../directives/trap-focus/index.js");
-const require_index$1 = require("../../../hooks/use-draggable/index.js");
-const require_index$2 = require("../../../hooks/use-lockscreen/index.js");
-const require_index$3 = require("../../../hooks/use-same-target/index.js");
-const require_index$4 = require("../../../hooks/use-id/index.js");
-const require_index$5 = require("../../icon/index.js");
-const require_index$6 = require("../../focus-trap/index.js");
-const require_index$7 = require("../../input/index.js");
+const require_index = require("../../../hooks/use-draggable/index.js");
+const require_index$1 = require("../../../hooks/use-lockscreen/index.js");
+const require_index$2 = require("../../../hooks/use-same-target/index.js");
+const require_index$3 = require("../../../hooks/use-id/index.js");
+const require_index$4 = require("../../icon/index.js");
+const require_index$5 = require("../../focus-trap/index.js");
+const require_index$6 = require("../../input/index.js");
 const require_use_global_config = require("../../config-provider/src/hooks/use-global-config.js");
-const require_index$8 = require("../../button/index.js");
+const require_index$7 = require("../../button/index.js");
+const require_index$8 = require("../../../directives/trap-focus/index.js");
 const require_index$9 = require("../../overlay/index.js");
 let _element_plus_icons_vue = require("@element-plus/icons-vue");
 let vue = require("vue");
@@ -18,13 +18,13 @@ let _vue_shared = require("@vue/shared");
 //#region ../../packages/components/message-box/src/index.vue?vue&type=script&lang.ts
 var index_vue_vue_type_script_lang_default = (0, vue.defineComponent)({
 	name: "ElMessageBox",
-	directives: { TrapFocus: require_index.default },
+	directives: { TrapFocus: require_index$8.default },
 	components: {
-		ElButton: require_index$8.ElButton,
-		ElFocusTrap: require_index$6.default,
-		ElInput: require_index$7.ElInput,
+		ElButton: require_index$7.ElButton,
+		ElFocusTrap: require_index$5.default,
+		ElInput: require_index$6.ElInput,
 		ElOverlay: require_index$9.ElOverlay,
-		ElIcon: require_index$5.ElIcon,
+		ElIcon: require_index$4.ElIcon,
 		...require_icon.TypeComponents
 	},
 	inheritAttrs: false,
@@ -120,8 +120,8 @@ var index_vue_vue_type_script_lang_default = (0, vue.defineComponent)({
 			const type = state.type;
 			return { [ns.bm("icon", type)]: type && require_icon.TypeComponentsMap[type] };
 		});
-		const contentId = require_index$4.useId();
-		const inputId = require_index$4.useId();
+		const contentId = require_index$3.useId();
+		const inputId = require_index$3.useId();
 		const iconComponent = (0, vue.computed)(() => {
 			const type = state.type;
 			return state.icon || type && require_icon.TypeComponentsMap[type] || "";
@@ -153,7 +153,7 @@ var index_vue_vue_type_script_lang_default = (0, vue.defineComponent)({
 				state.validateError = false;
 			}
 		});
-		const { isDragging } = require_index$1.useDraggable(rootRef, headerRef, (0, vue.computed)(() => props.draggable), (0, vue.computed)(() => props.overflow));
+		const { isDragging } = require_index.useDraggable(rootRef, headerRef, (0, vue.computed)(() => props.draggable), (0, vue.computed)(() => props.overflow));
 		(0, vue.onMounted)(async () => {
 			await (0, vue.nextTick)();
 			if (props.closeOnHashChange) window.addEventListener("hashchange", doClose);
@@ -171,7 +171,7 @@ var index_vue_vue_type_script_lang_default = (0, vue.defineComponent)({
 		const handleWrapperClick = () => {
 			if (props.closeOnClickModal) handleAction(state.distinguishCancelAndClose ? "close" : "cancel");
 		};
-		const overlayEvent = require_index$3.useSameTarget(handleWrapperClick);
+		const overlayEvent = require_index$2.useSameTarget(handleWrapperClick);
 		const handleInputEnter = (e) => {
 			if (state.inputType !== "textarea" && !inputRef.value?.isComposing) {
 				e.preventDefault();
@@ -221,7 +221,7 @@ var index_vue_vue_type_script_lang_default = (0, vue.defineComponent)({
 		const onCloseRequested = () => {
 			if (props.closeOnPressEscape) handleClose();
 		};
-		if (props.lockScroll) require_index$2.useLockscreen(visible, { ns });
+		if (props.lockScroll) require_index$1.useLockscreen(visible, { ns });
 		return {
 			...(0, vue.toRefs)(state),
 			ns,

package/lib/components/message-box/src/index.vue_vue_type_script_lang.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.vue_vue_type_script_lang.js","names":[],"sources":["../../../../../../packages/components/message-box/src/index.vue"],"sourcesContent":["<template>\n <transition name=\"fade-in-linear\" @after-leave=\"$emit('vanish')\">\n <el-overlay\n v-show=\"visible\"\n :z-index=\"zIndex\"\n :overlay-class=\"[ns.is('message-box'), modalClass]\"\n :mask=\"modal\"\n >\n <div\n role=\"dialog\"\n :aria-label=\"title\"\n aria-modal=\"true\"\n :aria-describedby=\"!showInput ? contentId : undefined\"\n :class=\"`${ns.namespace.value}-overlay-message-box`\"\n @click=\"overlayEvent.onClick\"\n @mousedown=\"overlayEvent.onMousedown\"\n @mouseup=\"overlayEvent.onMouseup\"\n >\n <el-focus-trap\n loop\n :trapped=\"visible\"\n :focus-trap-el=\"rootRef\"\n :focus-start-el=\"focusStartRef\"\n @release-requested=\"onCloseRequested\"\n >\n <div\n ref=\"rootRef\"\n :class=\"[\n ns.b(),\n customClass,\n ns.is('draggable', draggable),\n ns.is('dragging', isDragging),\n { [ns.m('center')]: center },\n ]\"\n :style=\"customStyle\"\n tabindex=\"-1\"\n @click.stop=\"\"\n >\n <div\n v-if=\"title !== null && title !== undefined\"\n ref=\"headerRef\"\n :class=\"[ns.e('header'), { 'show-close': showClose }]\"\n >\n <div :class=\"ns.e('title')\">\n <el-icon\n v-if=\"iconComponent && center\"\n :class=\"[ns.e('status'), typeClass]\"\n >\n <component :is=\"iconComponent\" />\n </el-icon>\n <span>{{ title }}</span>\n </div>\n <button\n v-if=\"showClose\"\n type=\"button\"\n :class=\"ns.e('headerbtn')\"\n :aria-label=\"t('el.messagebox.close')\"\n @click=\"\n handleAction(distinguishCancelAndClose ? 'close' : 'cancel')\n \"\n @keydown.prevent.enter=\"\n handleAction(distinguishCancelAndClose ? 'close' : 'cancel')\n \"\n >\n <el-icon :class=\"ns.e('close')\">\n <component :is=\"closeIcon \|\| 'close'\" />\n </el-icon>\n </button>\n </div>\n <div :id=\"contentId\" :class=\"ns.e('content')\">\n <div :class=\"ns.e('container')\">\n <el-icon\n v-if=\"iconComponent && !center && hasMessage\"\n :class=\"[ns.e('status'), typeClass]\"\n >\n <component :is=\"iconComponent\" />\n </el-icon>\n <div v-if=\"hasMessage\" :class=\"ns.e('message')\">\n <slot>\n <component\n :is=\"showInput ? 'label' : 'p'\"\n v-if=\"!dangerouslyUseHTMLString\"\n :for=\"showInput ? inputId : undefined\"\n v-text=\"message\"\n />\n <component\n :is=\"showInput ? 'label' : 'p'\"\n v-else\n :for=\"showInput ? inputId : undefined\"\n v-html=\"message\"\n />\n </slot>\n </div>\n </div>\n <div v-show=\"showInput\" :class=\"ns.e('input')\">\n <el-input\n :id=\"inputId\"\n ref=\"inputRef\"\n v-model=\"inputValue\"\n :type=\"inputType\"\n :placeholder=\"inputPlaceholder\"\n :aria-invalid=\"validateError\"\n :class=\"{ invalid: validateError }\"\n @keydown.enter=\"handleInputEnter\"\n />\n <div\n :class=\"ns.e('errormsg')\"\n :style=\"{\n visibility: !!editorErrorMessage ? 'visible' : 'hidden',\n }\"\n >\n {{ editorErrorMessage }}\n </div>\n </div>\n </div>\n <div\n v-if=\"showCancelButton \|\| showConfirmButton\"\n :class=\"ns.e('btns')\"\n >\n <el-button\n v-if=\"showCancelButton\"\n :type=\"cancelButtonType === 'text' ? '' : cancelButtonType\"\n :text=\"cancelButtonType === 'text'\"\n :loading=\"cancelButtonLoading\"\n :loading-icon=\"cancelButtonLoadingIcon\"\n :class=\"[cancelButtonClass]\"\n :round=\"roundButton\"\n :size=\"btnSize\"\n @click=\"handleAction('cancel')\"\n @keydown.prevent.enter=\"handleAction('cancel')\"\n >\n {{ cancelButtonText \|\| t('el.messagebox.cancel') }}\n </el-button>\n <el-button\n v-show=\"showConfirmButton\"\n ref=\"confirmRef\"\n :type=\"confirmButtonType === 'text' ? '' : confirmButtonType\"\n :text=\"confirmButtonType === 'text'\"\n :loading=\"confirmButtonLoading\"\n :loading-icon=\"confirmButtonLoadingIcon\"\n :class=\"[confirmButtonClasses]\"\n :round=\"roundButton\"\n :disabled=\"confirmButtonDisabled\"\n :size=\"btnSize\"\n @click=\"handleAction('confirm')\"\n @keydown.prevent.enter=\"handleAction('confirm')\"\n >\n {{ confirmButtonText \|\| t('el.messagebox.confirm') }}\n </el-button>\n </div>\n </div>\n </el-focus-trap>\n </div>\n </el-overlay>\n </transition>\n</template>\n\n<script lang=\"ts\">\nimport {\n computed,\n defineComponent,\n markRaw,\n nextTick,\n onBeforeUnmount,\n onMounted,\n reactive,\n ref,\n toRefs,\n watch,\n} from 'vue'\nimport ElButton from '@element-plus/components/button'\nimport { TrapFocus } from '@element-plus/directives'\nimport {\n useDraggable,\n useId,\n useLockscreen,\n useSameTarget,\n} from '@element-plus/hooks'\nimport ElInput from '@element-plus/components/input'\nimport { ElOverlay } from '@element-plus/components/overlay'\nimport {\n TypeComponents,\n TypeComponentsMap,\n isFunction,\n isString,\n isValidComponentSize,\n} from '@element-plus/utils'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { Loading } from '@element-plus/icons-vue'\nimport ElFocusTrap from '@element-plus/components/focus-trap'\nimport { useGlobalComponentSettings } from '@element-plus/components/config-provider'\n\nimport type { ComponentPublicInstance, PropType } from 'vue'\nimport type { ComponentSize } from '@element-plus/constants'\nimport type {\n Action,\n MessageBoxState,\n MessageBoxType,\n} from './message-box.type'\nimport type { InputInstance } from '@element-plus/components/input'\n\nexport default defineComponent({\n name: 'ElMessageBox',\n directives: {\n TrapFocus,\n },\n components: {\n ElButton,\n ElFocusTrap,\n ElInput,\n ElOverlay,\n ElIcon,\n ...TypeComponents,\n },\n inheritAttrs: false,\n props: {\n buttonSize: {\n type: String as PropType<ComponentSize>,\n validator: isValidComponentSize,\n },\n modal: {\n type: Boolean,\n default: true,\n },\n lockScroll: {\n type: Boolean,\n default: true,\n },\n showClose: {\n type: Boolean,\n default: true,\n },\n closeOnClickModal: {\n type: Boolean,\n default: true,\n },\n closeOnPressEscape: {\n type: Boolean,\n default: true,\n },\n closeOnHashChange: {\n type: Boolean,\n default: true,\n },\n center: Boolean,\n draggable: Boolean,\n overflow: Boolean,\n roundButton: Boolean,\n container: {\n type: String, // default append to body\n default: 'body',\n },\n boxType: {\n type: String as PropType<MessageBoxType>,\n default: '',\n },\n },\n emits: ['vanish', 'action'],\n setup(props, { emit }) {\n // const popup = usePopup(props, doClose)\n const {\n locale,\n zIndex,\n ns,\n size: btnSize,\n } = useGlobalComponentSettings(\n 'message-box',\n computed(() => props.buttonSize)\n )\n\n const { t } = locale\n const { nextZIndex } = zIndex\n\n const visible = ref(false)\n // s represents state\n const state = reactive<MessageBoxState>({\n // autofocus element when open message-box\n autofocus: true,\n beforeClose: null,\n callback: null,\n cancelButtonText: '',\n cancelButtonClass: '',\n confirmButtonText: '',\n confirmButtonClass: '',\n cancelButtonType: '',\n confirmButtonType: 'primary',\n customClass: '',\n customStyle: {},\n dangerouslyUseHTMLString: false,\n distinguishCancelAndClose: false,\n icon: '',\n closeIcon: '',\n inputPattern: null,\n inputPlaceholder: '',\n inputType: 'text',\n inputValue: '',\n inputValidator: undefined,\n inputErrorMessage: '',\n message: '',\n modalFade: true,\n modalClass: '',\n showCancelButton: false,\n showConfirmButton: true,\n type: '',\n title: undefined,\n showInput: false,\n action: '' as Action,\n confirmButtonLoading: false,\n cancelButtonLoading: false,\n confirmButtonLoadingIcon: markRaw(Loading),\n cancelButtonLoadingIcon: markRaw(Loading),\n confirmButtonDisabled: false,\n editorErrorMessage: '',\n // refer to: https://github.com/ElemeFE/element/commit/2999279ae34ef10c373ca795c87b020ed6753eed\n // seemed ok for now without this state.\n // isOnComposition: false, // temporary remove\n validateError: false,\n zIndex: nextZIndex(),\n })\n\n const typeClass = computed(() => {\n const type = state.type\n return { [ns.bm('icon', type)]: type && TypeComponentsMap[type] }\n })\n\n const contentId = useId()\n const inputId = useId()\n\n const iconComponent = computed(() => {\n const type = state.type\n return state.icon \|\| (type && TypeComponentsMap[type]) \|\| ''\n })\n const hasMessage = computed(() => !!state.message)\n const rootRef = ref<HTMLElement>()\n const headerRef = ref<HTMLElement>()\n const focusStartRef = ref<HTMLElement>()\n const inputRef = ref<InputInstance>()\n const confirmRef = ref<ComponentPublicInstance>()\n\n const confirmButtonClasses = computed(() => state.confirmButtonClass)\n\n watch(\n () => state.inputValue,\n async (val) => {\n await nextTick()\n if (props.boxType === 'prompt' && val) {\n validate()\n }\n },\n { immediate: true }\n )\n\n watch(\n () => visible.value,\n (val) => {\n if (val) {\n if (props.boxType !== 'prompt') {\n if (state.autofocus) {\n focusStartRef.value = confirmRef.value?.$el ?? rootRef.value\n } else {\n focusStartRef.value = rootRef.value\n }\n }\n state.zIndex = nextZIndex()\n }\n if (props.boxType !== 'prompt') return\n if (val) {\n nextTick().then(() => {\n if (inputRef.value && inputRef.value.$el) {\n if (state.autofocus) {\n focusStartRef.value = getInputElement() ?? rootRef.value\n } else {\n focusStartRef.value = rootRef.value\n }\n }\n })\n } else {\n state.editorErrorMessage = ''\n state.validateError = false\n }\n }\n )\n\n const draggable = computed(() => props.draggable)\n const overflow = computed(() => props.overflow)\n const { isDragging } = useDraggable(rootRef, headerRef, draggable, overflow)\n\n onMounted(async () => {\n await nextTick()\n if (props.closeOnHashChange) {\n window.addEventListener('hashchange', doClose)\n }\n })\n\n onBeforeUnmount(() => {\n if (props.closeOnHashChange) {\n window.removeEventListener('hashchange', doClose)\n }\n })\n\n function doClose() {\n if (!visible.value) return\n visible.value = false\n nextTick(() => {\n if (state.action) emit('action', state.action)\n })\n }\n\n const handleWrapperClick = () => {\n if (props.closeOnClickModal) {\n handleAction(state.distinguishCancelAndClose ? 'close' : 'cancel')\n }\n }\n\n const overlayEvent = useSameTarget(handleWrapperClick)\n\n const handleInputEnter = (e: KeyboardEvent \| Event) => {\n if (state.inputType !== 'textarea' && !inputRef.value?.isComposing) {\n e.preventDefault()\n return handleAction('confirm')\n }\n }\n\n const handleAction = (action: Action) => {\n if (props.boxType === 'prompt' && action === 'confirm' && !validate()) {\n return\n }\n\n state.action = action\n\n if (state.beforeClose) {\n state.beforeClose?.(action, state, doClose)\n } else {\n doClose()\n }\n }\n\n const validate = () => {\n if (props.boxType === 'prompt') {\n const inputPattern = state.inputPattern\n if (inputPattern && !inputPattern.test(state.inputValue \|\| '')) {\n state.editorErrorMessage =\n state.inputErrorMessage \|\| t('el.messagebox.error')\n state.validateError = true\n return false\n }\n const inputValidator = state.inputValidator\n if (isFunction(inputValidator)) {\n const validateResult = inputValidator(state.inputValue)\n if (validateResult === false) {\n state.editorErrorMessage =\n state.inputErrorMessage \|\| t('el.messagebox.error')\n state.validateError = true\n return false\n }\n if (isString(validateResult)) {\n state.editorErrorMessage = validateResult\n state.validateError = true\n return false\n }\n }\n }\n state.editorErrorMessage = ''\n state.validateError = false\n return true\n }\n\n const getInputElement = () => {\n const inputRefs = inputRef.value?.$refs\n return (inputRefs?.input ?? inputRefs?.textarea) as HTMLElement\n }\n\n const handleClose = () => {\n handleAction('close')\n }\n\n // when close on press escape is disabled, pressing esc should not callout\n // any other message box and close any other dialog-ish elements\n // e.g. Dialog has a close on press esc feature, and when it closes, it calls\n // props.beforeClose method to make a intermediate state by callout a message box\n // for some verification or alerting. then if we allow global event like this\n // to dispatch, it could callout another message box.\n const onCloseRequested = () => {\n if (props.closeOnPressEscape) {\n handleClose()\n }\n }\n\n // locks the screen to prevent scroll\n if (props.lockScroll) {\n useLockscreen(visible, { ns })\n }\n\n return {\n ...toRefs(state),\n ns,\n overlayEvent,\n visible,\n hasMessage,\n typeClass,\n contentId,\n inputId,\n btnSize,\n iconComponent,\n confirmButtonClasses,\n rootRef,\n focusStartRef,\n headerRef,\n inputRef,\n isDragging,\n confirmRef,\n doClose, // for outside usage\n handleClose, // for out side usage\n onCloseRequested,\n handleWrapperClick,\n handleInputEnter,\n handleAction,\n t,\n }\n },\n})\n</script>\n"],"mappings":"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"}
1	+ {"version":3,"file":"index.vue_vue_type_script_lang.js","names":[],"sources":["../../../../../../packages/components/message-box/src/index.vue"],"sourcesContent":["<template>\n <transition name=\"fade-in-linear\" @after-leave=\"$emit('vanish')\">\n <el-overlay\n v-show=\"visible\"\n :z-index=\"zIndex\"\n :overlay-class=\"[ns.is('message-box'), modalClass]\"\n :mask=\"modal\"\n >\n <div\n role=\"dialog\"\n :aria-label=\"title\"\n aria-modal=\"true\"\n :aria-describedby=\"!showInput ? contentId : undefined\"\n :class=\"`${ns.namespace.value}-overlay-message-box`\"\n @click=\"overlayEvent.onClick\"\n @mousedown=\"overlayEvent.onMousedown\"\n @mouseup=\"overlayEvent.onMouseup\"\n >\n <el-focus-trap\n loop\n :trapped=\"visible\"\n :focus-trap-el=\"rootRef\"\n :focus-start-el=\"focusStartRef\"\n @release-requested=\"onCloseRequested\"\n >\n <div\n ref=\"rootRef\"\n :class=\"[\n ns.b(),\n customClass,\n ns.is('draggable', draggable),\n ns.is('dragging', isDragging),\n { [ns.m('center')]: center },\n ]\"\n :style=\"customStyle\"\n tabindex=\"-1\"\n @click.stop=\"\"\n >\n <div\n v-if=\"title !== null && title !== undefined\"\n ref=\"headerRef\"\n :class=\"[ns.e('header'), { 'show-close': showClose }]\"\n >\n <div :class=\"ns.e('title')\">\n <el-icon\n v-if=\"iconComponent && center\"\n :class=\"[ns.e('status'), typeClass]\"\n >\n <component :is=\"iconComponent\" />\n </el-icon>\n <span>{{ title }}</span>\n </div>\n <button\n v-if=\"showClose\"\n type=\"button\"\n :class=\"ns.e('headerbtn')\"\n :aria-label=\"t('el.messagebox.close')\"\n @click=\"\n handleAction(distinguishCancelAndClose ? 'close' : 'cancel')\n \"\n @keydown.prevent.enter=\"\n handleAction(distinguishCancelAndClose ? 'close' : 'cancel')\n \"\n >\n <el-icon :class=\"ns.e('close')\">\n <component :is=\"closeIcon \|\| 'close'\" />\n </el-icon>\n </button>\n </div>\n <div :id=\"contentId\" :class=\"ns.e('content')\">\n <div :class=\"ns.e('container')\">\n <el-icon\n v-if=\"iconComponent && !center && hasMessage\"\n :class=\"[ns.e('status'), typeClass]\"\n >\n <component :is=\"iconComponent\" />\n </el-icon>\n <div v-if=\"hasMessage\" :class=\"ns.e('message')\">\n <slot>\n <component\n :is=\"showInput ? 'label' : 'p'\"\n v-if=\"!dangerouslyUseHTMLString\"\n :for=\"showInput ? inputId : undefined\"\n v-text=\"message\"\n />\n <component\n :is=\"showInput ? 'label' : 'p'\"\n v-else\n :for=\"showInput ? inputId : undefined\"\n v-html=\"message\"\n />\n </slot>\n </div>\n </div>\n <div v-show=\"showInput\" :class=\"ns.e('input')\">\n <el-input\n :id=\"inputId\"\n ref=\"inputRef\"\n v-model=\"inputValue\"\n :type=\"inputType\"\n :placeholder=\"inputPlaceholder\"\n :aria-invalid=\"validateError\"\n :class=\"{ invalid: validateError }\"\n @keydown.enter=\"handleInputEnter\"\n />\n <div\n :class=\"ns.e('errormsg')\"\n :style=\"{\n visibility: !!editorErrorMessage ? 'visible' : 'hidden',\n }\"\n >\n {{ editorErrorMessage }}\n </div>\n </div>\n </div>\n <div\n v-if=\"showCancelButton \|\| showConfirmButton\"\n :class=\"ns.e('btns')\"\n >\n <el-button\n v-if=\"showCancelButton\"\n :type=\"cancelButtonType === 'text' ? '' : cancelButtonType\"\n :text=\"cancelButtonType === 'text'\"\n :loading=\"cancelButtonLoading\"\n :loading-icon=\"cancelButtonLoadingIcon\"\n :class=\"[cancelButtonClass]\"\n :round=\"roundButton\"\n :size=\"btnSize\"\n @click=\"handleAction('cancel')\"\n @keydown.prevent.enter=\"handleAction('cancel')\"\n >\n {{ cancelButtonText \|\| t('el.messagebox.cancel') }}\n </el-button>\n <el-button\n v-show=\"showConfirmButton\"\n ref=\"confirmRef\"\n :type=\"confirmButtonType === 'text' ? '' : confirmButtonType\"\n :text=\"confirmButtonType === 'text'\"\n :loading=\"confirmButtonLoading\"\n :loading-icon=\"confirmButtonLoadingIcon\"\n :class=\"[confirmButtonClasses]\"\n :round=\"roundButton\"\n :disabled=\"confirmButtonDisabled\"\n :size=\"btnSize\"\n @click=\"handleAction('confirm')\"\n @keydown.prevent.enter=\"handleAction('confirm')\"\n >\n {{ confirmButtonText \|\| t('el.messagebox.confirm') }}\n </el-button>\n </div>\n </div>\n </el-focus-trap>\n </div>\n </el-overlay>\n </transition>\n</template>\n\n<script lang=\"ts\">\nimport {\n computed,\n defineComponent,\n markRaw,\n nextTick,\n onBeforeUnmount,\n onMounted,\n reactive,\n ref,\n toRefs,\n watch,\n} from 'vue'\nimport ElButton from '@element-plus/components/button'\nimport { TrapFocus } from '@element-plus/directives'\nimport {\n useDraggable,\n useId,\n useLockscreen,\n useSameTarget,\n} from '@element-plus/hooks'\nimport ElInput from '@element-plus/components/input'\nimport { ElOverlay } from '@element-plus/components/overlay'\nimport {\n TypeComponents,\n TypeComponentsMap,\n isFunction,\n isString,\n isValidComponentSize,\n} from '@element-plus/utils'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { Loading } from '@element-plus/icons-vue'\nimport ElFocusTrap from '@element-plus/components/focus-trap'\nimport { useGlobalComponentSettings } from '@element-plus/components/config-provider'\n\nimport type { ComponentPublicInstance, PropType } from 'vue'\nimport type { ComponentSize } from '@element-plus/constants'\nimport type {\n Action,\n MessageBoxState,\n MessageBoxType,\n} from './message-box.type'\nimport type { InputInstance } from '@element-plus/components/input'\n\nexport default defineComponent({\n name: 'ElMessageBox',\n directives: {\n TrapFocus,\n },\n components: {\n ElButton,\n ElFocusTrap,\n ElInput,\n ElOverlay,\n ElIcon,\n ...TypeComponents,\n },\n inheritAttrs: false,\n props: {\n buttonSize: {\n type: String as PropType<ComponentSize>,\n validator: isValidComponentSize,\n },\n modal: {\n type: Boolean,\n default: true,\n },\n lockScroll: {\n type: Boolean,\n default: true,\n },\n showClose: {\n type: Boolean,\n default: true,\n },\n closeOnClickModal: {\n type: Boolean,\n default: true,\n },\n closeOnPressEscape: {\n type: Boolean,\n default: true,\n },\n closeOnHashChange: {\n type: Boolean,\n default: true,\n },\n center: Boolean,\n draggable: Boolean,\n overflow: Boolean,\n roundButton: Boolean,\n container: {\n type: String, // default append to body\n default: 'body',\n },\n boxType: {\n type: String as PropType<MessageBoxType>,\n default: '',\n },\n },\n emits: ['vanish', 'action'],\n setup(props, { emit }) {\n // const popup = usePopup(props, doClose)\n const {\n locale,\n zIndex,\n ns,\n size: btnSize,\n } = useGlobalComponentSettings(\n 'message-box',\n computed(() => props.buttonSize)\n )\n\n const { t } = locale\n const { nextZIndex } = zIndex\n\n const visible = ref(false)\n // s represents state\n const state = reactive<MessageBoxState>({\n // autofocus element when open message-box\n autofocus: true,\n beforeClose: null,\n callback: null,\n cancelButtonText: '',\n cancelButtonClass: '',\n confirmButtonText: '',\n confirmButtonClass: '',\n cancelButtonType: '',\n confirmButtonType: 'primary',\n customClass: '',\n customStyle: {},\n dangerouslyUseHTMLString: false,\n distinguishCancelAndClose: false,\n icon: '',\n closeIcon: '',\n inputPattern: null,\n inputPlaceholder: '',\n inputType: 'text',\n inputValue: '',\n inputValidator: undefined,\n inputErrorMessage: '',\n message: '',\n modalFade: true,\n modalClass: '',\n showCancelButton: false,\n showConfirmButton: true,\n type: '',\n title: undefined,\n showInput: false,\n action: '' as Action,\n confirmButtonLoading: false,\n cancelButtonLoading: false,\n confirmButtonLoadingIcon: markRaw(Loading),\n cancelButtonLoadingIcon: markRaw(Loading),\n confirmButtonDisabled: false,\n editorErrorMessage: '',\n // refer to: https://github.com/ElemeFE/element/commit/2999279ae34ef10c373ca795c87b020ed6753eed\n // seemed ok for now without this state.\n // isOnComposition: false, // temporary remove\n validateError: false,\n zIndex: nextZIndex(),\n })\n\n const typeClass = computed(() => {\n const type = state.type\n return { [ns.bm('icon', type)]: type && TypeComponentsMap[type] }\n })\n\n const contentId = useId()\n const inputId = useId()\n\n const iconComponent = computed(() => {\n const type = state.type\n return state.icon \|\| (type && TypeComponentsMap[type]) \|\| ''\n })\n const hasMessage = computed(() => !!state.message)\n const rootRef = ref<HTMLElement>()\n const headerRef = ref<HTMLElement>()\n const focusStartRef = ref<HTMLElement>()\n const inputRef = ref<InputInstance>()\n const confirmRef = ref<ComponentPublicInstance>()\n\n const confirmButtonClasses = computed(() => state.confirmButtonClass)\n\n watch(\n () => state.inputValue,\n async (val) => {\n await nextTick()\n if (props.boxType === 'prompt' && val) {\n validate()\n }\n },\n { immediate: true }\n )\n\n watch(\n () => visible.value,\n (val) => {\n if (val) {\n if (props.boxType !== 'prompt') {\n if (state.autofocus) {\n focusStartRef.value = confirmRef.value?.$el ?? rootRef.value\n } else {\n focusStartRef.value = rootRef.value\n }\n }\n state.zIndex = nextZIndex()\n }\n if (props.boxType !== 'prompt') return\n if (val) {\n nextTick().then(() => {\n if (inputRef.value && inputRef.value.$el) {\n if (state.autofocus) {\n focusStartRef.value = getInputElement() ?? rootRef.value\n } else {\n focusStartRef.value = rootRef.value\n }\n }\n })\n } else {\n state.editorErrorMessage = ''\n state.validateError = false\n }\n }\n )\n\n const draggable = computed(() => props.draggable)\n const overflow = computed(() => props.overflow)\n const { isDragging } = useDraggable(rootRef, headerRef, draggable, overflow)\n\n onMounted(async () => {\n await nextTick()\n if (props.closeOnHashChange) {\n window.addEventListener('hashchange', doClose)\n }\n })\n\n onBeforeUnmount(() => {\n if (props.closeOnHashChange) {\n window.removeEventListener('hashchange', doClose)\n }\n })\n\n function doClose() {\n if (!visible.value) return\n visible.value = false\n nextTick(() => {\n if (state.action) emit('action', state.action)\n })\n }\n\n const handleWrapperClick = () => {\n if (props.closeOnClickModal) {\n handleAction(state.distinguishCancelAndClose ? 'close' : 'cancel')\n }\n }\n\n const overlayEvent = useSameTarget(handleWrapperClick)\n\n const handleInputEnter = (e: KeyboardEvent \| Event) => {\n if (state.inputType !== 'textarea' && !inputRef.value?.isComposing) {\n e.preventDefault()\n return handleAction('confirm')\n }\n }\n\n const handleAction = (action: Action) => {\n if (props.boxType === 'prompt' && action === 'confirm' && !validate()) {\n return\n }\n\n state.action = action\n\n if (state.beforeClose) {\n state.beforeClose?.(action, state, doClose)\n } else {\n doClose()\n }\n }\n\n const validate = () => {\n if (props.boxType === 'prompt') {\n const inputPattern = state.inputPattern\n if (inputPattern && !inputPattern.test(state.inputValue \|\| '')) {\n state.editorErrorMessage =\n state.inputErrorMessage \|\| t('el.messagebox.error')\n state.validateError = true\n return false\n }\n const inputValidator = state.inputValidator\n if (isFunction(inputValidator)) {\n const validateResult = inputValidator(state.inputValue)\n if (validateResult === false) {\n state.editorErrorMessage =\n state.inputErrorMessage \|\| t('el.messagebox.error')\n state.validateError = true\n return false\n }\n if (isString(validateResult)) {\n state.editorErrorMessage = validateResult\n state.validateError = true\n return false\n }\n }\n }\n state.editorErrorMessage = ''\n state.validateError = false\n return true\n }\n\n const getInputElement = () => {\n const inputRefs = inputRef.value?.$refs\n return (inputRefs?.input ?? inputRefs?.textarea) as HTMLElement\n }\n\n const handleClose = () => {\n handleAction('close')\n }\n\n // when close on press escape is disabled, pressing esc should not callout\n // any other message box and close any other dialog-ish elements\n // e.g. Dialog has a close on press esc feature, and when it closes, it calls\n // props.beforeClose method to make a intermediate state by callout a message box\n // for some verification or alerting. then if we allow global event like this\n // to dispatch, it could callout another message box.\n const onCloseRequested = () => {\n if (props.closeOnPressEscape) {\n handleClose()\n }\n }\n\n // locks the screen to prevent scroll\n if (props.lockScroll) {\n useLockscreen(visible, { ns })\n }\n\n return {\n ...toRefs(state),\n ns,\n overlayEvent,\n visible,\n hasMessage,\n typeClass,\n contentId,\n inputId,\n btnSize,\n iconComponent,\n confirmButtonClasses,\n rootRef,\n focusStartRef,\n headerRef,\n inputRef,\n isDragging,\n confirmRef,\n doClose, // for outside usage\n handleClose, // for out side usage\n onCloseRequested,\n handleWrapperClick,\n handleInputEnter,\n handleAction,\n t,\n }\n },\n})\n</script>\n"],"mappings":"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"}

package/lib/components/notification/src/notification.vue.d.ts CHANGED Viewed

@@ -16,16 +16,16 @@ declare const __VLS_base: _$vue.DefineComponent<NotificationProps, {
 }, string, _$vue.PublicProps, Readonly<NotificationProps> & Readonly<{
   onDestroy?: (() => any) | undefined;
 }>, {
+  title: string;
   type: NotificationType;
-  message: string | _$vue.VNode | (() => _$vue.VNode);
   offset: number;
-  position: NotificationPosition;
-  title: string;
-  id: string;
+  duration: number;
   onClick: () => void;
+  id: string;
+  position: NotificationPosition;
+  message: string | _$vue.VNode | (() => _$vue.VNode);
   closeIcon: IconPropType;
   showClose: boolean;
-  duration: number;
   customClass: string;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/lib/components/pagination/src/components/sizes.vue.d.ts CHANGED Viewed

@@ -65,8 +65,8 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
 }>> & Readonly<{
   "onPage-size-change"?: ((...args: any[]) => any) | undefined;
 }>, {
-  readonly teleported: boolean;
   readonly disabled: boolean;
+  readonly teleported: boolean;
   readonly pageSizes: number[];
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
 declare const _default: typeof __VLS_export;

package/lib/components/pagination/src/pagination.d.ts CHANGED Viewed

@@ -134,11 +134,11 @@ declare const _default: _$vue.DefineComponent<ExtractPropTypes<{
   "onPrev-click"?: ((val: number) => any) | undefined;
   "onNext-click"?: ((val: number) => any) | undefined;
 }>, {
-  readonly small: boolean;
-  readonly teleported: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly disabled: boolean;
+  readonly small: boolean;
   readonly layout: string;
   readonly popperClass: string;
+  readonly teleported: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly background: boolean;
   readonly pagerCount: number;
   readonly pageSizes: number[];

package/lib/components/popconfirm/src/popconfirm.d.ts CHANGED Viewed

@@ -79,8 +79,8 @@ declare const popconfirmProps: {
   readonly title: StringConstructor;
   readonly confirmButtonText: StringConstructor;
   readonly cancelButtonText: StringConstructor;
-  readonly confirmButtonType: EpPropFinalized<StringConstructor, "" | "default" | "info" | "primary" | "success" | "warning" | "text" | "danger", unknown, "primary", boolean>;
-  readonly cancelButtonType: EpPropFinalized<StringConstructor, "" | "default" | "info" | "primary" | "success" | "warning" | "text" | "danger", unknown, "text", boolean>;
+  readonly confirmButtonType: EpPropFinalized<StringConstructor, "" | "info" | "default" | "primary" | "success" | "warning" | "text" | "danger", unknown, "primary", boolean>;
+  readonly cancelButtonType: EpPropFinalized<StringConstructor, "" | "info" | "default" | "primary" | "success" | "warning" | "text" | "danger", unknown, "text", boolean>;
   readonly icon: EpPropFinalized<(new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component) | (((new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component)) | null)[], unknown, unknown, () => _$vue.DefineComponent<{}, void, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>, boolean>;
   readonly iconColor: EpPropFinalized<StringConstructor, unknown, unknown, "#f90", boolean>;
   readonly hideIcon: BooleanConstructor;

package/lib/components/popconfirm/src/popconfirm.vue.d.ts CHANGED Viewed

@@ -18,15 +18,15 @@ declare const __VLS_base: _$vue.DefineComponent<PopconfirmProps, {
   popperRef: _$vue.ComputedRef<PopperInstance | undefined>;
   hide: () => void;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  confirm: (e: MouseEvent) => void;
   cancel: (e: MouseEvent) => void;
+  confirm: (e: MouseEvent) => void;
 }, string, _$vue.PublicProps, Readonly<PopconfirmProps> & Readonly<{
-  onConfirm?: ((e: MouseEvent) => any) | undefined;
   onCancel?: ((e: MouseEvent) => any) | undefined;
+  onConfirm?: ((e: MouseEvent) => any) | undefined;
 }>, {
-  teleported: boolean;
   effect: PopperEffect;
   icon: IconPropType;
+  teleported: boolean;
   hideAfter: number;
   width: string | number;
   confirmButtonType: ButtonType;

package/lib/components/popover/src/popover.d.ts CHANGED Viewed

@@ -112,9 +112,9 @@ interface PopoverProps {
  * @deprecated Removed after 3.0.0, Use `PopoverProps` instead.
  */
 declare const popoverProps: {
-  readonly trigger: EpPropFinalized<(new (...args: any[]) => "focus" | "hover" | "click" | "contextmenu" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>) | (((new (...args: any[]) => "focus" | "hover" | "click" | "contextmenu" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>)) | null)[], unknown, unknown, "hover", boolean>;
+  readonly trigger: EpPropFinalized<(new (...args: any[]) => "click" | "focus" | "hover" | "contextmenu" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>) | (((new (...args: any[]) => "click" | "focus" | "hover" | "contextmenu" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>)) | null)[], unknown, unknown, "hover", boolean>;
   readonly triggerKeys: EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | (((new (...args: any[]) => string[]) | (() => string[])) | null)[], unknown, unknown, () => string[], boolean>;
-  readonly placement: EpPropFinalized<(new (...args: any[]) => "left" | "right" | "top" | "auto" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement$1) | (((new (...args: any[]) => "left" | "right" | "top" | "auto" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement$1)) | null)[], unknown, unknown, "bottom", boolean>;
+  readonly placement: EpPropFinalized<(new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement$1) | (((new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement$1)) | null)[], unknown, unknown, "bottom", boolean>;
   readonly disabled: BooleanConstructor;
   readonly visible: EpPropFinalized<(new (...args: any[]) => boolean) | (() => boolean | null) | (((new (...args: any[]) => boolean) | (() => boolean | null)) | null)[], unknown, unknown, null, boolean>;
   readonly transition: StringConstructor;

package/lib/components/popover/src/popover.vue.d.ts CHANGED Viewed

@@ -30,9 +30,8 @@ declare const __VLS_base: _$vue.DefineComponent<PopoverProps, {
   "onAfter-enter"?: (() => any) | undefined;
   "onAfter-leave"?: (() => any) | undefined;
 }>, {
-  offset: number;
-  teleported: boolean;
   effect: PopperEffect;
+  offset: number;
   tabindex: string | number;
   visible: boolean | null;
   content: string;
@@ -42,6 +41,7 @@ declare const __VLS_base: _$vue.DefineComponent<PopoverProps, {
   popperOptions: Partial<Options>;
   showArrow: boolean;
   persistent: boolean;
+  teleported: boolean;
   showAfter: number;
   hideAfter: number;
   autoClose: number;

package/lib/components/popper/src/composables/use-content.d.ts CHANGED Viewed

@@ -51,11 +51,11 @@ declare const usePopperContent: (props: PopperContentProps) => {
         popperEscapeOffsets: _$_popperjs_core0.SideObject;
       };
       offset?: {
+        auto?: _$_popperjs_core0.Offsets | undefined;
         left?: _$_popperjs_core0.Offsets | undefined;
         right?: _$_popperjs_core0.Offsets | undefined;
-        top?: _$_popperjs_core0.Offsets | undefined;
-        auto?: _$_popperjs_core0.Offsets | undefined;
         bottom?: _$_popperjs_core0.Offsets | undefined;
+        top?: _$_popperjs_core0.Offsets | undefined;
         "auto-start"?: _$_popperjs_core0.Offsets | undefined;
         "auto-end"?: _$_popperjs_core0.Offsets | undefined;
         "top-start"?: _$_popperjs_core0.Offsets | undefined;

package/lib/components/popper/src/composables/use-focus-trap.d.ts CHANGED Viewed

@@ -4,7 +4,7 @@ import { SetupContext } from "vue";
 //#region ../../packages/components/popper/src/composables/use-focus-trap.d.ts
 declare const usePopperContentFocusTrap: (props: PopperContentProps, emit: SetupContext<PopperContentEmits>["emit"]) => {
-  focusStartRef: _$vue.Ref<HTMLElement | "first" | "container" | undefined, HTMLElement | "first" | "container" | undefined>;
+  focusStartRef: _$vue.Ref<HTMLElement | "container" | "first" | undefined, HTMLElement | "container" | "first" | undefined>;
   trapped: _$vue.Ref<boolean, boolean>;
   onFocusAfterReleased: (event: CustomEvent) => void;
   onFocusAfterTrapped: () => void;

package/lib/components/popper/src/content.vue.d.ts CHANGED Viewed

@@ -39,8 +39,8 @@ declare const __VLS_base: _$vue.DefineComponent<PopperContentProps, {
   onMouseleave?: ((evt: MouseEvent) => any) | undefined;
   onMouseenter?: ((evt: MouseEvent) => any) | undefined;
 }>, {
-  offset: number;
   effect: PopperEffect;
+  offset: number;
   visible: boolean;
   style: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
   enterable: boolean;

package/lib/components/popper/src/popper.d.ts CHANGED Viewed

@@ -22,7 +22,7 @@ interface PopperProps {
  * @deprecated Removed after 3.0.0, Use `PopperProps` instead.
  */
 declare const popperProps: {
-  readonly role: EpPropFinalized<StringConstructor, "dialog" | "listbox" | "grid" | "menu" | "tooltip" | "group" | "navigation" | "tree", unknown, "tooltip", boolean>;
+  readonly role: EpPropFinalized<StringConstructor, "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "group" | "navigation" | "tree", unknown, "tooltip", boolean>;
 };
 /**
  * @deprecated Removed after 3.0.0, Use `PopperProps` instead.
@@ -31,7 +31,7 @@ type PopperPropsPublic = ExtractPublicPropTypes<typeof popperProps>;
 type PopperInstance = InstanceType<typeof _default> & unknown;
 /** @deprecated use `popperProps` instead, and it will be deprecated in the next major version */
 declare const usePopperProps: {
-  readonly role: EpPropFinalized<StringConstructor, "dialog" | "listbox" | "grid" | "menu" | "tooltip" | "group" | "navigation" | "tree", unknown, "tooltip", boolean>;
+  readonly role: EpPropFinalized<StringConstructor, "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "group" | "navigation" | "tree", unknown, "tooltip", boolean>;
 };
 /** @deprecated use `PopperProps` instead, and it will be deprecated in the next major version */
 type UsePopperProps = PopperProps;

package/lib/components/progress/src/progress.vue.d.ts CHANGED Viewed

@@ -14,6 +14,7 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: _$vue.DefineComponent<ProgressProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<ProgressProps> & Readonly<{}>, {
   type: "line" | "circle" | "dashboard";
+  duration: number;
   color: string | ProgressColor[] | ProgressFn;
   strokeLinecap: NonNullable<_$vue.SVGAttributes["stroke-linecap"]>;
   strokeWidth: number;
@@ -21,7 +22,6 @@ declare const __VLS_base: _$vue.DefineComponent<ProgressProps, {}, {}, {}, {}, _
   format: ProgressFn;
   percentage: number;
   status: "" | "success" | "exception" | "warning";
-  duration: number;
   showText: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/lib/components/radio/src/radio-button.d.ts CHANGED Viewed

@@ -10,7 +10,7 @@ interface RadioButtonProps extends RadioPropsBase {}
  * @deprecated Removed after 3.0.0, Use `RadioButtonProps` instead.
  */
 declare const radioButtonProps: {
-  readonly modelValue: EpPropFinalized<(BooleanConstructor | StringConstructor | NumberConstructor)[], unknown, unknown, undefined, boolean>;
+  readonly modelValue: EpPropFinalized<(BooleanConstructor | NumberConstructor | StringConstructor)[], unknown, unknown, undefined, boolean>;
   readonly size: {
     readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
     readonly required: false;
@@ -18,8 +18,8 @@ declare const radioButtonProps: {
     __epPropKey: true;
   };
   readonly disabled: EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
-  readonly label: EpPropFinalized<(BooleanConstructor | StringConstructor | NumberConstructor)[], unknown, unknown, undefined, boolean>;
-  readonly value: EpPropFinalized<(BooleanConstructor | StringConstructor | NumberConstructor)[], unknown, unknown, undefined, boolean>;
+  readonly label: EpPropFinalized<(BooleanConstructor | NumberConstructor | StringConstructor)[], unknown, unknown, undefined, boolean>;
+  readonly value: EpPropFinalized<(BooleanConstructor | NumberConstructor | StringConstructor)[], unknown, unknown, undefined, boolean>;
   readonly name: EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
 };
 /**

package/lib/components/radio/src/radio-group.vue.d.ts CHANGED Viewed

@@ -10,11 +10,11 @@ declare const __VLS_base: _$vue.DefineComponent<RadioGroupProps, {}, {}, {}, {},
   "update:modelValue": (val: string | number | boolean | undefined) => void;
   change: (val: string | number | boolean | undefined) => void;
 }, string, _$vue.PublicProps, Readonly<RadioGroupProps> & Readonly<{
-  "onUpdate:modelValue"?: ((val: string | number | boolean | undefined) => any) | undefined;
   onChange?: ((val: string | number | boolean | undefined) => any) | undefined;
+  "onUpdate:modelValue"?: ((val: string | number | boolean | undefined) => any) | undefined;
 }>, {
-  type: "radio" | "button";
   fill: string;
+  type: "radio" | "button";
   props: radioOptionProp;
   id: string;
   disabled: boolean;

package/lib/components/radio/src/radio.d.ts CHANGED Viewed

@@ -41,7 +41,7 @@ interface RadioProps extends RadioPropsBase {
  * @deprecated Removed after 3.0.0, Use `RadioPropsBase` instead.
  */
 declare const radioPropsBase: {
-  modelValue: EpPropFinalized<(BooleanConstructor | StringConstructor | NumberConstructor)[], unknown, unknown, undefined, boolean>;
+  modelValue: EpPropFinalized<(BooleanConstructor | NumberConstructor | StringConstructor)[], unknown, unknown, undefined, boolean>;
   size: {
     readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
     readonly required: false;
@@ -49,8 +49,8 @@ declare const radioPropsBase: {
     __epPropKey: true;
   };
   disabled: EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
-  label: EpPropFinalized<(BooleanConstructor | StringConstructor | NumberConstructor)[], unknown, unknown, undefined, boolean>;
-  value: EpPropFinalized<(BooleanConstructor | StringConstructor | NumberConstructor)[], unknown, unknown, undefined, boolean>;
+  label: EpPropFinalized<(BooleanConstructor | NumberConstructor | StringConstructor)[], unknown, unknown, undefined, boolean>;
+  value: EpPropFinalized<(BooleanConstructor | NumberConstructor | StringConstructor)[], unknown, unknown, undefined, boolean>;
   name: EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
 };
 /**
@@ -58,7 +58,7 @@ declare const radioPropsBase: {
  */
 declare const radioProps: {
   readonly border: BooleanConstructor;
-  readonly modelValue: EpPropFinalized<(BooleanConstructor | StringConstructor | NumberConstructor)[], unknown, unknown, undefined, boolean>;
+  readonly modelValue: EpPropFinalized<(BooleanConstructor | NumberConstructor | StringConstructor)[], unknown, unknown, undefined, boolean>;
   readonly size: {
     readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
     readonly required: false;
@@ -66,8 +66,8 @@ declare const radioProps: {
     __epPropKey: true;
   };
   readonly disabled: EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
-  readonly label: EpPropFinalized<(BooleanConstructor | StringConstructor | NumberConstructor)[], unknown, unknown, undefined, boolean>;
-  readonly value: EpPropFinalized<(BooleanConstructor | StringConstructor | NumberConstructor)[], unknown, unknown, undefined, boolean>;
+  readonly label: EpPropFinalized<(BooleanConstructor | NumberConstructor | StringConstructor)[], unknown, unknown, undefined, boolean>;
+  readonly value: EpPropFinalized<(BooleanConstructor | NumberConstructor | StringConstructor)[], unknown, unknown, undefined, boolean>;
   readonly name: EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
 };
 declare const radioEmits: {

package/lib/components/radio/src/radio.vue.d.ts CHANGED Viewed

@@ -10,8 +10,8 @@ declare const __VLS_base: _$vue.DefineComponent<RadioProps, {}, {}, {}, {}, _$vu
   "update:modelValue": (val: string | number | boolean | undefined) => void;
   change: (val: string | number | boolean | undefined) => void;
 }, string, _$vue.PublicProps, Readonly<RadioProps> & Readonly<{
-  "onUpdate:modelValue"?: ((val: string | number | boolean | undefined) => any) | undefined;
   onChange?: ((val: string | number | boolean | undefined) => any) | undefined;
+  "onUpdate:modelValue"?: ((val: string | number | boolean | undefined) => any) | undefined;
 }>, {
   disabled: boolean;
   modelValue: string | number | boolean;

package/lib/components/rate/src/rate.vue.d.ts CHANGED Viewed

@@ -12,8 +12,8 @@ declare const __VLS_export: _$vue.DefineComponent<RateProps, {
   "update:modelValue": (value: number) => void;
   change: (value: number) => void;
 }, string, _$vue.PublicProps, Readonly<RateProps> & Readonly<{
-  "onUpdate:modelValue"?: ((value: number) => any) | undefined;
   onChange?: ((value: number) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: number) => any) | undefined;
 }>, {
   id: string;
   disabled: boolean;

package/lib/components/roving-focus-group/src/roving-focus-group-impl.vue.d.ts CHANGED Viewed

@@ -16,7 +16,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   loop: BooleanConstructor;
   dir: EpPropFinalized<StringConstructor, string, unknown, string, boolean>;
   orientation: {
-    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "horizontal" | "vertical") | (() => "horizontal" | "vertical" | undefined) | (((new (...args: any[]) => "horizontal" | "vertical") | (() => "horizontal" | "vertical" | undefined)) | null)[], unknown, unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "vertical" | "horizontal") | (() => "vertical" | "horizontal" | undefined) | (((new (...args: any[]) => "vertical" | "horizontal") | (() => "vertical" | "horizontal" | undefined)) | null)[], unknown, unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -36,7 +36,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   loop: BooleanConstructor;
   dir: EpPropFinalized<StringConstructor, string, unknown, string, boolean>;
   orientation: {
-    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "horizontal" | "vertical") | (() => "horizontal" | "vertical" | undefined) | (((new (...args: any[]) => "horizontal" | "vertical") | (() => "horizontal" | "vertical" | undefined)) | null)[], unknown, unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "vertical" | "horizontal") | (() => "vertical" | "horizontal" | undefined) | (((new (...args: any[]) => "vertical" | "horizontal") | (() => "vertical" | "horizontal" | undefined)) | null)[], unknown, unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;

package/lib/components/roving-focus-group/src/roving-focus-group.d.ts CHANGED Viewed

@@ -16,7 +16,7 @@ declare const rovingFocusGroupProps: {
   loop: BooleanConstructor;
   dir: EpPropFinalized<StringConstructor, string, unknown, string, boolean>;
   orientation: {
-    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "horizontal" | "vertical") | (() => "horizontal" | "vertical" | undefined) | (((new (...args: any[]) => "horizontal" | "vertical") | (() => "horizontal" | "vertical" | undefined)) | null)[], unknown, unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "vertical" | "horizontal") | (() => "vertical" | "horizontal" | undefined) | (((new (...args: any[]) => "vertical" | "horizontal") | (() => "vertical" | "horizontal" | undefined)) | null)[], unknown, unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;

package/lib/components/roving-focus-group/src/roving-focus-group.vue.d.ts CHANGED Viewed

@@ -32,7 +32,7 @@ declare const __VLS_export: _$vue.DefineComponent<{}, {}, {}, {}, {}, _$vue.Comp
     loop: BooleanConstructor;
     dir: EpPropFinalized<StringConstructor, string, unknown, string, boolean>;
     orientation: {
-      readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "horizontal" | "vertical") | (() => "horizontal" | "vertical" | undefined) | (((new (...args: any[]) => "horizontal" | "vertical") | (() => "horizontal" | "vertical" | undefined)) | null)[], unknown, unknown>>;
+      readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "vertical" | "horizontal") | (() => "vertical" | "horizontal" | undefined) | (((new (...args: any[]) => "vertical" | "horizontal") | (() => "vertical" | "horizontal" | undefined)) | null)[], unknown, unknown>>;
       readonly required: false;
       readonly validator: ((val: unknown) => boolean) | undefined;
       __epPropKey: true;
@@ -52,7 +52,7 @@ declare const __VLS_export: _$vue.DefineComponent<{}, {}, {}, {}, {}, _$vue.Comp
     loop: BooleanConstructor;
     dir: EpPropFinalized<StringConstructor, string, unknown, string, boolean>;
     orientation: {
-      readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "horizontal" | "vertical") | (() => "horizontal" | "vertical" | undefined) | (((new (...args: any[]) => "horizontal" | "vertical") | (() => "horizontal" | "vertical" | undefined)) | null)[], unknown, unknown>>;
+      readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "vertical" | "horizontal") | (() => "vertical" | "horizontal" | undefined) | (((new (...args: any[]) => "vertical" | "horizontal") | (() => "vertical" | "horizontal" | undefined)) | null)[], unknown, unknown>>;
       readonly required: false;
       readonly validator: ((val: unknown) => boolean) | undefined;
       __epPropKey: true;

package/lib/components/row/src/row.d.ts CHANGED Viewed

@@ -32,7 +32,7 @@ declare const rowProps: {
   readonly gutter: EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
   readonly justify: EpPropFinalized<StringConstructor, "center" | "space-around" | "space-between" | "space-evenly" | "end" | "start", unknown, "start", boolean>;
   readonly align: {
-    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "top" | "bottom" | "middle", unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "middle" | "bottom" | "top", unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;

package/lib/components/segmented/index.d.ts CHANGED Viewed

@@ -25,8 +25,8 @@ declare const ElSegmented: (<T extends Option = Option>(__VLS_props: NonNullable
     id?: string | undefined;
     name?: string | undefined;
     ariaLabel?: string | undefined;
-    "onUpdate:modelValue"?: ((val: any) => any) | undefined;
     onChange?: ((val: any) => any) | undefined;
+    "onUpdate:modelValue"?: ((val: any) => any) | undefined;
   } & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
@@ -42,7 +42,7 @@ declare const ElSegmented: (<T extends Option = Option>(__VLS_props: NonNullable
   __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
 }) & _$vue.ObjectPlugin & {
   setPropsDefaults: (defaults: {
-    direction?: "horizontal" | "vertical" | (() => "horizontal" | "vertical") | undefined;
+    direction?: "vertical" | "horizontal" | (() => "vertical" | "horizontal") | undefined;
     options?: (() => Option[]) | undefined;
     modelValue?: string | number | boolean | (() => string | number | boolean) | undefined;
     props?: (() => Props) | undefined;

package/lib/components/segmented/src/segmented.d.ts CHANGED Viewed

@@ -61,9 +61,9 @@ interface SegmentedProps<T extends Option = Option> {
  */
 declare const segmentedProps: {
   ariaLabel: StringConstructor;
-  direction: EpPropFinalized<(new (...args: any[]) => "horizontal" | "vertical") | (() => "horizontal" | "vertical") | (((new (...args: any[]) => "horizontal" | "vertical") | (() => "horizontal" | "vertical")) | null)[], unknown, unknown, string, boolean>;
+  direction: EpPropFinalized<(new (...args: any[]) => "vertical" | "horizontal") | (() => "vertical" | "horizontal") | (((new (...args: any[]) => "vertical" | "horizontal") | (() => "vertical" | "horizontal")) | null)[], unknown, unknown, string, boolean>;
   options: EpPropFinalized<(new (...args: any[]) => Option[]) | (() => Option[]) | (((new (...args: any[]) => Option[]) | (() => Option[])) | null)[], unknown, unknown, () => never[], boolean>;
-  modelValue: EpPropFinalized<(BooleanConstructor | StringConstructor | NumberConstructor)[], unknown, unknown, undefined, boolean>;
+  modelValue: EpPropFinalized<(BooleanConstructor | NumberConstructor | StringConstructor)[], unknown, unknown, undefined, boolean>;
   props: EpPropFinalized<(new (...args: any[]) => Props) | (() => Props) | (((new (...args: any[]) => Props) | (() => Props)) | null)[], unknown, unknown, () => Required<Props>, boolean>;
   block: BooleanConstructor;
   size: {

package/lib/components/segmented/src/segmented.vue.d.ts CHANGED Viewed

@@ -5,8 +5,8 @@ import * as _$vue from "vue";
 //#region ../../packages/components/segmented/src/segmented.vue.d.ts
 declare const __VLS_export: <T extends Option = Option>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
   props: _$vue.PublicProps & __VLS_PrettifyLocal<SegmentedProps<T> & {
-    "onUpdate:modelValue"?: ((val: any) => any) | undefined;
     onChange?: ((val: any) => any) | undefined;
+    "onUpdate:modelValue"?: ((val: any) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});