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/input-number/src/input-number.vue_vue_type_script_setup_true_lang.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"input-number.vue_vue_type_script_setup_true_lang.js","names":["$slots"],"sources":["../../../../../../packages/components/input-number/src/input-number.vue"],"sourcesContent":["<template>\n <div\n :class=\"[\n ns.b(),\n ns.m(inputNumberSize),\n ns.is('disabled', inputNumberDisabled),\n ns.is('without-controls', !controls),\n ns.is('controls-right', controlsAtRight),\n ns.is(align, !!align),\n ]\"\n @dragstart.prevent\n >\n <span\n v-if=\"controls\"\n v-repeat-click=\"decrease\"\n role=\"button\"\n :aria-label=\"t('el.inputNumber.decrease')\"\n :class=\"[ns.e('decrease'), ns.is('disabled', minDisabled)]\"\n @keydown.enter=\"decrease\"\n >\n <slot name=\"decrease-icon\">\n <el-icon>\n <arrow-down v-if=\"controlsAtRight\" />\n <minus v-else />\n </el-icon>\n </slot>\n </span>\n <span\n v-if=\"controls\"\n v-repeat-click=\"increase\"\n role=\"button\"\n :aria-label=\"t('el.inputNumber.increase')\"\n :class=\"[ns.e('increase'), ns.is('disabled', maxDisabled)]\"\n @keydown.enter=\"increase\"\n >\n <slot name=\"increase-icon\">\n <el-icon>\n <arrow-up v-if=\"controlsAtRight\" />\n <plus v-else />\n </el-icon>\n </slot>\n </span>\n <el-input\n :id=\"id\"\n ref=\"input\"\n :type=\"formatter ? 'text' : 'number'\"\n :step=\"step\"\n :model-value=\"displayValue\"\n :placeholder=\"placeholder\"\n :readonly=\"readonly\"\n :disabled=\"inputNumberDisabled\"\n :size=\"inputNumberSize\"\n :max=\"max\"\n :min=\"min\"\n :name=\"name\"\n :aria-label=\"ariaLabel\"\n :validate-event=\"false\"\n :inputmode=\"inputmode\"\n :formatter=\"formatter\"\n :parser=\"parser\"\n :tabindex=\"tabindex\"\n @keydown=\"handleKeydown\"\n @blur=\"handleBlur\"\n @focus=\"handleFocus\"\n @input=\"handleInput\"\n @change=\"handleInputChange\"\n >\n <template v-if=\"$slots.prefix\" #prefix>\n <slot name=\"prefix\" />\n </template>\n <template v-if=\"$slots.suffix\" #suffix>\n <slot name=\"suffix\" />\n </template>\n </el-input>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, onMounted, onUpdated, reactive, ref, watch } from 'vue'\nimport { isNil } from 'lodash-unified'\nimport { ElInput } from '@element-plus/components/input'\nimport { ElIcon } from '@element-plus/components/icon'\nimport {\n useFormDisabled,\n useFormItem,\n useFormSize,\n} from '@element-plus/components/form'\nimport { vRepeatClick } from '@element-plus/directives'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport {\n NOOP,\n debugWarn,\n getEventCode,\n getEventKey,\n isNumber,\n isString,\n isUndefined,\n throwError,\n} from '@element-plus/utils'\nimport { ArrowDown, ArrowUp, Minus, Plus } from '@element-plus/icons-vue'\nimport {\n CHANGE_EVENT,\n EVENT_CODE,\n INPUT_EVENT,\n UPDATE_MODEL_EVENT,\n} from '@element-plus/constants'\nimport { inputNumberEmits } from './input-number'\n\nimport type { InputInstance } from '@element-plus/components/input'\nimport type { InputNumberProps } from './input-number'\n\ndefineOptions({\n name: 'ElInputNumber',\n})\n\nconst props = withDefaults(defineProps<InputNumberProps>(), {\n id: undefined,\n disabled: undefined,\n step: 1,\n max: Number.MAX_SAFE_INTEGER,\n min: Number.MIN_SAFE_INTEGER,\n stepStrictly: false,\n readonly: false,\n controls: true,\n controlsPosition: '',\n valueOnClear: null,\n validateEvent: true,\n inputmode: undefined,\n align: 'center',\n tabindex: 0,\n})\nconst emit = defineEmits(inputNumberEmits)\n\nconst { t } = useLocale()\nconst ns = useNamespace('input-number')\nconst input = ref<InputInstance>()\n\ninterface Data {\n currentValue: number \| null \| undefined\n userInput: null \| number \| string\n}\nconst data = reactive<Data>({\n currentValue: props.modelValue,\n userInput: null,\n})\n\nconst { formItem } = useFormItem()\n\nconst minDisabled = computed(\n () => isNumber(props.modelValue) && props.modelValue <= props.min\n)\nconst maxDisabled = computed(\n () => isNumber(props.modelValue) && props.modelValue >= props.max\n)\n\nconst numPrecision = computed(() => {\n const stepPrecision = getPrecision(props.step)\n if (!isUndefined(props.precision)) {\n if (stepPrecision > props.precision) {\n debugWarn(\n 'InputNumber',\n 'precision should not be less than the decimal places of step'\n )\n }\n return props.precision\n } else {\n return Math.max(getPrecision(props.modelValue), stepPrecision)\n }\n})\nconst controlsAtRight = computed(() => {\n return props.controls && props.controlsPosition === 'right'\n})\n\nconst inputNumberSize = useFormSize()\nconst inputNumberDisabled = useFormDisabled()\n\nconst displayValue = computed(() => {\n if (data.userInput !== null) {\n return data.userInput\n }\n let currentValue: number \| string \| undefined \| null = data.currentValue\n if (isNil(currentValue)) return ''\n if (isNumber(currentValue)) {\n if (Number.isNaN(currentValue)) return ''\n if (!isUndefined(props.precision)) {\n currentValue = currentValue.toFixed(props.precision)\n }\n }\n return currentValue\n})\nconst toPrecision = (num: number, pre?: number) => {\n if (isUndefined(pre)) pre = numPrecision.value\n if (pre === 0) return Math.round(num)\n let snum = String(num)\n const pointPos = snum.indexOf('.')\n if (pointPos === -1) return num\n const nums = snum.replace('.', '').split('')\n const datum = nums[pointPos + pre]\n if (!datum) return num\n const length = snum.length\n if (snum.charAt(length - 1) === '5') {\n snum = `${snum.slice(0, Math.max(0, length - 1))}6`\n }\n return Number.parseFloat(Number(snum).toFixed(pre))\n}\nconst getPrecision = (value: number \| null \| undefined) => {\n if (isNil(value)) return 0\n const valueString = value.toString()\n const dotPosition = valueString.indexOf('.')\n let precision = 0\n if (dotPosition !== -1) {\n precision = valueString.length - dotPosition - 1\n }\n return precision\n}\nconst ensurePrecision = (val: number, coefficient: 1 \| -1 = 1) => {\n if (!isNumber(val)) return data.currentValue\n if (val >= Number.MAX_SAFE_INTEGER && coefficient === 1) {\n debugWarn(\n 'InputNumber',\n 'The value has reached the maximum safe integer limit.'\n )\n return val\n } else if (val <= Number.MIN_SAFE_INTEGER && coefficient === -1) {\n debugWarn(\n 'InputNumber',\n 'The value has reached the minimum safe integer limit.'\n )\n return val\n }\n\n // Solve the accuracy problem of JS decimal calculation by converting the value to integer.\n return toPrecision(val + props.step * coefficient)\n}\nconst handleKeydown = (event: KeyboardEvent \| Event) => {\n const code = getEventCode(event as KeyboardEvent)\n const key = getEventKey(event as KeyboardEvent)\n\n if (props.disabledScientific && ['e', 'E'].includes(key)) {\n event.preventDefault()\n return\n }\n\n switch (code) {\n case EVENT_CODE.up: {\n event.preventDefault()\n increase()\n break\n }\n case EVENT_CODE.down: {\n event.preventDefault()\n decrease()\n break\n }\n }\n}\nconst increase = () => {\n if (props.readonly \|\| inputNumberDisabled.value \|\| maxDisabled.value) return\n const value = Number(displayValue.value) \|\| 0\n const newVal = ensurePrecision(value)\n setCurrentValue(newVal)\n emit(INPUT_EVENT, data.currentValue)\n setCurrentValueToModelValue()\n}\nconst decrease = () => {\n if (props.readonly \|\| inputNumberDisabled.value \|\| minDisabled.value) return\n const value = Number(displayValue.value) \|\| 0\n const newVal = ensurePrecision(value, -1)\n setCurrentValue(newVal)\n emit(INPUT_EVENT, data.currentValue)\n setCurrentValueToModelValue()\n}\nconst verifyValue = (\n value: number \| string \| null \| undefined,\n update?: boolean\n): number \| null \| undefined => {\n const { max, min, step, precision, stepStrictly, valueOnClear } = props\n if (max < min) {\n throwError('InputNumber', 'min should not be greater than max.')\n }\n let newVal = !value ? Number(value) : Number.parseFloat(String(value))\n if (isNil(value) \|\| Number.isNaN(newVal)) {\n return null\n }\n if (value === '') {\n if (valueOnClear === null) {\n return null\n }\n newVal = isString(valueOnClear) ? { min, max }[valueOnClear] : valueOnClear\n }\n if (stepStrictly) {\n newVal = toPrecision(\n Math.round(toPrecision(newVal / step)) * step,\n precision\n )\n if (newVal !== value) {\n update && emit(UPDATE_MODEL_EVENT, newVal)\n }\n }\n if (!isUndefined(precision)) {\n newVal = toPrecision(newVal, precision)\n }\n if (newVal > max \|\| newVal < min) {\n newVal = newVal > max ? max : min\n update && emit(UPDATE_MODEL_EVENT, newVal)\n }\n return newVal\n}\nconst setCurrentValue = (\n value: number \| string \| null \| undefined,\n emitChange = true\n) => {\n const oldVal = data.currentValue\n const newVal = verifyValue(value)\n if (!emitChange) {\n emit(UPDATE_MODEL_EVENT, newVal!)\n return\n }\n data.userInput = null\n if (oldVal === newVal && value) return\n emit(UPDATE_MODEL_EVENT, newVal!)\n if (oldVal !== newVal) {\n emit(CHANGE_EVENT, newVal!, oldVal!)\n }\n if (props.validateEvent) {\n formItem?.validate?.('change').catch(NOOP)\n }\n data.currentValue = newVal\n}\nconst handleInput = (value: string) => {\n data.userInput = value\n let newVal = value === '' ? null : Number.parseFloat(value)\n if (Number.isNaN(newVal)) {\n newVal = null\n }\n emit(INPUT_EVENT, newVal)\n setCurrentValue(newVal, false)\n}\nconst handleInputChange = (value: string) => {\n const newVal = value !== '' ? Number.parseFloat(value) : ''\n if (\n (isNumber(newVal) && !Number.isNaN(newVal)) \|\|\n (props.formatter && Number.isNaN(newVal)) \|\|\n newVal === ''\n ) {\n setCurrentValue(newVal)\n }\n setCurrentValueToModelValue()\n data.userInput = null\n}\n\nconst focus = () => {\n input.value?.focus?.()\n}\n\nconst blur = () => {\n input.value?.blur?.()\n}\n\nconst handleFocus = (event: MouseEvent \| FocusEvent) => {\n emit('focus', event)\n}\n\nconst handleBlur = (event: MouseEvent \| FocusEvent) => {\n data.userInput = null\n // When non-numeric content is entered into a numeric input box,\n // the content displayed on the page is not cleared after the value is cleared. #18533\n // https://bugzilla.mozilla.org/show_bug.cgi?id=1398528\n if (data.currentValue === null && input.value?.input) {\n input.value.input.value = props.formatter?.('') ?? ''\n }\n emit('blur', event)\n if (props.validateEvent) {\n formItem?.validate?.('blur').catch(NOOP)\n }\n}\n\nconst setCurrentValueToModelValue = () => {\n if (data.currentValue !== props.modelValue) {\n data.currentValue = props.modelValue\n }\n}\nconst handleWheel = (e: WheelEvent) => {\n if (document.activeElement === e.target) e.preventDefault()\n}\n\nwatch(\n () => props.modelValue,\n (value, oldValue) => {\n const newValue = verifyValue(value, true)\n if (data.userInput === null && newValue !== oldValue) {\n data.currentValue = newValue\n }\n },\n { immediate: true }\n)\n\nwatch(\n () => props.precision,\n () => {\n data.currentValue = verifyValue(props.modelValue)\n }\n)\nonMounted(() => {\n const { min, max, modelValue } = props\n const innerInput = input.value?.input as HTMLInputElement\n innerInput.setAttribute('role', 'spinbutton')\n if (Number.isFinite(max)) {\n innerInput.setAttribute('aria-valuemax', String(max))\n } else {\n innerInput.removeAttribute('aria-valuemax')\n }\n if (Number.isFinite(min)) {\n innerInput.setAttribute('aria-valuemin', String(min))\n } else {\n innerInput.removeAttribute('aria-valuemin')\n }\n innerInput.setAttribute(\n 'aria-valuenow',\n data.currentValue \|\| data.currentValue === 0\n ? String(data.currentValue)\n : ''\n )\n innerInput.setAttribute('aria-disabled', String(inputNumberDisabled.value))\n if (!isNumber(modelValue) && modelValue != null) {\n let val: number \| null = Number(modelValue)\n if (Number.isNaN(val)) {\n val = null\n }\n emit(UPDATE_MODEL_EVENT, val!)\n }\n innerInput.addEventListener('wheel', handleWheel, { passive: false })\n})\nonUpdated(() => {\n const innerInput = input.value?.input\n innerInput?.setAttribute('aria-valuenow', `${data.currentValue ?? ''}`)\n})\ndefineExpose({\n /** @description get focus the input component /\n focus,\n /* @description remove focus the input component */\n blur,\n})\n</script>\n"],"mappings":"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"}
1	+ {"version":3,"file":"input-number.vue_vue_type_script_setup_true_lang.js","names":["$slots"],"sources":["../../../../../../packages/components/input-number/src/input-number.vue"],"sourcesContent":["<template>\n <div\n :class=\"[\n ns.b(),\n ns.m(inputNumberSize),\n ns.is('disabled', inputNumberDisabled),\n ns.is('without-controls', !controls),\n ns.is('controls-right', controlsAtRight),\n ns.is(align, !!align),\n ]\"\n @dragstart.prevent\n >\n <span\n v-if=\"controls\"\n v-repeat-click=\"decrease\"\n role=\"button\"\n :aria-label=\"t('el.inputNumber.decrease')\"\n :class=\"[ns.e('decrease'), ns.is('disabled', minDisabled)]\"\n @keydown.enter=\"decrease\"\n >\n <slot name=\"decrease-icon\">\n <el-icon>\n <arrow-down v-if=\"controlsAtRight\" />\n <minus v-else />\n </el-icon>\n </slot>\n </span>\n <span\n v-if=\"controls\"\n v-repeat-click=\"increase\"\n role=\"button\"\n :aria-label=\"t('el.inputNumber.increase')\"\n :class=\"[ns.e('increase'), ns.is('disabled', maxDisabled)]\"\n @keydown.enter=\"increase\"\n >\n <slot name=\"increase-icon\">\n <el-icon>\n <arrow-up v-if=\"controlsAtRight\" />\n <plus v-else />\n </el-icon>\n </slot>\n </span>\n <el-input\n :id=\"id\"\n ref=\"input\"\n :type=\"formatter ? 'text' : 'number'\"\n :step=\"step\"\n :model-value=\"displayValue\"\n :placeholder=\"placeholder\"\n :readonly=\"readonly\"\n :disabled=\"inputNumberDisabled\"\n :size=\"inputNumberSize\"\n :max=\"max\"\n :min=\"min\"\n :name=\"name\"\n :aria-label=\"ariaLabel\"\n :validate-event=\"false\"\n :inputmode=\"inputmode\"\n :formatter=\"formatter\"\n :parser=\"parser\"\n :tabindex=\"tabindex\"\n @keydown=\"handleKeydown\"\n @blur=\"handleBlur\"\n @focus=\"handleFocus\"\n @input=\"handleInput\"\n @change=\"handleInputChange\"\n >\n <template v-if=\"$slots.prefix\" #prefix>\n <slot name=\"prefix\" />\n </template>\n <template v-if=\"$slots.suffix\" #suffix>\n <slot name=\"suffix\" />\n </template>\n </el-input>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, onMounted, onUpdated, reactive, ref, watch } from 'vue'\nimport { isNil } from 'lodash-unified'\nimport { ElInput } from '@element-plus/components/input'\nimport { ElIcon } from '@element-plus/components/icon'\nimport {\n useFormDisabled,\n useFormItem,\n useFormSize,\n} from '@element-plus/components/form'\nimport { vRepeatClick } from '@element-plus/directives'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport {\n NOOP,\n debugWarn,\n getEventCode,\n getEventKey,\n isNumber,\n isString,\n isUndefined,\n throwError,\n} from '@element-plus/utils'\nimport { ArrowDown, ArrowUp, Minus, Plus } from '@element-plus/icons-vue'\nimport {\n CHANGE_EVENT,\n EVENT_CODE,\n INPUT_EVENT,\n UPDATE_MODEL_EVENT,\n} from '@element-plus/constants'\nimport { inputNumberEmits } from './input-number'\n\nimport type { InputInstance } from '@element-plus/components/input'\nimport type { InputNumberProps } from './input-number'\n\ndefineOptions({\n name: 'ElInputNumber',\n})\n\nconst props = withDefaults(defineProps<InputNumberProps>(), {\n id: undefined,\n disabled: undefined,\n step: 1,\n max: Number.MAX_SAFE_INTEGER,\n min: Number.MIN_SAFE_INTEGER,\n stepStrictly: false,\n readonly: false,\n controls: true,\n controlsPosition: '',\n valueOnClear: null,\n validateEvent: true,\n inputmode: undefined,\n align: 'center',\n tabindex: 0,\n})\nconst emit = defineEmits(inputNumberEmits)\n\nconst { t } = useLocale()\nconst ns = useNamespace('input-number')\nconst input = ref<InputInstance>()\n\ninterface Data {\n currentValue: number \| null \| undefined\n userInput: null \| number \| string\n}\nconst data = reactive<Data>({\n currentValue: props.modelValue,\n userInput: null,\n})\n\nconst { formItem } = useFormItem()\n\nconst minDisabled = computed(\n () => isNumber(props.modelValue) && props.modelValue <= props.min\n)\nconst maxDisabled = computed(\n () => isNumber(props.modelValue) && props.modelValue >= props.max\n)\n\nconst numPrecision = computed(() => {\n const stepPrecision = getPrecision(props.step)\n if (!isUndefined(props.precision)) {\n if (stepPrecision > props.precision) {\n debugWarn(\n 'InputNumber',\n 'precision should not be less than the decimal places of step'\n )\n }\n return props.precision\n } else {\n return Math.max(getPrecision(props.modelValue), stepPrecision)\n }\n})\nconst controlsAtRight = computed(() => {\n return props.controls && props.controlsPosition === 'right'\n})\n\nconst inputNumberSize = useFormSize()\nconst inputNumberDisabled = useFormDisabled()\n\nconst displayValue = computed(() => {\n if (data.userInput !== null) {\n return data.userInput\n }\n let currentValue: number \| string \| undefined \| null = data.currentValue\n if (isNil(currentValue)) return ''\n if (isNumber(currentValue)) {\n if (Number.isNaN(currentValue)) return ''\n if (!isUndefined(props.precision)) {\n currentValue = currentValue.toFixed(props.precision)\n }\n }\n return currentValue\n})\nconst toPrecision = (num: number, pre?: number) => {\n if (isUndefined(pre)) pre = numPrecision.value\n if (pre === 0) return Math.round(num)\n let snum = String(num)\n const pointPos = snum.indexOf('.')\n if (pointPos === -1) return num\n const nums = snum.replace('.', '').split('')\n const datum = nums[pointPos + pre]\n if (!datum) return num\n const length = snum.length\n if (snum.charAt(length - 1) === '5') {\n snum = `${snum.slice(0, Math.max(0, length - 1))}6`\n }\n return Number.parseFloat(Number(snum).toFixed(pre))\n}\nconst getPrecision = (value: number \| null \| undefined) => {\n if (isNil(value)) return 0\n const valueString = value.toString()\n const dotPosition = valueString.indexOf('.')\n let precision = 0\n if (dotPosition !== -1) {\n precision = valueString.length - dotPosition - 1\n }\n return precision\n}\nconst ensurePrecision = (val: number, coefficient: 1 \| -1 = 1) => {\n if (!isNumber(val)) return data.currentValue\n if (val >= Number.MAX_SAFE_INTEGER && coefficient === 1) {\n debugWarn(\n 'InputNumber',\n 'The value has reached the maximum safe integer limit.'\n )\n return val\n } else if (val <= Number.MIN_SAFE_INTEGER && coefficient === -1) {\n debugWarn(\n 'InputNumber',\n 'The value has reached the minimum safe integer limit.'\n )\n return val\n }\n\n // Solve the accuracy problem of JS decimal calculation by converting the value to integer.\n return toPrecision(val + props.step * coefficient)\n}\nconst handleKeydown = (event: KeyboardEvent \| Event) => {\n const code = getEventCode(event as KeyboardEvent)\n const key = getEventKey(event as KeyboardEvent)\n\n if (props.disabledScientific && ['e', 'E'].includes(key)) {\n event.preventDefault()\n return\n }\n\n switch (code) {\n case EVENT_CODE.up: {\n event.preventDefault()\n increase()\n break\n }\n case EVENT_CODE.down: {\n event.preventDefault()\n decrease()\n break\n }\n }\n}\nconst increase = () => {\n if (props.readonly \|\| inputNumberDisabled.value \|\| maxDisabled.value) return\n const value = Number(displayValue.value) \|\| 0\n const newVal = ensurePrecision(value)\n setCurrentValue(newVal)\n emit(INPUT_EVENT, data.currentValue)\n setCurrentValueToModelValue()\n}\nconst decrease = () => {\n if (props.readonly \|\| inputNumberDisabled.value \|\| minDisabled.value) return\n const value = Number(displayValue.value) \|\| 0\n const newVal = ensurePrecision(value, -1)\n setCurrentValue(newVal)\n emit(INPUT_EVENT, data.currentValue)\n setCurrentValueToModelValue()\n}\nconst verifyValue = (\n value: number \| string \| null \| undefined,\n update?: boolean\n): number \| null \| undefined => {\n const { max, min, step, precision, stepStrictly, valueOnClear } = props\n if (max < min) {\n throwError('InputNumber', 'min should not be greater than max.')\n }\n let newVal = !value ? Number(value) : Number.parseFloat(String(value))\n if (isNil(value) \|\| Number.isNaN(newVal)) {\n return null\n }\n if (value === '') {\n if (valueOnClear === null) {\n return null\n }\n newVal = isString(valueOnClear) ? { min, max }[valueOnClear] : valueOnClear\n }\n if (stepStrictly) {\n newVal = toPrecision(\n Math.round(toPrecision(newVal / step)) * step,\n precision\n )\n if (newVal !== value) {\n update && emit(UPDATE_MODEL_EVENT, newVal)\n }\n }\n if (!isUndefined(precision)) {\n newVal = toPrecision(newVal, precision)\n }\n if (newVal > max \|\| newVal < min) {\n newVal = newVal > max ? max : min\n update && emit(UPDATE_MODEL_EVENT, newVal)\n }\n return newVal\n}\nconst setCurrentValue = (\n value: number \| string \| null \| undefined,\n emitChange = true\n) => {\n const oldVal = data.currentValue\n const newVal = verifyValue(value)\n if (!emitChange) {\n emit(UPDATE_MODEL_EVENT, newVal!)\n return\n }\n data.userInput = null\n if (oldVal === newVal && value) return\n emit(UPDATE_MODEL_EVENT, newVal!)\n if (oldVal !== newVal) {\n emit(CHANGE_EVENT, newVal!, oldVal!)\n }\n if (props.validateEvent) {\n formItem?.validate?.('change').catch(NOOP)\n }\n data.currentValue = newVal\n}\nconst handleInput = (value: string) => {\n data.userInput = value\n let newVal = value === '' ? null : Number.parseFloat(value)\n if (Number.isNaN(newVal)) {\n newVal = null\n }\n emit(INPUT_EVENT, newVal)\n setCurrentValue(newVal, false)\n}\nconst handleInputChange = (value: string) => {\n const newVal = value !== '' ? Number.parseFloat(value) : ''\n if (\n (isNumber(newVal) && !Number.isNaN(newVal)) \|\|\n (props.formatter && Number.isNaN(newVal)) \|\|\n newVal === ''\n ) {\n setCurrentValue(newVal)\n }\n setCurrentValueToModelValue()\n data.userInput = null\n}\n\nconst focus = () => {\n input.value?.focus?.()\n}\n\nconst blur = () => {\n input.value?.blur?.()\n}\n\nconst handleFocus = (event: MouseEvent \| FocusEvent) => {\n emit('focus', event)\n}\n\nconst handleBlur = (event: MouseEvent \| FocusEvent) => {\n data.userInput = null\n // When non-numeric content is entered into a numeric input box,\n // the content displayed on the page is not cleared after the value is cleared. #18533\n // https://bugzilla.mozilla.org/show_bug.cgi?id=1398528\n if (data.currentValue === null && input.value?.input) {\n input.value.input.value = props.formatter?.('') ?? ''\n }\n emit('blur', event)\n if (props.validateEvent) {\n formItem?.validate?.('blur').catch(NOOP)\n }\n}\n\nconst setCurrentValueToModelValue = () => {\n if (data.currentValue !== props.modelValue) {\n data.currentValue = props.modelValue\n }\n}\nconst handleWheel = (e: WheelEvent) => {\n if (document.activeElement === e.target) e.preventDefault()\n}\n\nwatch(\n () => props.modelValue,\n (value, oldValue) => {\n const newValue = verifyValue(value, true)\n if (data.userInput === null && newValue !== oldValue) {\n data.currentValue = newValue\n }\n },\n { immediate: true }\n)\n\nwatch(\n () => props.precision,\n () => {\n data.currentValue = verifyValue(props.modelValue)\n }\n)\nonMounted(() => {\n const { min, max, modelValue } = props\n const innerInput = input.value?.input as HTMLInputElement\n innerInput.setAttribute('role', 'spinbutton')\n if (Number.isFinite(max)) {\n innerInput.setAttribute('aria-valuemax', String(max))\n } else {\n innerInput.removeAttribute('aria-valuemax')\n }\n if (Number.isFinite(min)) {\n innerInput.setAttribute('aria-valuemin', String(min))\n } else {\n innerInput.removeAttribute('aria-valuemin')\n }\n innerInput.setAttribute(\n 'aria-valuenow',\n data.currentValue \|\| data.currentValue === 0\n ? String(data.currentValue)\n : ''\n )\n innerInput.setAttribute('aria-disabled', String(inputNumberDisabled.value))\n if (!isNumber(modelValue) && modelValue != null) {\n let val: number \| null = Number(modelValue)\n if (Number.isNaN(val)) {\n val = null\n }\n emit(UPDATE_MODEL_EVENT, val!)\n }\n innerInput.addEventListener('wheel', handleWheel, { passive: false })\n})\nonUpdated(() => {\n const innerInput = input.value?.input\n innerInput?.setAttribute('aria-valuenow', `${data.currentValue ?? ''}`)\n})\ndefineExpose({\n /** @description get focus the input component /\n focus,\n /* @description remove focus the input component */\n blur,\n})\n</script>\n"],"mappings":"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"}

