npm - element-plus - Versions diffs - 2.13.6 → 2.13.7 - Mend

element-plus 2.13.6 → 2.13.7

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 (870) hide show

package/lib/components/message/src/message.vue_vue_type_script_setup_true_lang.js CHANGED Viewed

@@ -38,7 +38,7 @@ var message_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vu
 		const placement = (0, vue.computed)(() => props.placement || require_message.MESSAGE_DEFAULT_PLACEMENT);
 		const lastOffset = (0, vue.computed)(() => require_instance.getLastOffset(props.id, placement.value));
 		const offset = (0, vue.computed)(() => {
-			return require_instance.getOffsetOrSpace(props.id, props.offset, placement.value) + lastOffset.value;
+			return Math.max(require_instance.getOffsetOrSpace(props.id, props.offset, placement.value) + lastOffset.value, props.offset);
 		});
 		const bottom = (0, vue.computed)(() => height.value + offset.value);
 		const horizontalClass = (0, vue.computed)(() => {

package/lib/components/message/src/message.vue_vue_type_script_setup_true_lang.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"message.vue_vue_type_script_setup_true_lang.js","names":["$emit"],"sources":["../../../../../../packages/components/message/src/message.vue"],"sourcesContent":["<template>\n <transition\n :name=\"ns.b('fade')\"\n @before-enter=\"isStartTransition = true\"\n @before-leave=\"onClose\"\n @after-leave=\"$emit('destroy')\"\n >\n <div\n v-show=\"visible\"\n :id=\"id\"\n ref=\"messageRef\"\n :class=\"[\n ns.b(),\n { [ns.m(type)]: type },\n ns.is('closable', showClose),\n ns.is('plain', plain),\n ns.is('bottom', verticalProperty === 'bottom'),\n horizontalClass,\n customClass,\n ]\"\n :style=\"customStyle\"\n role=\"alert\"\n @mouseenter=\"clearTimer\"\n @mouseleave=\"startTimer\"\n >\n <el-badge\n v-if=\"repeatNum > 1\"\n :value=\"repeatNum\"\n :type=\"badgeType\"\n :class=\"ns.e('badge')\"\n />\n <el-icon v-if=\"iconComponent\" :class=\"[ns.e('icon'), typeClass]\">\n <component :is=\"iconComponent\" />\n </el-icon>\n <slot>\n <p v-if=\"!dangerouslyUseHTMLString\" :class=\"ns.e('content')\">\n {{ message }}\n </p>\n <!-- Caution here, message could've been compromised, never use user's input as message -->\n <p v-else :class=\"ns.e('content')\" v-html=\"message\" />\n </slot>\n <el-icon v-if=\"showClose\" :class=\"ns.e('closeBtn')\" @click.stop=\"close\">\n <Close />\n </el-icon>\n </div>\n </transition>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, nextTick, onMounted, ref, watch } from 'vue'\nimport { useEventListener, useResizeObserver, useTimeoutFn } from '@vueuse/core'\nimport {\n TypeComponents,\n TypeComponentsMap,\n getEventCode,\n} from '@element-plus/utils'\nimport { EVENT_CODE } from '@element-plus/constants'\nimport ElBadge from '@element-plus/components/badge'\nimport { useGlobalComponentSettings } from '@element-plus/components/config-provider'\nimport { ElIcon } from '@element-plus/components/icon'\nimport {\n MESSAGE_DEFAULT_PLACEMENT,\n messageDefaults,\n messageEmits,\n} from './message'\nimport { getLastOffset, getOffsetOrSpace } from './instance'\nimport { omit } from 'lodash-unified'\n\nimport type { BadgeProps } from '@element-plus/components/badge'\nimport type { CSSProperties } from 'vue'\nimport type { MessageProps } from './message'\n\nconst { Close } = TypeComponents\n\ndefineOptions({\n name: 'ElMessage',\n})\n\nconst props = withDefaults(\n defineProps<MessageProps>(),\n omit(messageDefaults, 'appendTo')\n)\nconst emit = defineEmits(messageEmits)\n\nconst isStartTransition = ref(false)\n\nconst { ns, zIndex } = useGlobalComponentSettings('message')\nconst { currentZIndex, nextZIndex } = zIndex\n\nconst messageRef = ref<HTMLDivElement>()\nconst visible = ref(false)\nconst height = ref(0)\n\nlet stopTimer: (() => void) \| undefined = undefined\n\nconst badgeType = computed<BadgeProps['type']>(() =>\n props.type ? (props.type === 'error' ? 'danger' : props.type) : 'info'\n)\nconst typeClass = computed(() => {\n const type = props.type\n return { [ns.bm('icon', type)]: type && TypeComponentsMap[type] }\n})\nconst iconComponent = computed(\n () => props.icon \|\| TypeComponentsMap[props.type] \|\| ''\n)\n\nconst placement = computed(() => props.placement \|\| MESSAGE_DEFAULT_PLACEMENT)\n\nconst lastOffset = computed(() => getLastOffset(props.id, placement.value))\nconst offset = computed(() => {\n return (\n getOffsetOrSpace(props.id, props.offset, placement.value) + lastOffset.value\n )\n})\nconst bottom = computed(() => height.value + offset.value)\nconst horizontalClass = computed(() => {\n if (placement.value.includes('left')) return ns.is('left')\n if (placement.value.includes('right')) return ns.is('right')\n return ns.is('center')\n})\n\nconst verticalProperty = computed(() =>\n placement.value.startsWith('top') ? 'top' : 'bottom'\n)\n\nconst customStyle = computed<CSSProperties>(() => ({\n [verticalProperty.value]: `${offset.value}px`,\n zIndex: currentZIndex.value,\n}))\n\nfunction startTimer() {\n if (props.duration === 0) return\n ;({ stop: stopTimer } = useTimeoutFn(() => {\n close()\n }, props.duration))\n}\n\nfunction clearTimer() {\n stopTimer?.()\n}\n\nfunction close() {\n visible.value = false\n\n // if the message has never started a transition, we can destroy it immediately\n nextTick(() => {\n if (!isStartTransition.value) {\n props.onClose?.()\n emit('destroy')\n }\n })\n}\n\nfunction keydown(event: KeyboardEvent) {\n const code = getEventCode(event)\n if (code === EVENT_CODE.esc) {\n // press esc to close the message\n close()\n }\n}\n\nonMounted(() => {\n startTimer()\n nextZIndex()\n visible.value = true\n})\n\nwatch(\n () => props.repeatNum,\n () => {\n clearTimer()\n startTimer()\n }\n)\n\nuseEventListener(document, 'keydown', keydown)\n\nuseResizeObserver(messageRef, () => {\n height.value = messageRef.value!.getBoundingClientRect().height\n})\n\ndefineExpose({\n visible,\n bottom,\n close,\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EAwEA,MAAM,EAAE,UAAU;EAMlB,MAAM,QAAQ;EAId,MAAM,OAAO;EAEb,MAAM,iCAAwB,MAAK;EAEnC,MAAM,EAAE,IAAI,WAAW,qDAA2B,UAAS;EAC3D,MAAM,EAAE,eAAe,eAAe;EAEtC,MAAM,2BAAiC;EACvC,MAAM,uBAAc,MAAK;EACzB,MAAM,sBAAa,EAAC;EAEpB,IAAI,YAAsC;EAE1C,MAAM,oCACJ,MAAM,OAAQ,MAAM,SAAS,UAAU,WAAW,MAAM,OAAQ,OAClE;EACA,MAAM,oCAA2B;GAC/B,MAAM,OAAO,MAAM;AACnB,UAAO,GAAG,GAAG,GAAG,QAAQ,KAAK,GAAG,QAAQ,+BAAkB,OAAM;IACjE;EACD,MAAM,wCACE,MAAM,QAAQ,+BAAkB,MAAM,SAAS,GACvD;EAEA,MAAM,oCAA2B,MAAM,aAAa,0CAAyB;EAE7E,MAAM,qCAA4B,+BAAc,MAAM,IAAI,UAAU,MAAM,CAAA;EAC1E,MAAM,iCAAwB;AAC5B,~~UACE~~,kCAAiB,MAAM,IAAI,MAAM,QAAQ,UAAU,MAAM,~~GAAG~~,WAAW;~~IAE1E~~;EACD,MAAM,iCAAwB,OAAO,QAAQ,OAAO,MAAK;EACzD,MAAM,0CAAiC;AACrC,OAAI,UAAU,MAAM,SAAS,OAAO,CAAE,QAAO,GAAG,GAAG,OAAM;AACzD,OAAI,UAAU,MAAM,SAAS,QAAQ,CAAE,QAAO,GAAG,GAAG,QAAO;AAC3D,UAAO,GAAG,GAAG,SAAQ;IACtB;EAED,MAAM,2CACJ,UAAU,MAAM,WAAW,MAAM,GAAG,QAAQ,SAC9C;EAEA,MAAM,uCAA6C;IAChD,iBAAiB,QAAQ,GAAG,OAAO,MAAM;GAC1C,QAAQ,cAAc;GACvB,EAAC;EAEF,SAAS,aAAa;AACpB,OAAI,MAAM,aAAa,EAAG;AACzB,IAAC,CAAE,MAAM,kDAAiC;AACzC,WAAM;MACL,MAAM,SAAS;;EAGpB,SAAS,aAAa;AACpB,gBAAY;;EAGd,SAAS,QAAQ;AACf,WAAQ,QAAQ;AAGhB,2BAAe;AACb,QAAI,CAAC,kBAAkB,OAAO;AAC5B,WAAM,WAAU;AAChB,UAAK,UAAS;;KAEjB;;EAGH,SAAS,QAAQ,OAAsB;AAErC,OADa,2BAAa,MAAK,KAClB,wBAAW,IAEtB,QAAM;;AAIV,2BAAgB;AACd,eAAW;AACX,eAAW;AACX,WAAQ,QAAQ;IACjB;AAED,uBACQ,MAAM,iBACN;AACJ,eAAW;AACX,eAAW;IAEf;AAEA,qCAAiB,UAAU,WAAW,QAAO;AAE7C,sCAAkB,kBAAkB;AAClC,UAAO,QAAQ,WAAW,MAAO,uBAAuB,CAAC;IAC1D;AAED,WAAa;GACX;GACA;GACA;GACD,CAAA;;~~qDA5Ic~~,gBAAA;IA3CV,qBAAM,GAAE,CAAC,EAAC,OAAA;IACV,eAAY,OAAA,OAAA,OAAA,MAAA,WAAE,kBAAA,QAAiB;IAC/B,eAAc,QAAA;IACd,cAAW,OAAA,OAAA,OAAA,MAAA,WAAEA,KAAAA,MAAK,UAAA;IAJrB,WAAA;;oCA2CQ,qDAAA,OAAA;KAnCH,IAAI,QAAA;cACD;KAAJ,KAAI;KACH,+BAAK;qBAAY,GAAE,CAAC,GAAC;wBAAe,GAAE,CAAC,EAAE,QAAA,KAAI,GAAI,QAAA,MAAI;qBAAY,GAAE,CAAC,GAAE,YAAa,QAAA,UAAS;qBAAW,GAAE,CAAC,GAAE,SAAU,QAAA,MAAK;qBAAW,GAAE,CAAC,GAAE,UAAW,iBAAA,UAAgB,SAAA;MAAwB,gBAAA;MAAyB,QAAA;;KASvN,+BAAO,YAAA,MAAW;KACnB,MAAK;KACJ,cAAY;KACZ,cAAY;;KAGL,QAAA,YAAS,+DAIf,wBAAA,EAAA;;MAHC,OAAO,QAAA;MACP,MAAM,UAAA;MACN,8CAAO,GAAE,CAAC,EAAC,QAAA,CAAA;;;;;;KAEC,cAAA,mEAEL,qBAAA,EAAA;;MAFqB,+BAAK,gBAAG,GAAE,CAAC,EAAC,OAAA,EAAU,UAAA,MAAS,CAAA;;sCAC3B,8EAAjB,cAAA,MAAa,CAAA;;;yBAQxB,KAAA,QAAA,WAAA,EAAA,QAAA,EALK,QAAA,8EAEN,KAAA;;MAFiC,8CAAO,GAAE,CAAC,EAAC,UAAA,CAAA;iCAC3C,QAAA,QAAO,EAAA,EAAA,uDAG0C,cAAA,EAAA,KAAA,GAAA,EAAA,6BADtD,uFAA2F,8BACrC,KAAA;MAA3C,8CAAO,GAAE,CAAC,EAAC,UAAA,CAAA;MAAa,WAAQ,QAAA;;KAE9B,QAAA,uEAEL,qBAAA,EAAA;;MAFiB,8CAAO,GAAE,CAAC,EAAC,WAAA,CAAA;MAAe,gCAAY,OAAK,CAAA,OAAA,CAAA;;sCAC3D,qCAAA,MAAA,CAAA;;;qCAlCH,QAAA,MAAO"}
1	+ {"version":3,"file":"message.vue_vue_type_script_setup_true_lang.js","names":["$emit"],"sources":["../../../../../../packages/components/message/src/message.vue"],"sourcesContent":["<template>\n <transition\n :name=\"ns.b('fade')\"\n @before-enter=\"isStartTransition = true\"\n @before-leave=\"onClose\"\n @after-leave=\"$emit('destroy')\"\n >\n <div\n v-show=\"visible\"\n :id=\"id\"\n ref=\"messageRef\"\n :class=\"[\n ns.b(),\n { [ns.m(type)]: type },\n ns.is('closable', showClose),\n ns.is('plain', plain),\n ns.is('bottom', verticalProperty === 'bottom'),\n horizontalClass,\n customClass,\n ]\"\n :style=\"customStyle\"\n role=\"alert\"\n @mouseenter=\"clearTimer\"\n @mouseleave=\"startTimer\"\n >\n <el-badge\n v-if=\"repeatNum > 1\"\n :value=\"repeatNum\"\n :type=\"badgeType\"\n :class=\"ns.e('badge')\"\n />\n <el-icon v-if=\"iconComponent\" :class=\"[ns.e('icon'), typeClass]\">\n <component :is=\"iconComponent\" />\n </el-icon>\n <slot>\n <p v-if=\"!dangerouslyUseHTMLString\" :class=\"ns.e('content')\">\n {{ message }}\n </p>\n <!-- Caution here, message could've been compromised, never use user's input as message -->\n <p v-else :class=\"ns.e('content')\" v-html=\"message\" />\n </slot>\n <el-icon v-if=\"showClose\" :class=\"ns.e('closeBtn')\" @click.stop=\"close\">\n <Close />\n </el-icon>\n </div>\n </transition>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, nextTick, onMounted, ref, watch } from 'vue'\nimport { useEventListener, useResizeObserver, useTimeoutFn } from '@vueuse/core'\nimport {\n TypeComponents,\n TypeComponentsMap,\n getEventCode,\n} from '@element-plus/utils'\nimport { EVENT_CODE } from '@element-plus/constants'\nimport ElBadge from '@element-plus/components/badge'\nimport { useGlobalComponentSettings } from '@element-plus/components/config-provider'\nimport { ElIcon } from '@element-plus/components/icon'\nimport {\n MESSAGE_DEFAULT_PLACEMENT,\n messageDefaults,\n messageEmits,\n} from './message'\nimport { getLastOffset, getOffsetOrSpace } from './instance'\nimport { omit } from 'lodash-unified'\n\nimport type { BadgeProps } from '@element-plus/components/badge'\nimport type { CSSProperties } from 'vue'\nimport type { MessageProps } from './message'\n\nconst { Close } = TypeComponents\n\ndefineOptions({\n name: 'ElMessage',\n})\n\nconst props = withDefaults(\n defineProps<MessageProps>(),\n omit(messageDefaults, 'appendTo')\n)\nconst emit = defineEmits(messageEmits)\n\nconst isStartTransition = ref(false)\n\nconst { ns, zIndex } = useGlobalComponentSettings('message')\nconst { currentZIndex, nextZIndex } = zIndex\n\nconst messageRef = ref<HTMLDivElement>()\nconst visible = ref(false)\nconst height = ref(0)\n\nlet stopTimer: (() => void) \| undefined = undefined\n\nconst badgeType = computed<BadgeProps['type']>(() =>\n props.type ? (props.type === 'error' ? 'danger' : props.type) : 'info'\n)\nconst typeClass = computed(() => {\n const type = props.type\n return { [ns.bm('icon', type)]: type && TypeComponentsMap[type] }\n})\nconst iconComponent = computed(\n () => props.icon \|\| TypeComponentsMap[props.type] \|\| ''\n)\n\nconst placement = computed(() => props.placement \|\| MESSAGE_DEFAULT_PLACEMENT)\n\nconst lastOffset = computed(() => getLastOffset(props.id, placement.value))\nconst offset = computed(() => {\n return Math.max(\n getOffsetOrSpace(props.id, props.offset, placement.value) +\n lastOffset.value,\n props.offset\n )\n})\nconst bottom = computed(() => height.value + offset.value)\nconst horizontalClass = computed(() => {\n if (placement.value.includes('left')) return ns.is('left')\n if (placement.value.includes('right')) return ns.is('right')\n return ns.is('center')\n})\n\nconst verticalProperty = computed(() =>\n placement.value.startsWith('top') ? 'top' : 'bottom'\n)\n\nconst customStyle = computed<CSSProperties>(() => ({\n [verticalProperty.value]: `${offset.value}px`,\n zIndex: currentZIndex.value,\n}))\n\nfunction startTimer() {\n if (props.duration === 0) return\n ;({ stop: stopTimer } = useTimeoutFn(() => {\n close()\n }, props.duration))\n}\n\nfunction clearTimer() {\n stopTimer?.()\n}\n\nfunction close() {\n visible.value = false\n\n // if the message has never started a transition, we can destroy it immediately\n nextTick(() => {\n if (!isStartTransition.value) {\n props.onClose?.()\n emit('destroy')\n }\n })\n}\n\nfunction keydown(event: KeyboardEvent) {\n const code = getEventCode(event)\n if (code === EVENT_CODE.esc) {\n // press esc to close the message\n close()\n }\n}\n\nonMounted(() => {\n startTimer()\n nextZIndex()\n visible.value = true\n})\n\nwatch(\n () => props.repeatNum,\n () => {\n clearTimer()\n startTimer()\n }\n)\n\nuseEventListener(document, 'keydown', keydown)\n\nuseResizeObserver(messageRef, () => {\n height.value = messageRef.value!.getBoundingClientRect().height\n})\n\ndefineExpose({\n visible,\n bottom,\n close,\n})\n</script>\n"],"mappings":"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"}

package/lib/components/message/src/message2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"message2.js","names":[],"sources":["../../../../../../packages/components/message/src/message.vue"],"sourcesContent":["<template>\n <transition\n :name=\"ns.b('fade')\"\n @before-enter=\"isStartTransition = true\"\n @before-leave=\"onClose\"\n @after-leave=\"$emit('destroy')\"\n >\n <div\n v-show=\"visible\"\n :id=\"id\"\n ref=\"messageRef\"\n :class=\"[\n ns.b(),\n { [ns.m(type)]: type },\n ns.is('closable', showClose),\n ns.is('plain', plain),\n ns.is('bottom', verticalProperty === 'bottom'),\n horizontalClass,\n customClass,\n ]\"\n :style=\"customStyle\"\n role=\"alert\"\n @mouseenter=\"clearTimer\"\n @mouseleave=\"startTimer\"\n >\n <el-badge\n v-if=\"repeatNum > 1\"\n :value=\"repeatNum\"\n :type=\"badgeType\"\n :class=\"ns.e('badge')\"\n />\n <el-icon v-if=\"iconComponent\" :class=\"[ns.e('icon'), typeClass]\">\n <component :is=\"iconComponent\" />\n </el-icon>\n <slot>\n <p v-if=\"!dangerouslyUseHTMLString\" :class=\"ns.e('content')\">\n {{ message }}\n </p>\n <!-- Caution here, message could've been compromised, never use user's input as message -->\n <p v-else :class=\"ns.e('content')\" v-html=\"message\" />\n </slot>\n <el-icon v-if=\"showClose\" :class=\"ns.e('closeBtn')\" @click.stop=\"close\">\n <Close />\n </el-icon>\n </div>\n </transition>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, nextTick, onMounted, ref, watch } from 'vue'\nimport { useEventListener, useResizeObserver, useTimeoutFn } from '@vueuse/core'\nimport {\n TypeComponents,\n TypeComponentsMap,\n getEventCode,\n} from '@element-plus/utils'\nimport { EVENT_CODE } from '@element-plus/constants'\nimport ElBadge from '@element-plus/components/badge'\nimport { useGlobalComponentSettings } from '@element-plus/components/config-provider'\nimport { ElIcon } from '@element-plus/components/icon'\nimport {\n MESSAGE_DEFAULT_PLACEMENT,\n messageDefaults,\n messageEmits,\n} from './message'\nimport { getLastOffset, getOffsetOrSpace } from './instance'\nimport { omit } from 'lodash-unified'\n\nimport type { BadgeProps } from '@element-plus/components/badge'\nimport type { CSSProperties } from 'vue'\nimport type { MessageProps } from './message'\n\nconst { Close } = TypeComponents\n\ndefineOptions({\n name: 'ElMessage',\n})\n\nconst props = withDefaults(\n defineProps<MessageProps>(),\n omit(messageDefaults, 'appendTo')\n)\nconst emit = defineEmits(messageEmits)\n\nconst isStartTransition = ref(false)\n\nconst { ns, zIndex } = useGlobalComponentSettings('message')\nconst { currentZIndex, nextZIndex } = zIndex\n\nconst messageRef = ref<HTMLDivElement>()\nconst visible = ref(false)\nconst height = ref(0)\n\nlet stopTimer: (() => void) \| undefined = undefined\n\nconst badgeType = computed<BadgeProps['type']>(() =>\n props.type ? (props.type === 'error' ? 'danger' : props.type) : 'info'\n)\nconst typeClass = computed(() => {\n const type = props.type\n return { [ns.bm('icon', type)]: type && TypeComponentsMap[type] }\n})\nconst iconComponent = computed(\n () => props.icon \|\| TypeComponentsMap[props.type] \|\| ''\n)\n\nconst placement = computed(() => props.placement \|\| MESSAGE_DEFAULT_PLACEMENT)\n\nconst lastOffset = computed(() => getLastOffset(props.id, placement.value))\nconst offset = computed(() => {\n return (\n getOffsetOrSpace(props.id, props.offset, placement.value) + lastOffset.value\n )\n})\nconst bottom = computed(() => height.value + offset.value)\nconst horizontalClass = computed(() => {\n if (placement.value.includes('left')) return ns.is('left')\n if (placement.value.includes('right')) return ns.is('right')\n return ns.is('center')\n})\n\nconst verticalProperty = computed(() =>\n placement.value.startsWith('top') ? 'top' : 'bottom'\n)\n\nconst customStyle = computed<CSSProperties>(() => ({\n [verticalProperty.value]: `${offset.value}px`,\n zIndex: currentZIndex.value,\n}))\n\nfunction startTimer() {\n if (props.duration === 0) return\n ;({ stop: stopTimer } = useTimeoutFn(() => {\n close()\n }, props.duration))\n}\n\nfunction clearTimer() {\n stopTimer?.()\n}\n\nfunction close() {\n visible.value = false\n\n // if the message has never started a transition, we can destroy it immediately\n nextTick(() => {\n if (!isStartTransition.value) {\n props.onClose?.()\n emit('destroy')\n }\n })\n}\n\nfunction keydown(event: KeyboardEvent) {\n const code = getEventCode(event)\n if (code === EVENT_CODE.esc) {\n // press esc to close the message\n close()\n }\n}\n\nonMounted(() => {\n startTimer()\n nextZIndex()\n visible.value = true\n})\n\nwatch(\n () => props.repeatNum,\n () => {\n clearTimer()\n startTimer()\n }\n)\n\nuseEventListener(document, 'keydown', keydown)\n\nuseResizeObserver(messageRef, () => {\n height.value = messageRef.value!.getBoundingClientRect().height\n})\n\ndefineExpose({\n visible,\n bottom,\n close,\n})\n</script>\n"],"mappings":""}
1	+ {"version":3,"file":"message2.js","names":[],"sources":["../../../../../../packages/components/message/src/message.vue"],"sourcesContent":["<template>\n <transition\n :name=\"ns.b('fade')\"\n @before-enter=\"isStartTransition = true\"\n @before-leave=\"onClose\"\n @after-leave=\"$emit('destroy')\"\n >\n <div\n v-show=\"visible\"\n :id=\"id\"\n ref=\"messageRef\"\n :class=\"[\n ns.b(),\n { [ns.m(type)]: type },\n ns.is('closable', showClose),\n ns.is('plain', plain),\n ns.is('bottom', verticalProperty === 'bottom'),\n horizontalClass,\n customClass,\n ]\"\n :style=\"customStyle\"\n role=\"alert\"\n @mouseenter=\"clearTimer\"\n @mouseleave=\"startTimer\"\n >\n <el-badge\n v-if=\"repeatNum > 1\"\n :value=\"repeatNum\"\n :type=\"badgeType\"\n :class=\"ns.e('badge')\"\n />\n <el-icon v-if=\"iconComponent\" :class=\"[ns.e('icon'), typeClass]\">\n <component :is=\"iconComponent\" />\n </el-icon>\n <slot>\n <p v-if=\"!dangerouslyUseHTMLString\" :class=\"ns.e('content')\">\n {{ message }}\n </p>\n <!-- Caution here, message could've been compromised, never use user's input as message -->\n <p v-else :class=\"ns.e('content')\" v-html=\"message\" />\n </slot>\n <el-icon v-if=\"showClose\" :class=\"ns.e('closeBtn')\" @click.stop=\"close\">\n <Close />\n </el-icon>\n </div>\n </transition>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, nextTick, onMounted, ref, watch } from 'vue'\nimport { useEventListener, useResizeObserver, useTimeoutFn } from '@vueuse/core'\nimport {\n TypeComponents,\n TypeComponentsMap,\n getEventCode,\n} from '@element-plus/utils'\nimport { EVENT_CODE } from '@element-plus/constants'\nimport ElBadge from '@element-plus/components/badge'\nimport { useGlobalComponentSettings } from '@element-plus/components/config-provider'\nimport { ElIcon } from '@element-plus/components/icon'\nimport {\n MESSAGE_DEFAULT_PLACEMENT,\n messageDefaults,\n messageEmits,\n} from './message'\nimport { getLastOffset, getOffsetOrSpace } from './instance'\nimport { omit } from 'lodash-unified'\n\nimport type { BadgeProps } from '@element-plus/components/badge'\nimport type { CSSProperties } from 'vue'\nimport type { MessageProps } from './message'\n\nconst { Close } = TypeComponents\n\ndefineOptions({\n name: 'ElMessage',\n})\n\nconst props = withDefaults(\n defineProps<MessageProps>(),\n omit(messageDefaults, 'appendTo')\n)\nconst emit = defineEmits(messageEmits)\n\nconst isStartTransition = ref(false)\n\nconst { ns, zIndex } = useGlobalComponentSettings('message')\nconst { currentZIndex, nextZIndex } = zIndex\n\nconst messageRef = ref<HTMLDivElement>()\nconst visible = ref(false)\nconst height = ref(0)\n\nlet stopTimer: (() => void) \| undefined = undefined\n\nconst badgeType = computed<BadgeProps['type']>(() =>\n props.type ? (props.type === 'error' ? 'danger' : props.type) : 'info'\n)\nconst typeClass = computed(() => {\n const type = props.type\n return { [ns.bm('icon', type)]: type && TypeComponentsMap[type] }\n})\nconst iconComponent = computed(\n () => props.icon \|\| TypeComponentsMap[props.type] \|\| ''\n)\n\nconst placement = computed(() => props.placement \|\| MESSAGE_DEFAULT_PLACEMENT)\n\nconst lastOffset = computed(() => getLastOffset(props.id, placement.value))\nconst offset = computed(() => {\n return Math.max(\n getOffsetOrSpace(props.id, props.offset, placement.value) +\n lastOffset.value,\n props.offset\n )\n})\nconst bottom = computed(() => height.value + offset.value)\nconst horizontalClass = computed(() => {\n if (placement.value.includes('left')) return ns.is('left')\n if (placement.value.includes('right')) return ns.is('right')\n return ns.is('center')\n})\n\nconst verticalProperty = computed(() =>\n placement.value.startsWith('top') ? 'top' : 'bottom'\n)\n\nconst customStyle = computed<CSSProperties>(() => ({\n [verticalProperty.value]: `${offset.value}px`,\n zIndex: currentZIndex.value,\n}))\n\nfunction startTimer() {\n if (props.duration === 0) return\n ;({ stop: stopTimer } = useTimeoutFn(() => {\n close()\n }, props.duration))\n}\n\nfunction clearTimer() {\n stopTimer?.()\n}\n\nfunction close() {\n visible.value = false\n\n // if the message has never started a transition, we can destroy it immediately\n nextTick(() => {\n if (!isStartTransition.value) {\n props.onClose?.()\n emit('destroy')\n }\n })\n}\n\nfunction keydown(event: KeyboardEvent) {\n const code = getEventCode(event)\n if (code === EVENT_CODE.esc) {\n // press esc to close the message\n close()\n }\n}\n\nonMounted(() => {\n startTimer()\n nextZIndex()\n visible.value = true\n})\n\nwatch(\n () => props.repeatNum,\n () => {\n clearTimer()\n startTimer()\n }\n)\n\nuseEventListener(document, 'keydown', keydown)\n\nuseResizeObserver(messageRef, () => {\n height.value = messageRef.value!.getBoundingClientRect().height\n})\n\ndefineExpose({\n visible,\n bottom,\n close,\n})\n</script>\n"],"mappings":""}

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

@@ -1,16 +1,16 @@
 const require_runtime = 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('../../../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_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_use_global_config = require('../../config-provider/src/hooks/use-global-config.js');
-const require_index$7 = require('../../button/index.js');
-const require_index$8 = require('../../../directives/trap-focus/index.js');
+const require_index$8 = require('../../button/index.js');
 const require_index$9 = require('../../overlay/index.js');
 let _element_plus_icons_vue = require("@element-plus/icons-vue");
 let vue = require("vue");
@@ -19,13 +19,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$8.default },
+	directives: { TrapFocus: require_index.default },
 	components: {
-		ElButton: require_index$7.ElButton,
-		ElFocusTrap: require_index$5.default,
-		ElInput: require_index$6.ElInput,
+		ElButton: require_index$8.ElButton,
+		ElFocusTrap: require_index$6.default,
+		ElInput: require_index$7.ElInput,
 		ElOverlay: require_index$9.ElOverlay,
-		ElIcon: require_index$4.ElIcon,
+		ElIcon: require_index$5.ElIcon,
 		...require_icon.TypeComponents
 	},
 	inheritAttrs: false,
@@ -121,8 +121,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$3.useId();
-		const inputId = require_index$3.useId();
+		const contentId = require_index$4.useId();
+		const inputId = require_index$4.useId();
 		const iconComponent = (0, vue.computed)(() => {
 			const type = state.type;
 			return state.icon || type && require_icon.TypeComponentsMap[type] || "";
@@ -154,7 +154,7 @@ var index_vue_vue_type_script_lang_default = (0, vue.defineComponent)({
 				state.validateError = false;
 			}
 		});
-		const { isDragging } = require_index.useDraggable(rootRef, headerRef, (0, vue.computed)(() => props.draggable), (0, vue.computed)(() => props.overflow));
+		const { isDragging } = require_index$1.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);
@@ -172,7 +172,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$2.useSameTarget(handleWrapperClick);
+		const overlayEvent = require_index$3.useSameTarget(handleWrapperClick);
 		const handleInputEnter = (e) => {
 			if (state.inputType !== "textarea" && !inputRef.value?.isComposing) {
 				e.preventDefault();
@@ -222,7 +222,7 @@ var index_vue_vue_type_script_lang_default = (0, vue.defineComponent)({
 		const onCloseRequested = () => {
 			if (props.closeOnPressEscape) handleClose();
 		};
-		if (props.lockScroll) require_index$1.useLockscreen(visible, { ns });
+		if (props.lockScroll) require_index$2.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 :class=\"ns.e('btns')\">\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 :class=\"ns.e('btns')\">\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/message-box/src/message-box.type.d.ts CHANGED Viewed

@@ -1,8 +1,10 @@
 import { ComponentSize } from "../../../constants/size.js";
+import { CSSProperties as CSSProperties$1 } from "../../../utils/typescript.js";
+import "../../../utils/index.js";
 import { InputType } from "../../input/src/input.js";
 import { buttonTypes } from "../../button/src/button.js";
 import "../../button/index.js";
-import { AppContext, CSSProperties, Component, VNode } from "vue";
+import { AppContext, Component, VNode } from "vue";
 //#region ../../packages/components/message-box/src/message-box.type.d.ts
 type MessageType = '' | 'primary' | 'success' | 'warning' | 'info' | 'error';
@@ -23,7 +25,7 @@ declare interface MessageBoxState {
   icon: string | Component;
   closeIcon: string | Component;
   customClass: string;
-  customStyle: CSSProperties;
+  customStyle: CSSProperties$1;
   showInput: boolean;
   inputValue: string;
   inputPlaceholder: string;
@@ -67,7 +69,7 @@ interface ElMessageBoxOptions {
   /** Custom class name for MessageBox */
   customClass?: string;
   /** Custom inline style for MessageBox */
-  customStyle?: CSSProperties;
+  customStyle?: CSSProperties$1;
   /** Whether a mask is displayed */
   modal?: boolean;
   /** modal class name for MessageBox */

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

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

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

@@ -1,8 +1,8 @@
 import { EpPropFinalized, EpPropMergeType } from "../../utils/vue/props/types.js";
-import { ZIndexType } from "../../utils/typescript.js";
 import "../../utils/index.js";
 import { OverlayEmits, OverlayProps, OverlayPropsPublic, overlayEmits, overlayProps } from "./src/overlay.js";
 import * as vue from "vue";
+import * as csstype from "csstype";
 //#region ../../packages/components/overlay/index.d.ts
 declare const ElOverlay: vue.DefineComponent<vue.ExtractPropTypes<{
@@ -15,7 +15,7 @@ declare const ElOverlay: vue.DefineComponent<vue.ExtractPropTypes<{
     __epPropKey: true;
   };
   readonly zIndex: {
-    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => number | "auto" | "inherit" | "initial" | "revert" | "revert-layer" | "unset") | (() => ZIndexType) | (((new (...args: any[]) => number | "auto" | "inherit" | "initial" | "revert" | "revert-layer" | "unset") | (() => ZIndexType)) | null)[], unknown, unknown>>;
+    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => string | number) | (() => csstype.Property.ZIndex | undefined) | (((new (...args: any[]) => string | number) | (() => csstype.Property.ZIndex | undefined)) | null)[], unknown, unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -34,7 +34,7 @@ declare const ElOverlay: vue.DefineComponent<vue.ExtractPropTypes<{
     __epPropKey: true;
   };
   readonly zIndex: {
-    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => number | "auto" | "inherit" | "initial" | "revert" | "revert-layer" | "unset") | (() => ZIndexType) | (((new (...args: any[]) => number | "auto" | "inherit" | "initial" | "revert" | "revert-layer" | "unset") | (() => ZIndexType)) | null)[], unknown, unknown>>;
+    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => string | number) | (() => csstype.Property.ZIndex | undefined) | (((new (...args: any[]) => string | number) | (() => csstype.Property.ZIndex | undefined)) | null)[], unknown, unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;

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

@@ -1,8 +1,8 @@
 import { EpPropFinalized, EpPropMergeType } from "../../../utils/vue/props/types.js";
-import { ZIndexType } from "../../../utils/typescript.js";
 import "../../../utils/index.js";
 import * as vue from "vue";
 import { ExtractPropTypes, ExtractPublicPropTypes } from "vue";
+import * as csstype from "csstype";
 //#region ../../packages/components/overlay/src/overlay.d.ts
 declare const overlayProps: {
@@ -15,7 +15,7 @@ declare const overlayProps: {
     __epPropKey: true;
   };
   readonly zIndex: {
-    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => number | "auto" | "inherit" | "initial" | "revert" | "revert-layer" | "unset") | (() => ZIndexType) | (((new (...args: any[]) => number | "auto" | "inherit" | "initial" | "revert" | "revert-layer" | "unset") | (() => ZIndexType)) | null)[], unknown, unknown>>;
+    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => string | number) | (() => csstype.Property.ZIndex | undefined) | (((new (...args: any[]) => string | number) | (() => csstype.Property.ZIndex | undefined)) | null)[], unknown, unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;

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

@@ -28,7 +28,7 @@ declare const paginationProps: {
   readonly teleported: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly small: BooleanConstructor;
   readonly size: {
-    readonly type: vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "large" | "small", never>>;
+    readonly type: vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -74,7 +74,7 @@ declare const _default: vue.DefineComponent<ExtractPropTypes<{
   readonly teleported: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly small: BooleanConstructor;
   readonly size: {
-    readonly type: vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "large" | "small", never>>;
+    readonly type: vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -117,7 +117,7 @@ declare const _default: vue.DefineComponent<ExtractPropTypes<{
   readonly teleported: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly small: BooleanConstructor;
   readonly size: {
-    readonly type: vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "large" | "small", never>>;
+    readonly type: vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -135,12 +135,12 @@ declare const _default: vue.DefineComponent<ExtractPropTypes<{
   "onPrev-click"?: ((val: number) => any) | undefined;
   "onNext-click"?: ((val: number) => any) | undefined;
 }>, {
+  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 layout: string;
-  readonly small: boolean;
   readonly pagerCount: number;
   readonly pageSizes: number[];
   readonly prevText: string;

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

@@ -27,11 +27,11 @@ declare const __VLS_base: vue.DefineComponent<PopconfirmProps, {
   onCancel?: ((e: MouseEvent) => any) | undefined;
   onConfirm?: ((e: MouseEvent) => any) | undefined;
 }>, {
-  effect: PopperEffect;
   teleported: boolean;
+  effect: PopperEffect;
+  icon: IconPropType;
   hideAfter: number;
   width: string | number;
-  icon: IconPropType;
   confirmButtonType: ButtonType;
   cancelButtonType: ButtonType;
   iconColor: string;

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

@@ -116,7 +116,7 @@ interface PopoverProps {
 declare const popoverProps: {
   readonly trigger: EpPropFinalized<(new (...args: any[]) => "click" | "contextmenu" | "focus" | "hover" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>) | (((new (...args: any[]) => "click" | "contextmenu" | "focus" | "hover" | 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[]) => "bottom-start" | "bottom" | "auto" | "auto-start" | "auto-end" | "top" | "right" | "left" | "top-start" | "top-end" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement$1) | (((new (...args: any[]) => "bottom-start" | "bottom" | "auto" | "auto-start" | "auto-end" | "top" | "right" | "left" | "top-start" | "top-end" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement$1)) | null)[], unknown, unknown, "bottom", boolean>;
+  readonly placement: EpPropFinalized<(new (...args: any[]) => "top" | "auto" | "bottom" | "left" | "right" | "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[]) => "top" | "auto" | "bottom" | "left" | "right" | "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

@@ -33,24 +33,24 @@ declare const __VLS_base: vue.DefineComponent<PopoverProps, {
   "onAfter-enter"?: (() => any) | undefined;
   "onAfter-leave"?: (() => any) | undefined;
 }>, {
-  effect: PopperEffect;
-  placement: Placement;
-  popperStyle: string | false | vue.CSSProperties | vue.StyleValue[] | null;
+  offset: number;
   teleported: boolean;
-  persistent: boolean;
+  effect: PopperEffect;
+  tabindex: string | number;
   visible: boolean | null;
+  content: string;
   enterable: boolean;
-  offset: number;
+  popperStyle: string | false | vue.CSSProperties | vue.StyleValue[] | null;
+  placement: Placement;
   popperOptions: Partial<Options>;
   showArrow: boolean;
-  content: string;
+  persistent: boolean;
   showAfter: number;
   hideAfter: number;
   autoClose: number;
   trigger: Arrayable<TooltipTriggerType>;
   triggerKeys: string[];
   width: string | number;
-  tabindex: string | number;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -50,16 +50,16 @@ declare const usePopperContent: (props: PopperContentProps) => {
         popperEscapeOffsets: _popperjs_core0.SideObject;
       };
       offset?: {
-        "bottom-start"?: _popperjs_core0.Offsets | undefined;
-        bottom?: _popperjs_core0.Offsets | undefined;
+        top?: _popperjs_core0.Offsets | undefined;
         auto?: _popperjs_core0.Offsets | undefined;
+        bottom?: _popperjs_core0.Offsets | undefined;
+        left?: _popperjs_core0.Offsets | undefined;
+        right?: _popperjs_core0.Offsets | undefined;
         "auto-start"?: _popperjs_core0.Offsets | undefined;
         "auto-end"?: _popperjs_core0.Offsets | undefined;
-        top?: _popperjs_core0.Offsets | undefined;
-        right?: _popperjs_core0.Offsets | undefined;
-        left?: _popperjs_core0.Offsets | undefined;
         "top-start"?: _popperjs_core0.Offsets | undefined;
         "top-end"?: _popperjs_core0.Offsets | undefined;
+        "bottom-start"?: _popperjs_core0.Offsets | undefined;
         "bottom-end"?: _popperjs_core0.Offsets | undefined;
         "right-start"?: _popperjs_core0.Offsets | undefined;
         "right-end"?: _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 | "container" | "first" | undefined, HTMLElement | "container" | "first" | undefined>;
+  focusStartRef: vue.Ref<HTMLElement | "first" | "container" | undefined, HTMLElement | "first" | "container" | undefined>;
   trapped: vue.Ref<boolean, boolean>;
   onFocusAfterReleased: (event: CustomEvent) => void;
   onFocusAfterTrapped: () => void;

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

@@ -45,7 +45,7 @@ declare const popperCoreConfigProps: {
   readonly offset: EpPropFinalized<NumberConstructor, unknown, unknown, 12, boolean>;
   readonly placement: EpPropFinalized<StringConstructor, Placement, unknown, "bottom", boolean>;
   readonly popperOptions: EpPropFinalized<(new (...args: any[]) => Partial<Options>) | (() => Partial<Options>) | (((new (...args: any[]) => Partial<Options>) | (() => Partial<Options>)) | null)[], unknown, unknown, () => {}, boolean>;
-  readonly strategy: EpPropFinalized<StringConstructor, "absolute" | "fixed", unknown, "absolute", boolean>;
+  readonly strategy: EpPropFinalized<StringConstructor, "fixed" | "absolute", unknown, "absolute", boolean>;
 };
 /**
  * @deprecated Removed after 3.0.0, Use `PopperCoreConfigProps` instead.
@@ -130,7 +130,7 @@ declare const popperContentProps: {
   readonly offset: EpPropFinalized<NumberConstructor, unknown, unknown, 12, boolean>;
   readonly placement: EpPropFinalized<StringConstructor, Placement, unknown, "bottom", boolean>;
   readonly popperOptions: EpPropFinalized<(new (...args: any[]) => Partial<Options>) | (() => Partial<Options>) | (((new (...args: any[]) => Partial<Options>) | (() => Partial<Options>)) | null)[], unknown, unknown, () => {}, boolean>;
-  readonly strategy: EpPropFinalized<StringConstructor, "absolute" | "fixed", unknown, "absolute", boolean>;
+  readonly strategy: EpPropFinalized<StringConstructor, "fixed" | "absolute", unknown, "absolute", boolean>;
 };
 /**
  * @deprecated Removed after 3.0.0, Use `PopperContentProps` instead.
@@ -181,7 +181,7 @@ declare const usePopperCoreConfigProps: {
   readonly offset: EpPropFinalized<NumberConstructor, unknown, unknown, 12, boolean>;
   readonly placement: EpPropFinalized<StringConstructor, Placement, unknown, "bottom", boolean>;
   readonly popperOptions: EpPropFinalized<(new (...args: any[]) => Partial<Options>) | (() => Partial<Options>) | (((new (...args: any[]) => Partial<Options>) | (() => Partial<Options>)) | null)[], unknown, unknown, () => {}, boolean>;
-  readonly strategy: EpPropFinalized<StringConstructor, "absolute" | "fixed", unknown, "absolute", boolean>;
+  readonly strategy: EpPropFinalized<StringConstructor, "fixed" | "absolute", unknown, "absolute", boolean>;
 };
 /** @deprecated use `popperContentProps` instead, and it will be deprecated in the next major version */
 declare const usePopperContentProps: {
@@ -240,7 +240,7 @@ declare const usePopperContentProps: {
   readonly offset: EpPropFinalized<NumberConstructor, unknown, unknown, 12, boolean>;
   readonly placement: EpPropFinalized<StringConstructor, Placement, unknown, "bottom", boolean>;
   readonly popperOptions: EpPropFinalized<(new (...args: any[]) => Partial<Options>) | (() => Partial<Options>) | (((new (...args: any[]) => Partial<Options>) | (() => Partial<Options>)) | null)[], unknown, unknown, () => {}, boolean>;
-  readonly strategy: EpPropFinalized<StringConstructor, "absolute" | "fixed", unknown, "absolute", boolean>;
+  readonly strategy: EpPropFinalized<StringConstructor, "fixed" | "absolute", unknown, "absolute", boolean>;
 };
 /** @deprecated use `popperContentEmits` instead, and it will be deprecated in the next major version */
 declare const usePopperContentEmits: {

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

@@ -40,23 +40,23 @@ declare const __VLS_base: vue.DefineComponent<PopperContentProps, {
   onMouseenter?: ((evt: MouseEvent) => any) | undefined;
   onMouseleave?: ((evt: MouseEvent) => any) | undefined;
 }>, {
+  offset: number;
   effect: PopperEffect;
-  placement: Placement$1;
-  popperStyle: string | false | vue.CSSProperties | vue.StyleValue[] | null;
   visible: boolean;
   style: string | false | vue.CSSProperties | vue.StyleValue[] | null;
   enterable: boolean;
   pure: boolean;
   focusOnShow: boolean;
   trapping: boolean;
+  popperStyle: string | false | vue.CSSProperties | vue.StyleValue[] | null;
   stopPopperMouseEvent: boolean;
   virtualTriggering: boolean;
   loop: boolean;
   boundariesPadding: number;
   gpuAcceleration: boolean;
-  offset: number;
+  placement: Placement$1;
   popperOptions: Partial<Options$1>;
-  strategy: "absolute" | "fixed";
+  strategy: "fixed" | "absolute";
   arrowOffset: number;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -23,7 +23,7 @@ interface PopperProps {
  * @deprecated Removed after 3.0.0, Use `PopperProps` instead.
  */
 declare const popperProps: {
-  readonly role: EpPropFinalized<StringConstructor, "tooltip" | "dialog" | "grid" | "group" | "listbox" | "menu" | "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.
@@ -32,7 +32,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, "tooltip" | "dialog" | "grid" | "group" | "listbox" | "menu" | "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;