package/lib/components/input-otp/src/input-otp.vue.d.ts CHANGED Viewed

@@ -28,17 +28,17 @@ declare const __VLS_base: _$vue.DefineComponent<InputOtpProps, {
   blur: (eve: FocusEvent) => void;
   finish: (value: string) => void;
 }, string, _$vue.PublicProps, Readonly<InputOtpProps> & Readonly<{
-  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   onChange?: ((value: string) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   onFocus?: ((eve: FocusEvent) => any) | undefined;
   onBlur?: ((eve: FocusEvent) => any) | undefined;
   onFinish?: ((value: string) => any) | undefined;
 }>, {
-  type: "outlined" | "filled" | "underlined";
   length: number;
-  validator: (char: string, index: number) => boolean;
+  type: "outlined" | "filled" | "underlined";
   disabled: boolean;
   validateEvent: boolean;
+  validator: (char: string, index: number) => boolean;
 }, {}, {}, {}, 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/input-tag/src/input-tag.vue.d.ts CHANGED Viewed

@@ -24,20 +24,20 @@ declare const __VLS_base: _$vue.DefineComponent<InputTagProps, {
   focus: () => void;
   blur: () => void;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  clear: () => void;
   "update:modelValue": (value?: string[] | undefined) => void;
-  change: (value?: string[] | undefined) => void;
   input: (value: string) => void;
-  clear: () => void;
+  change: (value?: string[] | undefined) => void;
   focus: (evt: FocusEvent) => void;
   blur: (evt: FocusEvent) => void;
   "add-tag": (value: string | string[]) => void;
   "remove-tag": (value: string, index: number) => void;
   "drag-tag": (oldIndex: number, newIndex: number, value: string) => void;
 }, string, _$vue.PublicProps, Readonly<InputTagProps> & Readonly<{
-  "onUpdate:modelValue"?: ((value?: string[] | undefined) => any) | undefined;
+  onClear?: (() => any) | undefined;
   onChange?: ((value?: string[] | undefined) => any) | undefined;
+  "onUpdate:modelValue"?: ((value?: string[] | undefined) => any) | undefined;
   onInput?: ((value: string) => any) | undefined;
-  onClear?: (() => any) | undefined;
   onFocus?: ((evt: FocusEvent) => any) | undefined;
   onBlur?: ((evt: FocusEvent) => any) | undefined;
   "onAdd-tag"?: ((value: string | string[]) => any) | undefined;

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

@@ -35,7 +35,7 @@ interface LinkProps {
  * @deprecated Removed after 3.0.0, Use `LinkProps` instead.
  */
 declare const linkProps: {
-  readonly type: EpPropFinalized<StringConstructor, "default" | "info" | "primary" | "success" | "warning" | "danger", unknown, undefined, boolean>;
+  readonly type: EpPropFinalized<StringConstructor, "info" | "default" | "primary" | "success" | "warning" | "danger", unknown, undefined, boolean>;
   readonly underline: EpPropFinalized<readonly [BooleanConstructor, StringConstructor], boolean | "always" | "never" | "hover", unknown, undefined, boolean>;
   readonly disabled: BooleanConstructor;
   readonly href: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;

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

@@ -14,9 +14,9 @@ declare const __VLS_base: _$vue.DefineComponent<LinkProps, {}, {}, {}, {}, _$vue
   onClick?: ((evt: MouseEvent) => any) | undefined;
 }>, {
   type: "primary" | "success" | "warning" | "info" | "danger" | "default";
-  target: "_blank" | "_parent" | "_self" | "_top" | (string & NonNullable<unknown>);
   underline: boolean | "always" | "never" | "hover";
   href: string;
+  target: "_blank" | "_parent" | "_self" | "_top" | (string & NonNullable<unknown>);
 }, {}, {}, {}, 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/mention/src/mention.d.ts CHANGED Viewed

@@ -81,7 +81,7 @@ declare const mentionProps: {
   prefix: EpPropFinalized<(new (...args: any[]) => string | string[]) | (() => string | string[]) | (((new (...args: any[]) => string | string[]) | (() => string | string[])) | null)[], unknown, unknown, string, boolean>;
   split: EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
   filterOption: EpPropFinalized<(new (...args: any[]) => false | (<T extends MentionOption = MentionOption>(pattern: string, option: T & MentionOption) => boolean)) | (() => false | (<T extends MentionOption = MentionOption>(pattern: string, option: T & MentionOption) => boolean)) | (((new (...args: any[]) => false | (<T extends MentionOption = MentionOption>(pattern: string, option: T & MentionOption) => boolean)) | (() => false | (<T extends MentionOption = MentionOption>(pattern: string, option: T & MentionOption) => boolean))) | null)[], unknown, unknown, () => <T extends MentionOption = MentionOption>(pattern: string, option: T & MentionOption) => boolean, boolean>;
-  placement: EpPropFinalized<(new (...args: any[]) => "top" | "bottom") | (() => "top" | "bottom") | (((new (...args: any[]) => "top" | "bottom") | (() => "top" | "bottom")) | null)[], unknown, unknown, string, boolean>;
+  placement: EpPropFinalized<(new (...args: any[]) => "bottom" | "top") | (() => "bottom" | "top") | (((new (...args: any[]) => "bottom" | "top") | (() => "bottom" | "top")) | null)[], unknown, unknown, string, boolean>;
   showArrow: BooleanConstructor;
   offset: EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
   whole: BooleanConstructor;
@@ -224,7 +224,7 @@ declare const mentionProps: {
   };
   type: EpPropFinalized<(new (...args: any[]) => string) | (() => InputType) | (((new (...args: any[]) => string) | (() => InputType)) | null)[], unknown, unknown, "text", boolean>;
   resize: {
-    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "none" | "both" | "horizontal" | "vertical", unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "vertical" | "horizontal" | "none" | "both", unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;

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

@@ -7,12 +7,12 @@ import { NavigationFailure } from "vue-router";
 //#region ../../packages/components/menu/src/menu.d.ts
 declare const menuProps: {
-  readonly mode: EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "vertical", boolean>;
+  readonly mode: EpPropFinalized<StringConstructor, "vertical" | "horizontal", unknown, "vertical", boolean>;
   readonly defaultActive: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   readonly defaultOpeneds: EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | (((new (...args: any[]) => string[]) | (() => string[])) | null)[], unknown, unknown, () => [], boolean>;
   readonly uniqueOpened: BooleanConstructor;
   readonly router: BooleanConstructor;
-  readonly menuTrigger: EpPropFinalized<StringConstructor, "hover" | "click", unknown, "hover", boolean>;
+  readonly menuTrigger: EpPropFinalized<StringConstructor, "click" | "hover", unknown, "hover", boolean>;
   readonly collapse: BooleanConstructor;
   readonly backgroundColor: StringConstructor;
   readonly textColor: StringConstructor;
@@ -43,12 +43,12 @@ declare const menuEmits: {
 };
 type MenuEmits = typeof menuEmits;
 declare const _default: _$vue.DefineComponent<ExtractPropTypes<{
-  readonly mode: EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "vertical", boolean>;
+  readonly mode: EpPropFinalized<StringConstructor, "vertical" | "horizontal", unknown, "vertical", boolean>;
   readonly defaultActive: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   readonly defaultOpeneds: EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | (((new (...args: any[]) => string[]) | (() => string[])) | null)[], unknown, unknown, () => [], boolean>;
   readonly uniqueOpened: BooleanConstructor;
   readonly router: BooleanConstructor;
-  readonly menuTrigger: EpPropFinalized<StringConstructor, "hover" | "click", unknown, "hover", boolean>;
+  readonly menuTrigger: EpPropFinalized<StringConstructor, "click" | "hover", unknown, "hover", boolean>;
   readonly collapse: BooleanConstructor;
   readonly backgroundColor: StringConstructor;
   readonly textColor: StringConstructor;
@@ -76,12 +76,12 @@ declare const _default: _$vue.DefineComponent<ExtractPropTypes<{
   open: (index: string, indexPath: string[]) => boolean;
   select: (index: string, indexPath: string[], item: MenuItemClicked, routerResult?: Promise<void | NavigationFailure>) => boolean;
 }, string, _$vue.PublicProps, Readonly<ExtractPropTypes<{
-  readonly mode: EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "vertical", boolean>;
+  readonly mode: EpPropFinalized<StringConstructor, "vertical" | "horizontal", unknown, "vertical", boolean>;
   readonly defaultActive: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   readonly defaultOpeneds: EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | (((new (...args: any[]) => string[]) | (() => string[])) | null)[], unknown, unknown, () => [], boolean>;
   readonly uniqueOpened: BooleanConstructor;
   readonly router: BooleanConstructor;
-  readonly menuTrigger: EpPropFinalized<StringConstructor, "hover" | "click", unknown, "hover", boolean>;
+  readonly menuTrigger: EpPropFinalized<StringConstructor, "click" | "hover", unknown, "hover", boolean>;
   readonly collapse: BooleanConstructor;
   readonly backgroundColor: StringConstructor;
   readonly textColor: StringConstructor;
@@ -110,12 +110,12 @@ declare const _default: _$vue.DefineComponent<ExtractPropTypes<{
   readonly collapse: boolean;
   readonly ellipsis: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly persistent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  readonly mode: EpPropMergeType<StringConstructor, "horizontal" | "vertical", unknown>;
+  readonly mode: EpPropMergeType<StringConstructor, "vertical" | "horizontal", unknown>;
   readonly showTimeout: number;
   readonly hideTimeout: number;
   readonly defaultActive: string;
   readonly defaultOpeneds: string[];
-  readonly menuTrigger: EpPropMergeType<StringConstructor, "hover" | "click", unknown>;
+  readonly menuTrigger: EpPropMergeType<StringConstructor, "click" | "hover", unknown>;
   readonly collapseTransition: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly popperOffset: number;
   readonly ellipsisIcon: EpPropMergeType<(new (...args: any[]) => (string | Component) & {}) | (() => string | Component) | (((new (...args: any[]) => (string | Component) & {}) | (() => string | Component)) | null)[], unknown, unknown>;

package/lib/components/menu/src/menu.js CHANGED Viewed

@@ -8,9 +8,9 @@ const require_runtime$1 = require("../../../utils/vue/props/runtime.js");
 const require_icon = require("../../../utils/vue/icon.js");
 const require_vnode = require("../../../utils/vue/vnode.js");
 const require_typescript = require("../../../utils/typescript.js");
-const require_index = require("../../../directives/click-outside/index.js");
-const require_index$1 = require("../../../hooks/use-namespace/index.js");
-const require_index$2 = require("../../icon/index.js");
+const require_index = require("../../../hooks/use-namespace/index.js");
+const require_index$1 = require("../../icon/index.js");
+const require_index$2 = require("../../../directives/click-outside/index.js");
 const require_menu_bar = require("./utils/menu-bar.js");
 const require_menu_collapse_transition = require("./menu-collapse-transition.js");
 const require_use_menu_css_var = require("./use-menu-css-var.js");
@@ -165,8 +165,8 @@ var menu_default = (0, vue.defineComponent)({
 		const router = instance.appContext.config.globalProperties.$router;
 		const menu = (0, vue.ref)();
 		const subMenu = (0, vue.ref)();
-		const nsMenu = require_index$1.useNamespace("menu");
-		const nsSubMenu = require_index$1.useNamespace("sub-menu");
+		const nsMenu = require_index.useNamespace("menu");
+		const nsSubMenu = require_index.useNamespace("sub-menu");
 		let moreItemWidth = DEFAULT_MORE_ITEM_WIDTH;
 		const sliceIndex = (0, vue.ref)(-1);
 		const openedMenus = (0, vue.ref)(props.defaultOpeneds && !props.collapse ? props.defaultOpeneds.slice(0) : []);
@@ -354,12 +354,12 @@ var menu_default = (0, vue.defineComponent)({
 						class: nsSubMenu.e("hide-arrow"),
 						popperOffset: props.popperOffset
 					}, {
-						title: () => (0, vue.h)(require_index$2.ElIcon, { class: nsSubMenu.e("icon-more") }, { default: () => (0, vue.h)(props.ellipsisIcon) }),
+						title: () => (0, vue.h)(require_index$1.ElIcon, { class: nsSubMenu.e("icon-more") }, { default: () => (0, vue.h)(props.ellipsisIcon) }),
 						default: () => slotMore
 					}));
 				}
 			}
-			const directives = props.closeOnClickOutside ? [[require_index.default, () => {
+			const directives = props.closeOnClickOutside ? [[require_index$2.default, () => {
 				if (!openedMenus.value.length) return;
 				if (!mouseInChild.value) {
 					openedMenus.value.forEach((openedMenu) => emit("close", openedMenu, getIndexPath(openedMenu)));

package/lib/components/menu/src/menu.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"menu.js","names":["buildProps","definePropType","mutable","iconPropType","More","isUndefined","useNamespace","MENU_INJECTION_KEY","SUB_MENU_INJECTION_KEY","Menubar","useMenuCssVar","flattedChildren","ElSubMenu","ElIcon","vClickoutside","ElMenuCollapseTransition"],"sources":["../../../../../../packages/components/menu/src/menu.ts"],"sourcesContent":["import {\n computed,\n defineComponent,\n getCurrentInstance,\n h,\n nextTick,\n onMounted,\n provide,\n reactive,\n ref,\n watch,\n watchEffect,\n withDirectives,\n} from 'vue'\nimport { unrefElement, useResizeObserver } from '@vueuse/core'\nimport { isNil } from 'lodash-unified'\nimport ElIcon from '@element-plus/components/icon'\nimport { More } from '@element-plus/icons-vue'\nimport {\n buildProps,\n definePropType,\n flattedChildren,\n iconPropType,\n isArray,\n isObject,\n isString,\n isUndefined,\n mutable,\n} from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport { ClickOutside as vClickoutside } from '@element-plus/directives'\nimport Menubar from './utils/menu-bar'\nimport ElMenuCollapseTransition from './menu-collapse-transition.vue'\nimport ElSubMenu from './sub-menu'\nimport { useMenuCssVar } from './use-menu-css-var'\nimport { MENU_INJECTION_KEY, SUB_MENU_INJECTION_KEY } from './tokens'\n\nimport type { PopperEffect } from '@element-plus/components/popper'\nimport type { MenuItemClicked, MenuProvider, SubMenuProvider } from './types'\nimport type { NavigationFailure, Router } from 'vue-router'\nimport type {\n CSSProperties,\n Component,\n DirectiveArguments,\n ExtractPropTypes,\n ExtractPublicPropTypes,\n VNode,\n VNodeArrayChildren,\n} from 'vue'\nimport type { UseResizeObserverReturn } from '@vueuse/core'\n\nexport const menuProps = buildProps({\n /*\n @description menu display mode\n /\n mode: {\n type: String,\n values: ['horizontal', 'vertical'],\n default: 'vertical',\n },\n /\n @description index of active menu on page load\n /\n defaultActive: {\n type: String,\n default: '',\n },\n /\n @description array that contains indexes of currently active sub-menus\n /\n defaultOpeneds: {\n type: definePropType<string[]>(Array),\n default: () => mutable([] as const),\n },\n /\n @description whether only one sub-menu can be active\n /\n uniqueOpened: Boolean,\n /\n @description whether `vue-router` mode is activated. If true, index will be used as 'path' to activate the route action. Use with `default-active` to set the active item on load.\n /\n router: Boolean,\n /\n @description how sub-menus are triggered, only works when `mode` is 'horizontal'\n /\n menuTrigger: {\n type: String,\n values: ['hover', 'click'],\n default: 'hover',\n },\n /\n @description whether the menu is collapsed (available only in vertical mode)\n /\n collapse: Boolean,\n /\n @description background color of Menu (hex format) (deprecated, use `--bg-color` instead)\n * @deprecated use `--bg-color` instead\n /\n backgroundColor: String,\n /\n @description text color of Menu (hex format) (deprecated, use `--text-color` instead)\n * @deprecated use `--text-color` instead\n /\n textColor: String,\n /\n @description text color of currently active menu item (hex format) (deprecated, use `--active-color` instead)\n * @deprecated use `--active-color` instead\n /\n activeTextColor: String,\n /\n @description optional, whether menu is collapsed when clicking outside\n /\n closeOnClickOutside: Boolean,\n /\n @description whether to enable the collapse transition\n /\n collapseTransition: {\n type: Boolean,\n default: true,\n },\n /\n @description whether the menu is ellipsis (available only in horizontal mode)\n /\n ellipsis: {\n type: Boolean,\n default: true,\n },\n /\n @description offset of the popper (effective for all submenus)\n /\n popperOffset: {\n type: Number,\n default: 6,\n },\n /\n @description custom ellipsis icon (available only in horizontal mode and ellipsis is true)\n /\n ellipsisIcon: {\n type: iconPropType,\n default: () => More,\n },\n /\n @description Tooltip theme, built-in theme: `dark` / `light` when menu is collapsed\n /\n popperEffect: {\n type: definePropType<PopperEffect>(String),\n default: 'dark',\n },\n /\n @description custom class name for all popup menus\n /\n popperClass: String,\n /\n @description custom style for all popup menus\n /\n popperStyle: {\n type: definePropType<string \| CSSProperties>([String, Object]),\n },\n /\n @description control timeout for all menus before showing\n /\n showTimeout: {\n type: Number,\n default: 300,\n },\n /\n @description control timeout for all menus before hiding\n /\n hideTimeout: {\n type: Number,\n default: 300,\n },\n /\n @description when menu inactive and `persistent` is `false` , dropdown menu will be destroyed\n /\n persistent: {\n type: Boolean,\n default: true,\n },\n} as const)\nexport type MenuProps = ExtractPropTypes<typeof menuProps>\nexport type MenuPropsPublic = ExtractPublicPropTypes<typeof menuProps>\n\nconst checkIndexPath = (indexPath: unknown): indexPath is string[] =>\n isArray(indexPath) && indexPath.every((path) => isString(path))\n\nexport const menuEmits = {\n close: (index: string, indexPath: string[]) =>\n isString(index) && checkIndexPath(indexPath),\n\n open: (index: string, indexPath: string[]) =>\n isString(index) && checkIndexPath(indexPath),\n\n select: (\n index: string,\n indexPath: string[],\n item: MenuItemClicked,\n routerResult?: Promise<void \| NavigationFailure>\n ) =>\n isString(index) &&\n checkIndexPath(indexPath) &&\n isObject(item) &&\n (isUndefined(routerResult) \|\| routerResult instanceof Promise),\n}\nexport type MenuEmits = typeof menuEmits\n\nconst DEFAULT_MORE_ITEM_WIDTH = 64\n\nexport default defineComponent({\n name: 'ElMenu',\n\n props: menuProps,\n emits: menuEmits,\n\n setup(props, { emit, slots, expose }) {\n const instance = getCurrentInstance()!\n const router = instance.appContext.config.globalProperties.$router as Router\n const menu = ref<HTMLUListElement>()\n const subMenu = ref<HTMLElement>()\n const nsMenu = useNamespace('menu')\n const nsSubMenu = useNamespace('sub-menu')\n let moreItemWidth = DEFAULT_MORE_ITEM_WIDTH\n\n // data\n const sliceIndex = ref(-1)\n\n const openedMenus = ref<MenuProvider['openedMenus']>(\n props.defaultOpeneds && !props.collapse\n ? props.defaultOpeneds.slice(0)\n : []\n )\n const activeIndex = ref<MenuProvider['activeIndex']>(props.defaultActive)\n const items = ref<MenuProvider['items']>({})\n const subMenus = ref<MenuProvider['subMenus']>({})\n\n // computed\n const isMenuPopup = computed<MenuProvider['isMenuPopup']>(\n () =>\n props.mode === 'horizontal' \|\|\n (props.mode === 'vertical' && props.collapse)\n )\n\n // methods\n const initMenu = () => {\n const activeItem = activeIndex.value && items.value[activeIndex.value]\n if (!activeItem \|\| props.mode === 'horizontal' \|\| props.collapse) return\n\n const indexPath = activeItem.indexPath\n\n // 展开该菜单项的路径上所有子菜单\n // expand all subMenus of the menu item\n indexPath.forEach((index) => {\n const subMenu = subMenus.value[index]\n subMenu && openMenu(index, subMenu.indexPath)\n })\n }\n\n const openMenu: MenuProvider['openMenu'] = (index, indexPath) => {\n if (openedMenus.value.includes(index)) return\n // 将不在该菜单路径下的其余菜单收起\n // collapse all menu that are not under current menu item\n if (props.uniqueOpened) {\n openedMenus.value = openedMenus.value.filter((index: string) =>\n indexPath.includes(index)\n )\n }\n openedMenus.value.push(index)\n emit('open', index, indexPath)\n }\n\n const close = (index: string) => {\n const i = openedMenus.value.indexOf(index)\n if (i !== -1) {\n openedMenus.value.splice(i, 1)\n }\n }\n\n const closeMenu: MenuProvider['closeMenu'] = (index, indexPath) => {\n close(index)\n emit('close', index, indexPath)\n }\n\n const handleSubMenuClick: MenuProvider['handleSubMenuClick'] = ({\n index,\n indexPath,\n }) => {\n const isOpened = openedMenus.value.includes(index)\n\n isOpened ? closeMenu(index, indexPath) : openMenu(index, indexPath)\n }\n\n const handleMenuItemClick: MenuProvider['handleMenuItemClick'] = (\n menuItem\n ) => {\n if (props.mode === 'horizontal' \|\| props.collapse) {\n openedMenus.value = []\n }\n const { index, indexPath } = menuItem\n if (isNil(index) \|\| isNil(indexPath)) return\n\n if (props.router && router) {\n const route = menuItem.route \|\| index\n const routerResult = router.push(route).then((res) => {\n if (!res) activeIndex.value = index\n return res\n })\n emit(\n 'select',\n index,\n indexPath,\n { index, indexPath, route },\n routerResult\n )\n } else {\n activeIndex.value = index\n emit('select', index, indexPath, { index, indexPath })\n }\n }\n\n const updateActiveIndex = (val: string) => {\n const itemsInData = items.value\n const item =\n itemsInData[val] \|\|\n (activeIndex.value && itemsInData[activeIndex.value]) \|\|\n itemsInData[props.defaultActive]\n\n activeIndex.value = item?.index ?? val\n }\n\n const calcMenuItemWidth = (menuItem: HTMLElement) => {\n const computedStyle = getComputedStyle(menuItem)\n const marginLeft = Number.parseInt(computedStyle.marginLeft, 10)\n const marginRight = Number.parseInt(computedStyle.marginRight, 10)\n return menuItem.offsetWidth + marginLeft + marginRight \|\| 0\n }\n\n const calcSliceIndex = () => {\n if (!menu.value) return -1\n\n const items = Array.from(menu.value.childNodes).filter(\n (item) =>\n item.nodeName !== '#comment' &&\n (item.nodeName !== '#text' \|\| item.nodeValue)\n ) as HTMLElement[]\n\n const computedMenuStyle = getComputedStyle(menu.value)\n const paddingLeft = Number.parseInt(computedMenuStyle.paddingLeft, 10)\n const paddingRight = Number.parseInt(computedMenuStyle.paddingRight, 10)\n const menuWidth = menu.value.clientWidth - paddingLeft - paddingRight\n\n let calcWidth = 0\n let sliceIndex = 0\n items.forEach((item, index) => {\n calcWidth += calcMenuItemWidth(item)\n if (calcWidth <= menuWidth - moreItemWidth) {\n sliceIndex = index + 1\n }\n })\n return sliceIndex === items.length ? -1 : sliceIndex\n }\n\n const getIndexPath = (index: string) => subMenus.value[index].indexPath\n\n // Common computer monitor FPS is 60Hz, which means 60 redraws per second. Calculation formula: 1000ms/60 ≈ 16.67ms, In order to avoid a certain chance of repeated triggering when `resize`, set wait to 16.67 2 = 33.34\n const debounce = (fn: () => void, wait = 33.34) => {\n let timer: ReturnType<typeof setTimeout> \| null\n return () => {\n timer && clearTimeout(timer)\n timer = setTimeout(() => {\n fn()\n }, wait)\n }\n }\n\n let isFirstTimeRender = true\n const handleResize = () => {\n const el = unrefElement(subMenu)\n if (el) moreItemWidth = calcMenuItemWidth(el) \|\| DEFAULT_MORE_ITEM_WIDTH\n if (sliceIndex.value === calcSliceIndex()) return\n const callback = () => {\n sliceIndex.value = -1\n nextTick(() => {\n sliceIndex.value = calcSliceIndex()\n })\n }\n // execute callback directly when first time resize to avoid shaking\n isFirstTimeRender ? callback() : debounce(callback)()\n isFirstTimeRender = false\n }\n\n watch(\n () => props.defaultActive,\n (currentActive) => {\n if (!items.value[currentActive]) {\n activeIndex.value = ''\n }\n updateActiveIndex(currentActive)\n }\n )\n\n watch(\n () => props.collapse,\n (value) => {\n if (value) openedMenus.value = []\n }\n )\n\n watch(items.value, initMenu)\n\n let resizeStopper: UseResizeObserverReturn['stop']\n watchEffect(() => {\n if (props.mode === 'horizontal' && props.ellipsis)\n resizeStopper = useResizeObserver(menu, handleResize).stop\n else resizeStopper?.()\n })\n\n const mouseInChild = ref(false)\n\n // provide\n {\n const addSubMenu: MenuProvider['addSubMenu'] = (item) => {\n subMenus.value[item.index] = item\n }\n\n const removeSubMenu: MenuProvider['removeSubMenu'] = (item) => {\n delete subMenus.value[item.index]\n }\n\n const addMenuItem: MenuProvider['addMenuItem'] = (item) => {\n items.value[item.index] = item\n }\n\n const removeMenuItem: MenuProvider['removeMenuItem'] = (item) => {\n delete items.value[item.index]\n }\n\n provide<MenuProvider>(\n MENU_INJECTION_KEY,\n reactive({\n props,\n openedMenus,\n items,\n subMenus,\n activeIndex,\n isMenuPopup,\n\n addMenuItem,\n removeMenuItem,\n addSubMenu,\n removeSubMenu,\n openMenu,\n closeMenu,\n handleMenuItemClick,\n handleSubMenuClick,\n })\n )\n\n provide<SubMenuProvider>(`${SUB_MENU_INJECTION_KEY}${instance.uid}`, {\n addSubMenu,\n removeSubMenu,\n mouseInChild,\n level: 0,\n })\n }\n\n // lifecycle\n onMounted(() => {\n if (props.mode === 'horizontal') {\n new Menubar(instance.vnode.el!, nsMenu.namespace.value)\n }\n })\n\n {\n const open = (index: string) => {\n const { indexPath } = subMenus.value[index]\n indexPath.forEach((i) => openMenu(i, indexPath))\n }\n\n expose({\n open,\n close,\n updateActiveIndex,\n handleResize,\n })\n }\n\n const ulStyle = useMenuCssVar(props, 0)\n\n return () => {\n let slot: VNodeArrayChildren = slots.default?.() ?? []\n const vShowMore: VNode[] = []\n\n if (props.mode === 'horizontal' && menu.value) {\n const originalSlot = (\n flattedChildren(slot) as VNodeArrayChildren\n ).filter((vnode) => {\n // Filter text and comment nodes (https://github.com/vuejs/core/blob/c875019d49b4c36a88d929ccadc31ad414747c7b/packages/shared/src/shapeFlags.ts#L5)\n return (vnode as VNode)?.shapeFlag !== 8\n })\n const slotDefault =\n sliceIndex.value === -1\n ? originalSlot\n : originalSlot.slice(0, sliceIndex.value)\n\n const slotMore =\n sliceIndex.value === -1 ? [] : originalSlot.slice(sliceIndex.value)\n\n if (slotMore?.length && props.ellipsis) {\n slot = slotDefault\n vShowMore.push(\n h(\n ElSubMenu,\n {\n ref: subMenu,\n index: 'sub-menu-more',\n class: nsSubMenu.e('hide-arrow'),\n popperOffset: props.popperOffset,\n },\n {\n title: () =>\n h(\n ElIcon,\n {\n class: nsSubMenu.e('icon-more'),\n },\n {\n default: () => h(props.ellipsisIcon as Component),\n }\n ),\n default: () => slotMore,\n }\n )\n )\n }\n }\n\n const directives: DirectiveArguments = props.closeOnClickOutside\n ? [\n [\n vClickoutside,\n () => {\n if (!openedMenus.value.length) return\n\n if (!mouseInChild.value) {\n openedMenus.value.forEach((openedMenu) =>\n emit('close', openedMenu, getIndexPath(openedMenu))\n )\n\n openedMenus.value = []\n }\n },\n ],\n ]\n : []\n\n const vMenu = withDirectives(\n h(\n 'ul',\n {\n key: String(props.collapse),\n role: 'menubar',\n ref: menu,\n style: ulStyle.value,\n class: {\n [nsMenu.b()]: true,\n [nsMenu.m(props.mode)]: true,\n [nsMenu.m('collapse')]: props.collapse,\n },\n },\n [...slot, ...vShowMore]\n ),\n directives\n )\n\n if (props.collapseTransition && props.mode === 'vertical') {\n return h(ElMenuCollapseTransition, () => vMenu)\n }\n\n return vMenu\n }\n },\n})\n"],"mappings":"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"}
1	+ {"version":3,"file":"menu.js","names":["buildProps","definePropType","mutable","iconPropType","More","isUndefined","useNamespace","MENU_INJECTION_KEY","SUB_MENU_INJECTION_KEY","Menubar","useMenuCssVar","flattedChildren","ElSubMenu","ElIcon","vClickoutside","ElMenuCollapseTransition"],"sources":["../../../../../../packages/components/menu/src/menu.ts"],"sourcesContent":["import {\n computed,\n defineComponent,\n getCurrentInstance,\n h,\n nextTick,\n onMounted,\n provide,\n reactive,\n ref,\n watch,\n watchEffect,\n withDirectives,\n} from 'vue'\nimport { unrefElement, useResizeObserver } from '@vueuse/core'\nimport { isNil } from 'lodash-unified'\nimport ElIcon from '@element-plus/components/icon'\nimport { More } from '@element-plus/icons-vue'\nimport {\n buildProps,\n definePropType,\n flattedChildren,\n iconPropType,\n isArray,\n isObject,\n isString,\n isUndefined,\n mutable,\n} from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport { ClickOutside as vClickoutside } from '@element-plus/directives'\nimport Menubar from './utils/menu-bar'\nimport ElMenuCollapseTransition from './menu-collapse-transition.vue'\nimport ElSubMenu from './sub-menu'\nimport { useMenuCssVar } from './use-menu-css-var'\nimport { MENU_INJECTION_KEY, SUB_MENU_INJECTION_KEY } from './tokens'\n\nimport type { PopperEffect } from '@element-plus/components/popper'\nimport type { MenuItemClicked, MenuProvider, SubMenuProvider } from './types'\nimport type { NavigationFailure, Router } from 'vue-router'\nimport type {\n CSSProperties,\n Component,\n DirectiveArguments,\n ExtractPropTypes,\n ExtractPublicPropTypes,\n VNode,\n VNodeArrayChildren,\n} from 'vue'\nimport type { UseResizeObserverReturn } from '@vueuse/core'\n\nexport const menuProps = buildProps({\n /*\n @description menu display mode\n /\n mode: {\n type: String,\n values: ['horizontal', 'vertical'],\n default: 'vertical',\n },\n /\n @description index of active menu on page load\n /\n defaultActive: {\n type: String,\n default: '',\n },\n /\n @description array that contains indexes of currently active sub-menus\n /\n defaultOpeneds: {\n type: definePropType<string[]>(Array),\n default: () => mutable([] as const),\n },\n /\n @description whether only one sub-menu can be active\n /\n uniqueOpened: Boolean,\n /\n @description whether `vue-router` mode is activated. If true, index will be used as 'path' to activate the route action. Use with `default-active` to set the active item on load.\n /\n router: Boolean,\n /\n @description how sub-menus are triggered, only works when `mode` is 'horizontal'\n /\n menuTrigger: {\n type: String,\n values: ['hover', 'click'],\n default: 'hover',\n },\n /\n @description whether the menu is collapsed (available only in vertical mode)\n /\n collapse: Boolean,\n /\n @description background color of Menu (hex format) (deprecated, use `--bg-color` instead)\n * @deprecated use `--bg-color` instead\n /\n backgroundColor: String,\n /\n @description text color of Menu (hex format) (deprecated, use `--text-color` instead)\n * @deprecated use `--text-color` instead\n /\n textColor: String,\n /\n @description text color of currently active menu item (hex format) (deprecated, use `--active-color` instead)\n * @deprecated use `--active-color` instead\n /\n activeTextColor: String,\n /\n @description optional, whether menu is collapsed when clicking outside\n /\n closeOnClickOutside: Boolean,\n /\n @description whether to enable the collapse transition\n /\n collapseTransition: {\n type: Boolean,\n default: true,\n },\n /\n @description whether the menu is ellipsis (available only in horizontal mode)\n /\n ellipsis: {\n type: Boolean,\n default: true,\n },\n /\n @description offset of the popper (effective for all submenus)\n /\n popperOffset: {\n type: Number,\n default: 6,\n },\n /\n @description custom ellipsis icon (available only in horizontal mode and ellipsis is true)\n /\n ellipsisIcon: {\n type: iconPropType,\n default: () => More,\n },\n /\n @description Tooltip theme, built-in theme: `dark` / `light` when menu is collapsed\n /\n popperEffect: {\n type: definePropType<PopperEffect>(String),\n default: 'dark',\n },\n /\n @description custom class name for all popup menus\n /\n popperClass: String,\n /\n @description custom style for all popup menus\n /\n popperStyle: {\n type: definePropType<string \| CSSProperties>([String, Object]),\n },\n /\n @description control timeout for all menus before showing\n /\n showTimeout: {\n type: Number,\n default: 300,\n },\n /\n @description control timeout for all menus before hiding\n /\n hideTimeout: {\n type: Number,\n default: 300,\n },\n /\n @description when menu inactive and `persistent` is `false` , dropdown menu will be destroyed\n /\n persistent: {\n type: Boolean,\n default: true,\n },\n} as const)\nexport type MenuProps = ExtractPropTypes<typeof menuProps>\nexport type MenuPropsPublic = ExtractPublicPropTypes<typeof menuProps>\n\nconst checkIndexPath = (indexPath: unknown): indexPath is string[] =>\n isArray(indexPath) && indexPath.every((path) => isString(path))\n\nexport const menuEmits = {\n close: (index: string, indexPath: string[]) =>\n isString(index) && checkIndexPath(indexPath),\n\n open: (index: string, indexPath: string[]) =>\n isString(index) && checkIndexPath(indexPath),\n\n select: (\n index: string,\n indexPath: string[],\n item: MenuItemClicked,\n routerResult?: Promise<void \| NavigationFailure>\n ) =>\n isString(index) &&\n checkIndexPath(indexPath) &&\n isObject(item) &&\n (isUndefined(routerResult) \|\| routerResult instanceof Promise),\n}\nexport type MenuEmits = typeof menuEmits\n\nconst DEFAULT_MORE_ITEM_WIDTH = 64\n\nexport default defineComponent({\n name: 'ElMenu',\n\n props: menuProps,\n emits: menuEmits,\n\n setup(props, { emit, slots, expose }) {\n const instance = getCurrentInstance()!\n const router = instance.appContext.config.globalProperties.$router as Router\n const menu = ref<HTMLUListElement>()\n const subMenu = ref<HTMLElement>()\n const nsMenu = useNamespace('menu')\n const nsSubMenu = useNamespace('sub-menu')\n let moreItemWidth = DEFAULT_MORE_ITEM_WIDTH\n\n // data\n const sliceIndex = ref(-1)\n\n const openedMenus = ref<MenuProvider['openedMenus']>(\n props.defaultOpeneds && !props.collapse\n ? props.defaultOpeneds.slice(0)\n : []\n )\n const activeIndex = ref<MenuProvider['activeIndex']>(props.defaultActive)\n const items = ref<MenuProvider['items']>({})\n const subMenus = ref<MenuProvider['subMenus']>({})\n\n // computed\n const isMenuPopup = computed<MenuProvider['isMenuPopup']>(\n () =>\n props.mode === 'horizontal' \|\|\n (props.mode === 'vertical' && props.collapse)\n )\n\n // methods\n const initMenu = () => {\n const activeItem = activeIndex.value && items.value[activeIndex.value]\n if (!activeItem \|\| props.mode === 'horizontal' \|\| props.collapse) return\n\n const indexPath = activeItem.indexPath\n\n // 展开该菜单项的路径上所有子菜单\n // expand all subMenus of the menu item\n indexPath.forEach((index) => {\n const subMenu = subMenus.value[index]\n subMenu && openMenu(index, subMenu.indexPath)\n })\n }\n\n const openMenu: MenuProvider['openMenu'] = (index, indexPath) => {\n if (openedMenus.value.includes(index)) return\n // 将不在该菜单路径下的其余菜单收起\n // collapse all menu that are not under current menu item\n if (props.uniqueOpened) {\n openedMenus.value = openedMenus.value.filter((index: string) =>\n indexPath.includes(index)\n )\n }\n openedMenus.value.push(index)\n emit('open', index, indexPath)\n }\n\n const close = (index: string) => {\n const i = openedMenus.value.indexOf(index)\n if (i !== -1) {\n openedMenus.value.splice(i, 1)\n }\n }\n\n const closeMenu: MenuProvider['closeMenu'] = (index, indexPath) => {\n close(index)\n emit('close', index, indexPath)\n }\n\n const handleSubMenuClick: MenuProvider['handleSubMenuClick'] = ({\n index,\n indexPath,\n }) => {\n const isOpened = openedMenus.value.includes(index)\n\n isOpened ? closeMenu(index, indexPath) : openMenu(index, indexPath)\n }\n\n const handleMenuItemClick: MenuProvider['handleMenuItemClick'] = (\n menuItem\n ) => {\n if (props.mode === 'horizontal' \|\| props.collapse) {\n openedMenus.value = []\n }\n const { index, indexPath } = menuItem\n if (isNil(index) \|\| isNil(indexPath)) return\n\n if (props.router && router) {\n const route = menuItem.route \|\| index\n const routerResult = router.push(route).then((res) => {\n if (!res) activeIndex.value = index\n return res\n })\n emit(\n 'select',\n index,\n indexPath,\n { index, indexPath, route },\n routerResult\n )\n } else {\n activeIndex.value = index\n emit('select', index, indexPath, { index, indexPath })\n }\n }\n\n const updateActiveIndex = (val: string) => {\n const itemsInData = items.value\n const item =\n itemsInData[val] \|\|\n (activeIndex.value && itemsInData[activeIndex.value]) \|\|\n itemsInData[props.defaultActive]\n\n activeIndex.value = item?.index ?? val\n }\n\n const calcMenuItemWidth = (menuItem: HTMLElement) => {\n const computedStyle = getComputedStyle(menuItem)\n const marginLeft = Number.parseInt(computedStyle.marginLeft, 10)\n const marginRight = Number.parseInt(computedStyle.marginRight, 10)\n return menuItem.offsetWidth + marginLeft + marginRight \|\| 0\n }\n\n const calcSliceIndex = () => {\n if (!menu.value) return -1\n\n const items = Array.from(menu.value.childNodes).filter(\n (item) =>\n item.nodeName !== '#comment' &&\n (item.nodeName !== '#text' \|\| item.nodeValue)\n ) as HTMLElement[]\n\n const computedMenuStyle = getComputedStyle(menu.value)\n const paddingLeft = Number.parseInt(computedMenuStyle.paddingLeft, 10)\n const paddingRight = Number.parseInt(computedMenuStyle.paddingRight, 10)\n const menuWidth = menu.value.clientWidth - paddingLeft - paddingRight\n\n let calcWidth = 0\n let sliceIndex = 0\n items.forEach((item, index) => {\n calcWidth += calcMenuItemWidth(item)\n if (calcWidth <= menuWidth - moreItemWidth) {\n sliceIndex = index + 1\n }\n })\n return sliceIndex === items.length ? -1 : sliceIndex\n }\n\n const getIndexPath = (index: string) => subMenus.value[index].indexPath\n\n // Common computer monitor FPS is 60Hz, which means 60 redraws per second. Calculation formula: 1000ms/60 ≈ 16.67ms, In order to avoid a certain chance of repeated triggering when `resize`, set wait to 16.67 2 = 33.34\n const debounce = (fn: () => void, wait = 33.34) => {\n let timer: ReturnType<typeof setTimeout> \| null\n return () => {\n timer && clearTimeout(timer)\n timer = setTimeout(() => {\n fn()\n }, wait)\n }\n }\n\n let isFirstTimeRender = true\n const handleResize = () => {\n const el = unrefElement(subMenu)\n if (el) moreItemWidth = calcMenuItemWidth(el) \|\| DEFAULT_MORE_ITEM_WIDTH\n if (sliceIndex.value === calcSliceIndex()) return\n const callback = () => {\n sliceIndex.value = -1\n nextTick(() => {\n sliceIndex.value = calcSliceIndex()\n })\n }\n // execute callback directly when first time resize to avoid shaking\n isFirstTimeRender ? callback() : debounce(callback)()\n isFirstTimeRender = false\n }\n\n watch(\n () => props.defaultActive,\n (currentActive) => {\n if (!items.value[currentActive]) {\n activeIndex.value = ''\n }\n updateActiveIndex(currentActive)\n }\n )\n\n watch(\n () => props.collapse,\n (value) => {\n if (value) openedMenus.value = []\n }\n )\n\n watch(items.value, initMenu)\n\n let resizeStopper: UseResizeObserverReturn['stop']\n watchEffect(() => {\n if (props.mode === 'horizontal' && props.ellipsis)\n resizeStopper = useResizeObserver(menu, handleResize).stop\n else resizeStopper?.()\n })\n\n const mouseInChild = ref(false)\n\n // provide\n {\n const addSubMenu: MenuProvider['addSubMenu'] = (item) => {\n subMenus.value[item.index] = item\n }\n\n const removeSubMenu: MenuProvider['removeSubMenu'] = (item) => {\n delete subMenus.value[item.index]\n }\n\n const addMenuItem: MenuProvider['addMenuItem'] = (item) => {\n items.value[item.index] = item\n }\n\n const removeMenuItem: MenuProvider['removeMenuItem'] = (item) => {\n delete items.value[item.index]\n }\n\n provide<MenuProvider>(\n MENU_INJECTION_KEY,\n reactive({\n props,\n openedMenus,\n items,\n subMenus,\n activeIndex,\n isMenuPopup,\n\n addMenuItem,\n removeMenuItem,\n addSubMenu,\n removeSubMenu,\n openMenu,\n closeMenu,\n handleMenuItemClick,\n handleSubMenuClick,\n })\n )\n\n provide<SubMenuProvider>(`${SUB_MENU_INJECTION_KEY}${instance.uid}`, {\n addSubMenu,\n removeSubMenu,\n mouseInChild,\n level: 0,\n })\n }\n\n // lifecycle\n onMounted(() => {\n if (props.mode === 'horizontal') {\n new Menubar(instance.vnode.el!, nsMenu.namespace.value)\n }\n })\n\n {\n const open = (index: string) => {\n const { indexPath } = subMenus.value[index]\n indexPath.forEach((i) => openMenu(i, indexPath))\n }\n\n expose({\n open,\n close,\n updateActiveIndex,\n handleResize,\n })\n }\n\n const ulStyle = useMenuCssVar(props, 0)\n\n return () => {\n let slot: VNodeArrayChildren = slots.default?.() ?? []\n const vShowMore: VNode[] = []\n\n if (props.mode === 'horizontal' && menu.value) {\n const originalSlot = (\n flattedChildren(slot) as VNodeArrayChildren\n ).filter((vnode) => {\n // Filter text and comment nodes (https://github.com/vuejs/core/blob/c875019d49b4c36a88d929ccadc31ad414747c7b/packages/shared/src/shapeFlags.ts#L5)\n return (vnode as VNode)?.shapeFlag !== 8\n })\n const slotDefault =\n sliceIndex.value === -1\n ? originalSlot\n : originalSlot.slice(0, sliceIndex.value)\n\n const slotMore =\n sliceIndex.value === -1 ? [] : originalSlot.slice(sliceIndex.value)\n\n if (slotMore?.length && props.ellipsis) {\n slot = slotDefault\n vShowMore.push(\n h(\n ElSubMenu,\n {\n ref: subMenu,\n index: 'sub-menu-more',\n class: nsSubMenu.e('hide-arrow'),\n popperOffset: props.popperOffset,\n },\n {\n title: () =>\n h(\n ElIcon,\n {\n class: nsSubMenu.e('icon-more'),\n },\n {\n default: () => h(props.ellipsisIcon as Component),\n }\n ),\n default: () => slotMore,\n }\n )\n )\n }\n }\n\n const directives: DirectiveArguments = props.closeOnClickOutside\n ? [\n [\n vClickoutside,\n () => {\n if (!openedMenus.value.length) return\n\n if (!mouseInChild.value) {\n openedMenus.value.forEach((openedMenu) =>\n emit('close', openedMenu, getIndexPath(openedMenu))\n )\n\n openedMenus.value = []\n }\n },\n ],\n ]\n : []\n\n const vMenu = withDirectives(\n h(\n 'ul',\n {\n key: String(props.collapse),\n role: 'menubar',\n ref: menu,\n style: ulStyle.value,\n class: {\n [nsMenu.b()]: true,\n [nsMenu.m(props.mode)]: true,\n [nsMenu.m('collapse')]: props.collapse,\n },\n },\n [...slot, ...vShowMore]\n ),\n directives\n )\n\n if (props.collapseTransition && props.mode === 'vertical') {\n return h(ElMenuCollapseTransition, () => vMenu)\n }\n\n return vMenu\n }\n },\n})\n"],"mappings":"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"}

package/lib/components/menu/src/sub-menu.d.ts CHANGED Viewed

@@ -138,8 +138,8 @@ declare const _default: _$vue.DefineComponent<ExtractPropTypes<{
     __epPropKey: true;
   };
 }>> & Readonly<{}>, {
-  readonly teleported: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly disabled: boolean;
+  readonly teleported: EpPropMergeType<BooleanConstructor, unknown, unknown>;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
 //#endregion
 export { SubMenuProps, SubMenuPropsPublic, _default as default, subMenuProps };

package/lib/components/message/src/instance.d.ts CHANGED Viewed

@@ -11,7 +11,7 @@ type MessageContext = {
   vm: ComponentInternalInstance;
   props: Mutable<MessageProps>;
 };
-declare const placementInstances: _$vue.ShallowReactive<Record<"top" | "bottom" | "top-left" | "top-right" | "bottom-left" | "bottom-right", MessageContext[]>>;
+declare const placementInstances: _$vue.ShallowReactive<Record<"bottom" | "top" | "top-left" | "top-right" | "bottom-left" | "bottom-right", MessageContext[]>>;
 declare const getOrCreatePlacementInstances: (placement: MessagePlacement) => MessageContext[];
 declare const getInstance: (id: string, placement: MessagePlacement) => {
   current: MessageContext;

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

@@ -133,7 +133,7 @@ declare const messageProps: {
   readonly type: EpPropFinalized<StringConstructor, "info" | "primary" | "success" | "warning" | "error", unknown, "info", boolean>;
   readonly plain: EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
   readonly offset: EpPropFinalized<NumberConstructor, unknown, unknown, 16, boolean>;
-  readonly placement: EpPropFinalized<StringConstructor, "top" | "bottom" | "top-left" | "top-right" | "bottom-left" | "bottom-right", unknown, undefined, boolean>;
+  readonly placement: EpPropFinalized<StringConstructor, "bottom" | "top" | "top-left" | "top-right" | "bottom-left" | "bottom-right", unknown, undefined, boolean>;
   readonly zIndex: EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
   readonly grouping: EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
   readonly repeatNum: EpPropFinalized<NumberConstructor, unknown, unknown, 1, boolean>;

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

@@ -18,16 +18,16 @@ declare const __VLS_base: _$vue.DefineComponent<MessageProps, {
   onDestroy?: (() => any) | undefined;
 }>, {
   type: MessageType;
-  message: string | _$vue.VNode | (() => _$vue.VNode);
-  zIndex: number;
-  offset: number;
   onClose: () => void;
+  offset: number;
+  duration: number;
   id: string;
   icon: IconPropType;
+  zIndex: number;
   placement: MessagePlacement;
+  message: string | _$vue.VNode | (() => _$vue.VNode);
   plain: boolean;
   showClose: boolean;
-  duration: number;
   customClass: string;
   dangerouslyUseHTMLString: boolean;
   grouping: boolean;

package/lib/components/message-box/src/index.vue.d.ts CHANGED Viewed

@@ -4031,8 +4031,8 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   dangerouslyUseHTMLString: _$vue.Ref<boolean, boolean>;
   confirmButtonText: _$vue.Ref<string, string>;
   cancelButtonText: _$vue.Ref<string, string>;
-  confirmButtonType: _$vue.Ref<"" | "default" | "info" | "primary" | "success" | "warning" | "text" | "danger", "" | "default" | "info" | "primary" | "success" | "warning" | "text" | "danger">;
-  cancelButtonType: _$vue.Ref<"" | "default" | "info" | "primary" | "success" | "warning" | "text" | "danger", "" | "default" | "info" | "primary" | "success" | "warning" | "text" | "danger">;
+  confirmButtonType: _$vue.Ref<"" | "info" | "default" | "primary" | "success" | "warning" | "text" | "danger", "" | "info" | "default" | "primary" | "success" | "warning" | "text" | "danger">;
+  cancelButtonType: _$vue.Ref<"" | "info" | "default" | "primary" | "success" | "warning" | "text" | "danger", "" | "info" | "default" | "primary" | "success" | "warning" | "text" | "danger">;
   confirmButtonLoading: _$vue.Ref<boolean, boolean>;
   cancelButtonLoading: _$vue.Ref<boolean, boolean>;
   confirmButtonLoadingIcon: _$vue.Ref<string | _$vue.FunctionalComponent<any, {}, any, {}> | {
@@ -4601,7 +4601,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     }>, {
       ref: _$vue.Ref<HTMLButtonElement | undefined, HTMLButtonElement | undefined>;
       size: _$vue.ComputedRef<"" | "default" | "small" | "large">;
-      type: _$vue.ComputedRef<"" | "default" | "info" | "primary" | "success" | "warning" | "text" | "danger">;
+      type: _$vue.ComputedRef<"" | "info" | "default" | "primary" | "success" | "warning" | "text" | "danger">;
       disabled: _$vue.ComputedRef<boolean>;
       shouldAddSpace: _$vue.ComputedRef<boolean>;
     }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
@@ -4629,7 +4629,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     }>, {
       ref: _$vue.Ref<HTMLButtonElement | undefined, HTMLButtonElement | undefined>;
       size: _$vue.ComputedRef<"" | "default" | "small" | "large">;
-      type: _$vue.ComputedRef<"" | "default" | "info" | "primary" | "success" | "warning" | "text" | "danger">;
+      type: _$vue.ComputedRef<"" | "info" | "default" | "primary" | "success" | "warning" | "text" | "danger">;
       disabled: _$vue.ComputedRef<boolean>;
       shouldAddSpace: _$vue.ComputedRef<boolean>;
     }, {}, {}, {}, {
@@ -4652,7 +4652,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   }>, {
     ref: _$vue.Ref<HTMLButtonElement | undefined, HTMLButtonElement | undefined>;
     size: _$vue.ComputedRef<"" | "default" | "small" | "large">;
-    type: _$vue.ComputedRef<"" | "default" | "info" | "primary" | "success" | "warning" | "text" | "danger">;
+    type: _$vue.ComputedRef<"" | "info" | "default" | "primary" | "success" | "warning" | "text" | "danger">;
     disabled: _$vue.ComputedRef<boolean>;
     shouldAddSpace: _$vue.ComputedRef<boolean>;
   }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
@@ -4680,7 +4680,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     setPropsDefaults: (defaults: {
       readonly size?: "" | "default" | "small" | "large" | (() => "" | "default" | "small" | "large") | undefined;
       readonly disabled?: boolean | (() => boolean) | undefined;
-      readonly type?: "" | "default" | "info" | "primary" | "success" | "warning" | "text" | "danger" | (() => "" | "default" | "info" | "primary" | "success" | "warning" | "text" | "danger") | undefined;
+      readonly type?: "" | "info" | "default" | "primary" | "success" | "warning" | "text" | "danger" | (() => "" | "info" | "default" | "primary" | "success" | "warning" | "text" | "danger") | undefined;
       readonly icon?: string | _$vue.FunctionalComponent<any, {}, any, {}> | {
         new (...args: any[]): any;
         __isFragment?: never;
@@ -4744,14 +4744,14 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   }>, {
     loop: boolean;
     trapped: boolean;
-    focusStartEl: HTMLElement | "first" | "container";
+    focusStartEl: HTMLElement | "container" | "first";
   }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
   ElInput: SFCWithInstall<{
     new (...args: any[]): _$vue.CreateComponentPublicInstanceWithMixins<Readonly<InputProps> & Readonly<{
-      "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+      onClear?: ((evt: MouseEvent | undefined) => any) | undefined;
       onChange?: ((value: string, evt?: Event | undefined) => any) | undefined;
+      "onUpdate:modelValue"?: ((value: string) => any) | undefined;
       onInput?: ((value: string) => any) | undefined;
-      onClear?: ((evt: MouseEvent | undefined) => any) | undefined;
       onFocus?: ((evt: FocusEvent) => any) | undefined;
       onBlur?: ((evt: FocusEvent) => any) | undefined;
       onMouseleave?: ((evt: MouseEvent) => any) | undefined;
@@ -4774,10 +4774,10 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       clear: (evt?: MouseEvent) => void;
       resizeTextarea: () => void;
     }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-      "update:modelValue": (value: string) => void;
+      clear: (evt: MouseEvent | undefined) => void;
       change: (value: string, evt?: Event | undefined) => void;
+      "update:modelValue": (value: string) => void;
       input: (value: string) => void;
-      clear: (evt: MouseEvent | undefined) => void;
       focus: (evt: FocusEvent) => void;
       blur: (evt: FocusEvent) => void;
       mouseleave: (evt: MouseEvent) => void;
@@ -4806,10 +4806,10 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       M: {};
       Defaults: {};
     }, Readonly<InputProps> & Readonly<{
-      "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+      onClear?: ((evt: MouseEvent | undefined) => any) | undefined;
       onChange?: ((value: string, evt?: Event | undefined) => any) | undefined;
+      "onUpdate:modelValue"?: ((value: string) => any) | undefined;
       onInput?: ((value: string) => any) | undefined;
-      onClear?: ((evt: MouseEvent | undefined) => any) | undefined;
       onFocus?: ((evt: FocusEvent) => any) | undefined;
       onBlur?: ((evt: FocusEvent) => any) | undefined;
       onMouseleave?: ((evt: MouseEvent) => any) | undefined;
@@ -4848,10 +4848,10 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     __isTeleport?: never;
     __isSuspense?: never;
   } & _$vue.ComponentOptionsBase<Readonly<InputProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onClear?: ((evt: MouseEvent | undefined) => any) | undefined;
     onChange?: ((value: string, evt?: Event | undefined) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     onInput?: ((value: string) => any) | undefined;
-    onClear?: ((evt: MouseEvent | undefined) => any) | undefined;
     onFocus?: ((evt: FocusEvent) => any) | undefined;
     onBlur?: ((evt: FocusEvent) => any) | undefined;
     onMouseleave?: ((evt: MouseEvent) => any) | undefined;
@@ -4874,10 +4874,10 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     clear: (evt?: MouseEvent) => void;
     resizeTextarea: () => void;
   }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-    "update:modelValue": (value: string) => void;
+    clear: (evt: MouseEvent | undefined) => void;
     change: (value: string, evt?: Event | undefined) => void;
+    "update:modelValue": (value: string) => void;
     input: (value: string) => void;
-    clear: (evt: MouseEvent | undefined) => void;
     focus: (evt: FocusEvent) => void;
     blur: (evt: FocusEvent) => void;
     mouseleave: (evt: MouseEvent) => void;