element-pe 2.14.2-3 → 2.14.2-4

package/lib/components/input-number/src/input-number.vue_vue_type_script_setup_true_lang.js.map

@@ -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('view-mode', !!inputNumberViewMode),\n      ns.is('table-input', isTableInput),\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      :view-mode=\"inputNumberViewMode\"\n      :table-input=\"isTableInput\"\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, inject, onMounted, onUpdated, reactive, ref } from 'vue'\nimport { watch } from '../../config-provider'\nimport { isNil } from 'lodash-unified'\nimport { ElInput } from '@element-plus/components/input'\nimport { ElIcon } from '@element-plus/components/icon'\nimport {\n  useFormDisabled,\n  useFormViewMode,\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'\nimport { TABLE_INJECTION_KEY } from '../../table/src/tokens'\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>()\nconst table = inject(TABLE_INJECTION_KEY, undefined)\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 isTableInput = computed(() => table && props.tableInput)\nconst inputNumberSize = computed(() => {\n  if (isTableInput.value) {\n    return table!.props.size === 'small' ? 'small' : ''\n  } else {\n    const formSize = useFormSize()\n    return formSize.value\n  }\n})\nconst inputNumberDisabled = useFormDisabled()\nconst inputNumberViewMode = useFormViewMode() as any\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 || inputNumberViewMode.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 || inputNumberViewMode.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  innerInput.setAttribute('aria-view-mode', String(inputNumberViewMode.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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"}
+{"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('view-mode', !!inputNumberViewMode),\n      ns.is('table-input', isTableInput),\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      :view-mode=\"inputNumberViewMode\"\n      :table-input=\"isTableInput\"\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, inject, onMounted, onUpdated, reactive, ref } from 'vue'\nimport { watch } from '../../config-provider'\nimport { isNil } from 'lodash-unified'\nimport { ElInput } from '@element-plus/components/input'\nimport { ElIcon } from '@element-plus/components/icon'\nimport {\n  useFormDisabled,\n  useFormViewMode,\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'\nimport { TABLE_INJECTION_KEY } from '../../table/src/tokens'\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>()\nconst table = inject(TABLE_INJECTION_KEY, undefined)\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 isTableInput = computed(() => table && props.tableInput)\nconst inputNumberSize = computed(() => {\n  if (isTableInput.value) {\n    return table!.props.size === 'small' ? 'small' : ''\n  } else {\n    const formSize = useFormSize()\n    return formSize.value\n  }\n})\nconst inputNumberDisabled = useFormDisabled()\nconst inputNumberViewMode = useFormViewMode() as any\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 || inputNumberViewMode.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 || inputNumberViewMode.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  innerInput.setAttribute('aria-view-mode', String(inputNumberViewMode.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

@@ -35,10 +35,10 @@ declare const __VLS_base: import("vue").DefineComponent<InputOtpProps, {
 }>, {
   type: "outlined" | "filled" | "underlined";
   length: number;
-  validator: (char: string, index: number) => boolean;
   size: ComponentSize;
   disabled: boolean;
   validateEvent: boolean;
+  validator: (char: string, index: number) => boolean;
 }, {}, {}, {}, string, import("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.d.ts

@@ -131,7 +131,7 @@ declare const inputTagProps: {
     readonly validator: ((val: unknown) => boolean) | undefined;
     readonly __epPropKey: true;
   };
-  readonly tagEffect: EpPropFinalized<StringConstructor, "light" | "dark" | "plain", unknown, "light", boolean>;
+  readonly tagEffect: EpPropFinalized<StringConstructor, "dark" | "light" | "plain", unknown, "light", boolean>;
   readonly effect: EpPropFinalized<(new (...args: any[]) => string) | (() => PopperEffect) | (((new (...args: any[]) => string) | (() => PopperEffect)) | null)[], unknown, unknown, "light", boolean>;
   readonly trigger: EpPropFinalized<(new (...args: any[]) => "Enter" | "Space") | (() => "Enter" | "Space") | (((new (...args: any[]) => "Enter" | "Space") | (() => "Enter" | "Space")) | null)[], unknown, unknown, string, boolean>;
   readonly draggable: BooleanConstructor;

package/lib/components/input-tag/src/input-tag.vue.d.ts

@@ -22,39 +22,39 @@ declare const __VLS_base: import("vue").DefineComponent<InputTagProps, {
   focus: () => void;
   blur: () => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  clear: () => void;
   "update:modelValue": (value?: string[] | undefined) => void;
   change: (value?: string[] | undefined) => void;
-  input: (value: string) => void;
-  clear: () => void;
   focus: (evt: FocusEvent) => void;
   blur: (evt: FocusEvent) => void;
+  input: (value: string) => void;
   "add-tag": (value: string | string[]) => void;
   "remove-tag": (value: string, index: number) => void;
   "drag-tag": (oldIndex: number, newIndex: number, value: string) => void;
 }, string, import("vue").PublicProps, Readonly<InputTagProps> & Readonly<{
+  onClear?: (() => any) | undefined;
   "onUpdate:modelValue"?: ((value?: string[] | undefined) => any) | undefined;
   onChange?: ((value?: string[] | undefined) => any) | undefined;
-  onInput?: ((value: string) => any) | undefined;
-  onClear?: (() => any) | undefined;
   onFocus?: ((evt: FocusEvent) => any) | undefined;
   onBlur?: ((evt: FocusEvent) => any) | undefined;
+  onInput?: ((value: string) => any) | undefined;
   "onAdd-tag"?: ((value: string | string[]) => any) | undefined;
   "onRemove-tag"?: ((value: string, index: number) => any) | undefined;
   "onDrag-tag"?: ((oldIndex: number, newIndex: number, value: string) => any) | undefined;
 }>, {
-  effect: PopperEffect;
-  id: string;
   disabled: boolean;
-  autocomplete: string;
-  clearIcon: IconPropType;
+  id: string;
   tabindex: string | number;
   validateEvent: boolean;
+  effect: PopperEffect;
+  autocomplete: string;
+  clearIcon: IconPropType;
+  saveOnBlur: boolean;
   trigger: "Enter" | "Space";
-  maxCollapseTags: number;
   tagType: "info" | "primary" | "success" | "warning" | "danger";
-  tagEffect: "light" | "dark" | "plain";
-  saveOnBlur: boolean;
+  tagEffect: "dark" | "light" | "plain";
   delimiter: string | RegExp;
+  maxCollapseTags: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -34,7 +34,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

@@ -12,10 +12,10 @@ declare const __VLS_base: import("vue").DefineComponent<LinkProps, {}, {}, {}, {
 }, string, import("vue").PublicProps, Readonly<LinkProps> & Readonly<{
   onClick?: ((evt: MouseEvent) => any) | undefined;
 }>, {
-  underline: boolean | "always" | "never" | "hover";
   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, import("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

@@ -80,7 +80,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;
@@ -197,7 +197,7 @@ declare const mentionProps: {
   popperStyle: EpPropFinalized<(new (...args: any[]) => string | false | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue) | (((new (...args: any[]) => string | false | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue)) | null)[], unknown, unknown, undefined, boolean>;
   popperOptions: EpPropFinalized<(new (...args: any[]) => Partial<Options>) | (() => Partial<Options>) | (((new (...args: any[]) => Partial<Options>) | (() => Partial<Options>)) | null)[], unknown, unknown, () => Partial<Options>, boolean>;
   props: EpPropFinalized<(new (...args: any[]) => MentionOptionProps) | (() => MentionOptionProps) | (((new (...args: any[]) => MentionOptionProps) | (() => MentionOptionProps)) | null)[], unknown, unknown, () => Required<MentionOptionProps>, boolean>;
-  inputmode: EpPropFinalized<(new (...args: any[]) => "text" | "email" | "search" | "tel" | "url" | "none" | "numeric" | "decimal") | (() => "text" | "email" | "search" | "tel" | "url" | "none" | "numeric" | "decimal" | undefined) | (((new (...args: any[]) => "text" | "email" | "search" | "tel" | "url" | "none" | "numeric" | "decimal") | (() => "text" | "email" | "search" | "tel" | "url" | "none" | "numeric" | "decimal" | undefined)) | null)[], unknown, unknown, undefined, boolean>;
+  inputmode: EpPropFinalized<(new (...args: any[]) => "text" | "search" | "email" | "tel" | "url" | "none" | "numeric" | "decimal") | (() => "text" | "search" | "email" | "tel" | "url" | "none" | "numeric" | "decimal" | undefined) | (((new (...args: any[]) => "text" | "search" | "email" | "tel" | "url" | "none" | "numeric" | "decimal") | (() => "text" | "search" | "email" | "tel" | "url" | "none" | "numeric" | "decimal" | undefined)) | null)[], unknown, unknown, undefined, boolean>;
   name: StringConstructor;
   ariaLabel: StringConstructor;
   id: EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
@@ -230,7 +230,7 @@ declare const mentionProps: {
   };
   type: EpPropFinalized<(new (...args: any[]) => string) | (() => InputType) | (((new (...args: any[]) => string) | (() => InputType)) | null)[], unknown, unknown, "text", boolean>;
   resize: {
-    readonly type: import("vue").PropType<EpPropMergeType<StringConstructor, "none" | "both" | "horizontal" | "vertical", unknown>>;
+    readonly type: import("vue").PropType<EpPropMergeType<StringConstructor, "horizontal" | "vertical" | "none" | "both", unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;

package/lib/components/mention/src/mention.vue.d.ts

@@ -7,11 +7,11 @@ import { MentionProps } from "./mention.js";
 declare const __VLS_export: <T extends MentionOption = MentionOption>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
   props: import("vue").PublicProps & __VLS_PrettifyLocal<MentionProps<T> & {
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-    onInput?: ((value: string) => any) | undefined;
     onFocus?: ((evt: FocusEvent) => any) | undefined;
     onBlur?: ((evt: FocusEvent) => any) | undefined;
-    onSelect?: ((option: MentionOption, prefix: string) => any) | undefined;
     onSearch?: ((pattern: string, prefix: string) => any) | undefined;
+    onInput?: ((value: string) => any) | undefined;
+    onSelect?: ((option: MentionOption, prefix: string) => any) | undefined;
     "onWhole-remove"?: ((pattern: string, prefix: string) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
@@ -45,7 +45,7 @@ declare const __VLS_export: <T extends MentionOption = MentionOption>(__VLS_prop
       index: number;
     }) => any;
   };
-  emit: ((event: "update:modelValue", value: string) => void) & ((event: "input", value: string) => void) & ((event: "focus", evt: FocusEvent) => void) & ((event: "blur", evt: FocusEvent) => void) & ((event: "select", option: MentionOption, prefix: string) => void) & ((event: "search", pattern: string, prefix: string) => void) & ((event: "whole-remove", pattern: string, prefix: string) => void);
+  emit: ((event: "update:modelValue", value: string) => void) & ((event: "focus", evt: FocusEvent) => void) & ((event: "blur", evt: FocusEvent) => void) & ((event: "search", pattern: string, prefix: string) => void) & ((event: "input", value: string) => void) & ((event: "select", option: MentionOption, prefix: string) => void) & ((event: "whole-remove", pattern: string, prefix: string) => void);
 }>) => import("vue").VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

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

@@ -105,13 +105,13 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
   readonly persistent: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly widget: StringConstructor;
 }>> & Readonly<{
-  onClose?: ((index: string, indexPath: string[]) => any) | undefined;
-  onSelect?: ((index: string, indexPath: string[], item: MenuItemClicked, routerResult?: Promise<void | NavigationFailure> | undefined) => any) | undefined;
   onOpen?: ((index: string, indexPath: string[]) => any) | undefined;
+  onSelect?: ((index: string, indexPath: string[], item: MenuItemClicked, routerResult?: Promise<void | NavigationFailure> | undefined) => any) | undefined;
+  onClose?: ((index: string, indexPath: string[]) => any) | undefined;
 }>, {
+  readonly persistent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly collapse: boolean;
   readonly ellipsis: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  readonly persistent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly mode: EpPropMergeType<StringConstructor, "horizontal" | "vertical", unknown>;
   readonly showTimeout: number;
   readonly hideTimeout: number;

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

@@ -7,10 +7,10 @@ const require_runtime = 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 = require("../../../hooks/use-namespace/index.js");
 const require_for_editor = require("../../config-provider/src/for-editor.js");
-const require_index$2 = require("../../icon/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");
@@ -166,8 +166,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) : []);
@@ -355,12 +355,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

@@ -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  withDirectives,\n} from 'vue'\nimport { watch, watchEffect } from '../../config-provider'\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  widget: String,\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            widget: props.widget,\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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"}
+{"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  withDirectives,\n} from 'vue'\nimport { watch, watchEffect } from '../../config-provider'\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  widget: String,\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            widget: props.widget,\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

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

package/lib/components/menu/src/utils/menu-item.js

@@ -2,8 +2,8 @@ Object.defineProperties(exports, {
 	__esModule: { value: true },
 	[Symbol.toStringTag]: { value: "Module" }
 });
-const require_aria = require("../../../../utils/dom/aria.js");
-const require_aria$1 = require("../../../../constants/aria.js");
+const require_aria = require("../../../../constants/aria.js");
+const require_aria$1 = require("../../../../utils/dom/aria.js");
 const require_event = require("../../../../utils/dom/event.js");
 const require_submenu = require("./submenu.js");
 //#region ../../packages/components/menu/src/utils/menu-item.ts
@@ -24,22 +24,22 @@ var MenuItem = class {
 			const code = require_event.getEventCode(event);
 			let prevDef = false;
 			switch (code) {
-				case require_aria$1.EVENT_CODE.down:
-					require_aria.triggerEvent(event.currentTarget, "mouseenter");
+				case require_aria.EVENT_CODE.down:
+					require_aria$1.triggerEvent(event.currentTarget, "mouseenter");
 					this.submenu?.gotoSubIndex(0);
 					prevDef = true;
 					break;
-				case require_aria$1.EVENT_CODE.up:
-					require_aria.triggerEvent(event.currentTarget, "mouseenter");
+				case require_aria.EVENT_CODE.up:
+					require_aria$1.triggerEvent(event.currentTarget, "mouseenter");
 					this.submenu?.gotoSubIndex(this.submenu.subMenuItems.length - 1);
 					prevDef = true;
 					break;
-				case require_aria$1.EVENT_CODE.tab:
-					require_aria.triggerEvent(event.currentTarget, "mouseleave");
+				case require_aria.EVENT_CODE.tab:
+					require_aria$1.triggerEvent(event.currentTarget, "mouseleave");
 					break;
-				case require_aria$1.EVENT_CODE.enter:
-				case require_aria$1.EVENT_CODE.numpadEnter:
-				case require_aria$1.EVENT_CODE.space:
+				case require_aria.EVENT_CODE.enter:
+				case require_aria.EVENT_CODE.numpadEnter:
+				case require_aria.EVENT_CODE.space:
 					prevDef = true;
 					event.currentTarget.click();
 					break;

package/lib/components/menu/src/utils/menu-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu-item.js","names":["SubMenu","getEventCode","EVENT_CODE"],"sources":["../../../../../../../packages/components/menu/src/utils/menu-item.ts"],"sourcesContent":["import { getEventCode, triggerEvent } from '@element-plus/utils'\nimport { EVENT_CODE } from '@element-plus/constants'\nimport SubMenu from './submenu'\n\nclass MenuItem {\n  public submenu: SubMenu | null\n  constructor(\n    public domNode: HTMLElement,\n    namespace: string\n  ) {\n    this.submenu = null\n    this.init(namespace)\n  }\n\n  init(namespace: string): void {\n    this.domNode.setAttribute('tabindex', '0')\n    const menuChild = this.domNode.querySelector(`.${namespace}-menu`)\n    if (menuChild) {\n      this.submenu = new SubMenu(this, menuChild)\n    }\n    this.addListeners()\n  }\n\n  addListeners() {\n    this.domNode.addEventListener('keydown', (event: KeyboardEvent) => {\n      const code = getEventCode(event)\n      let prevDef = false\n\n      switch (code) {\n        case EVENT_CODE.down: {\n          triggerEvent(event.currentTarget as HTMLElement, 'mouseenter')\n          this.submenu?.gotoSubIndex(0)\n          prevDef = true\n          break\n        }\n        case EVENT_CODE.up: {\n          triggerEvent(event.currentTarget as HTMLElement, 'mouseenter')\n          this.submenu?.gotoSubIndex(this.submenu.subMenuItems.length - 1)\n          prevDef = true\n          break\n        }\n        case EVENT_CODE.tab: {\n          triggerEvent(event.currentTarget as HTMLElement, 'mouseleave')\n          break\n        }\n        case EVENT_CODE.enter:\n        case EVENT_CODE.numpadEnter:\n        case EVENT_CODE.space: {\n          prevDef = true\n          ;(event.currentTarget as HTMLElement).click()\n          break\n        }\n      }\n      if (prevDef) {\n        event.preventDefault()\n      }\n    })\n  }\n}\n\nexport default MenuItem\n"],"mappings":";;;;;;;;;AAIA,IAAM,WAAN,MAAe;CAEb,YACE,SACA,WACA;EAFO,KAAA,UAAA;EAGP,KAAK,UAAU;EACf,KAAK,KAAK,SAAS;CACrB;CAEA,KAAK,WAAyB;EAC5B,KAAK,QAAQ,aAAa,YAAY,GAAG;EACzC,MAAM,YAAY,KAAK,QAAQ,cAAc,IAAI,UAAU,MAAM;EACjE,IAAI,WACF,KAAK,UAAU,IAAIA,gBAAAA,QAAQ,MAAM,SAAS;EAE5C,KAAK,aAAa;CACpB;CAEA,eAAe;EACb,KAAK,QAAQ,iBAAiB,YAAY,UAAyB;GACjE,MAAM,OAAOC,cAAAA,aAAa,KAAK;GAC/B,IAAI,UAAU;GAEd,QAAQ,MAAR;IACE,KAAKC,eAAAA,WAAW;KACd,aAAA,aAAa,MAAM,eAA8B,YAAY;KAC7D,KAAK,SAAS,aAAa,CAAC;KAC5B,UAAU;KACV;IAEF,KAAKA,eAAAA,WAAW;KACd,aAAA,aAAa,MAAM,eAA8B,YAAY;KAC7D,KAAK,SAAS,aAAa,KAAK,QAAQ,aAAa,SAAS,CAAC;KAC/D,UAAU;KACV;IAEF,KAAKA,eAAAA,WAAW;KACd,aAAA,aAAa,MAAM,eAA8B,YAAY;KAC7D;IAEF,KAAKA,eAAAA,WAAW;IAChB,KAAKA,eAAAA,WAAW;IAChB,KAAKA,eAAAA,WAAW;KACd,UAAU;KACT,MAAO,cAA8B,MAAM;KAC5C;GAEJ;GACA,IAAI,SACF,MAAM,eAAe;EAEzB,CAAC;CACH;AACF"}
+{"version":3,"file":"menu-item.js","names":["SubMenu","getEventCode","EVENT_CODE"],"sources":["../../../../../../../packages/components/menu/src/utils/menu-item.ts"],"sourcesContent":["import { getEventCode, triggerEvent } from '@element-plus/utils'\nimport { EVENT_CODE } from '@element-plus/constants'\nimport SubMenu from './submenu'\n\nclass MenuItem {\n  public submenu: SubMenu | null\n  constructor(\n    public domNode: HTMLElement,\n    namespace: string\n  ) {\n    this.submenu = null\n    this.init(namespace)\n  }\n\n  init(namespace: string): void {\n    this.domNode.setAttribute('tabindex', '0')\n    const menuChild = this.domNode.querySelector(`.${namespace}-menu`)\n    if (menuChild) {\n      this.submenu = new SubMenu(this, menuChild)\n    }\n    this.addListeners()\n  }\n\n  addListeners() {\n    this.domNode.addEventListener('keydown', (event: KeyboardEvent) => {\n      const code = getEventCode(event)\n      let prevDef = false\n\n      switch (code) {\n        case EVENT_CODE.down: {\n          triggerEvent(event.currentTarget as HTMLElement, 'mouseenter')\n          this.submenu?.gotoSubIndex(0)\n          prevDef = true\n          break\n        }\n        case EVENT_CODE.up: {\n          triggerEvent(event.currentTarget as HTMLElement, 'mouseenter')\n          this.submenu?.gotoSubIndex(this.submenu.subMenuItems.length - 1)\n          prevDef = true\n          break\n        }\n        case EVENT_CODE.tab: {\n          triggerEvent(event.currentTarget as HTMLElement, 'mouseleave')\n          break\n        }\n        case EVENT_CODE.enter:\n        case EVENT_CODE.numpadEnter:\n        case EVENT_CODE.space: {\n          prevDef = true\n          ;(event.currentTarget as HTMLElement).click()\n          break\n        }\n      }\n      if (prevDef) {\n        event.preventDefault()\n      }\n    })\n  }\n}\n\nexport default MenuItem\n"],"mappings":";;;;;;;;;AAIA,IAAM,WAAN,MAAe;CAEb,YACE,SACA,WACA;EAFO,KAAA,UAAA;EAGP,KAAK,UAAU;EACf,KAAK,KAAK,SAAS;CACrB;CAEA,KAAK,WAAyB;EAC5B,KAAK,QAAQ,aAAa,YAAY,GAAG;EACzC,MAAM,YAAY,KAAK,QAAQ,cAAc,IAAI,UAAU,MAAM;EACjE,IAAI,WACF,KAAK,UAAU,IAAIA,gBAAAA,QAAQ,MAAM,SAAS;EAE5C,KAAK,aAAa;CACpB;CAEA,eAAe;EACb,KAAK,QAAQ,iBAAiB,YAAY,UAAyB;GACjE,MAAM,OAAOC,cAAAA,aAAa,KAAK;GAC/B,IAAI,UAAU;GAEd,QAAQ,MAAR;IACE,KAAKC,aAAAA,WAAW;KACd,eAAA,aAAa,MAAM,eAA8B,YAAY;KAC7D,KAAK,SAAS,aAAa,CAAC;KAC5B,UAAU;KACV;IAEF,KAAKA,aAAAA,WAAW;KACd,eAAA,aAAa,MAAM,eAA8B,YAAY;KAC7D,KAAK,SAAS,aAAa,KAAK,QAAQ,aAAa,SAAS,CAAC;KAC/D,UAAU;KACV;IAEF,KAAKA,aAAAA,WAAW;KACd,eAAA,aAAa,MAAM,eAA8B,YAAY;KAC7D;IAEF,KAAKA,aAAAA,WAAW;IAChB,KAAKA,aAAAA,WAAW;IAChB,KAAKA,aAAAA,WAAW;KACd,UAAU;KACT,MAAO,cAA8B,MAAM;KAC5C;GAEJ;GACA,IAAI,SACF,MAAM,eAAe;EAEzB,CAAC;CACH;AACF"}

package/lib/components/menu/src/utils/submenu.js

@@ -2,8 +2,8 @@ Object.defineProperties(exports, {
 	__esModule: { value: true },
 	[Symbol.toStringTag]: { value: "Module" }
 });
-const require_aria = require("../../../../utils/dom/aria.js");
-const require_aria$1 = require("../../../../constants/aria.js");
+const require_aria = require("../../../../constants/aria.js");
+const require_aria$1 = require("../../../../utils/dom/aria.js");
 const require_event = require("../../../../utils/dom/event.js");
 //#region ../../packages/components/menu/src/utils/submenu.ts
 var SubMenu = class {
@@ -27,20 +27,20 @@ var SubMenu = class {
 				const code = require_event.getEventCode(event);
 				let prevDef = false;
 				switch (code) {
-					case require_aria$1.EVENT_CODE.down:
+					case require_aria.EVENT_CODE.down:
 						this.gotoSubIndex(this.subIndex + 1);
 						prevDef = true;
 						break;
-					case require_aria$1.EVENT_CODE.up:
+					case require_aria.EVENT_CODE.up:
 						this.gotoSubIndex(this.subIndex - 1);
 						prevDef = true;
 						break;
-					case require_aria$1.EVENT_CODE.tab:
-						require_aria.triggerEvent(parentNode, "mouseleave");
+					case require_aria.EVENT_CODE.tab:
+						require_aria$1.triggerEvent(parentNode, "mouseleave");
 						break;
-					case require_aria$1.EVENT_CODE.enter:
-					case require_aria$1.EVENT_CODE.numpadEnter:
-					case require_aria$1.EVENT_CODE.space:
+					case require_aria.EVENT_CODE.enter:
+					case require_aria.EVENT_CODE.numpadEnter:
+					case require_aria.EVENT_CODE.space:
 						prevDef = true;
 						event.currentTarget.click();
 						break;

package/lib/components/menu/src/utils/submenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"submenu.js","names":["getEventCode","EVENT_CODE"],"sources":["../../../../../../../packages/components/menu/src/utils/submenu.ts"],"sourcesContent":["import { getEventCode, triggerEvent } from '@element-plus/utils'\nimport { EVENT_CODE } from '@element-plus/constants'\n\nimport type MenuItem from './menu-item'\n\nclass SubMenu {\n  public subMenuItems: NodeListOf<HTMLLIElement>\n  public subIndex: number\n  constructor(\n    public parent: MenuItem,\n    public domNode: ParentNode\n  ) {\n    this.subIndex = 0\n    this.subMenuItems = this.domNode.querySelectorAll('li')\n    this.addListeners()\n  }\n\n  gotoSubIndex(idx: number) {\n    if (idx === this.subMenuItems.length) {\n      idx = 0\n    } else if (idx < 0) {\n      idx = this.subMenuItems.length - 1\n    }\n    this.subMenuItems[idx].focus()\n    this.subIndex = idx\n  }\n\n  addListeners() {\n    const parentNode = this.parent.domNode\n    this.subMenuItems.forEach((el) => {\n      el.addEventListener('keydown', (event: KeyboardEvent) => {\n        const code = getEventCode(event)\n        let prevDef = false\n\n        switch (code) {\n          case EVENT_CODE.down: {\n            this.gotoSubIndex(this.subIndex + 1)\n            prevDef = true\n            break\n          }\n          case EVENT_CODE.up: {\n            this.gotoSubIndex(this.subIndex - 1)\n            prevDef = true\n            break\n          }\n          case EVENT_CODE.tab: {\n            triggerEvent(parentNode, 'mouseleave')\n            break\n          }\n          case EVENT_CODE.enter:\n          case EVENT_CODE.numpadEnter:\n          case EVENT_CODE.space: {\n            prevDef = true\n            ;(event.currentTarget as HTMLElement).click()\n            break\n          }\n        }\n        if (prevDef) {\n          event.preventDefault()\n          event.stopPropagation()\n        }\n        return false\n      })\n    })\n  }\n}\n\nexport default SubMenu\n"],"mappings":";;;;;;;;AAKA,IAAM,UAAN,MAAc;CAGZ,YACE,QACA,SACA;EAFO,KAAA,SAAA;EACA,KAAA,UAAA;EAEP,KAAK,WAAW;EAChB,KAAK,eAAe,KAAK,QAAQ,iBAAiB,IAAI;EACtD,KAAK,aAAa;CACpB;CAEA,aAAa,KAAa;EACxB,IAAI,QAAQ,KAAK,aAAa,QAC5B,MAAM;OACD,IAAI,MAAM,GACf,MAAM,KAAK,aAAa,SAAS;EAEnC,KAAK,aAAa,IAAI,CAAC,MAAM;EAC7B,KAAK,WAAW;CAClB;CAEA,eAAe;EACb,MAAM,aAAa,KAAK,OAAO;EAC/B,KAAK,aAAa,SAAS,OAAO;GAChC,GAAG,iBAAiB,YAAY,UAAyB;IACvD,MAAM,OAAOA,cAAAA,aAAa,KAAK;IAC/B,IAAI,UAAU;IAEd,QAAQ,MAAR;KACE,KAAKC,eAAAA,WAAW;MACd,KAAK,aAAa,KAAK,WAAW,CAAC;MACnC,UAAU;MACV;KAEF,KAAKA,eAAAA,WAAW;MACd,KAAK,aAAa,KAAK,WAAW,CAAC;MACnC,UAAU;MACV;KAEF,KAAKA,eAAAA,WAAW;MACd,aAAA,aAAa,YAAY,YAAY;MACrC;KAEF,KAAKA,eAAAA,WAAW;KAChB,KAAKA,eAAAA,WAAW;KAChB,KAAKA,eAAAA,WAAW;MACd,UAAU;MACT,MAAO,cAA8B,MAAM;MAC5C;IAEJ;IACA,IAAI,SAAS;KACX,MAAM,eAAe;KACrB,MAAM,gBAAgB;IACxB;IACA,OAAO;GACT,CAAC;EACH,CAAC;CACH;AACF"}
+{"version":3,"file":"submenu.js","names":["getEventCode","EVENT_CODE"],"sources":["../../../../../../../packages/components/menu/src/utils/submenu.ts"],"sourcesContent":["import { getEventCode, triggerEvent } from '@element-plus/utils'\nimport { EVENT_CODE } from '@element-plus/constants'\n\nimport type MenuItem from './menu-item'\n\nclass SubMenu {\n  public subMenuItems: NodeListOf<HTMLLIElement>\n  public subIndex: number\n  constructor(\n    public parent: MenuItem,\n    public domNode: ParentNode\n  ) {\n    this.subIndex = 0\n    this.subMenuItems = this.domNode.querySelectorAll('li')\n    this.addListeners()\n  }\n\n  gotoSubIndex(idx: number) {\n    if (idx === this.subMenuItems.length) {\n      idx = 0\n    } else if (idx < 0) {\n      idx = this.subMenuItems.length - 1\n    }\n    this.subMenuItems[idx].focus()\n    this.subIndex = idx\n  }\n\n  addListeners() {\n    const parentNode = this.parent.domNode\n    this.subMenuItems.forEach((el) => {\n      el.addEventListener('keydown', (event: KeyboardEvent) => {\n        const code = getEventCode(event)\n        let prevDef = false\n\n        switch (code) {\n          case EVENT_CODE.down: {\n            this.gotoSubIndex(this.subIndex + 1)\n            prevDef = true\n            break\n          }\n          case EVENT_CODE.up: {\n            this.gotoSubIndex(this.subIndex - 1)\n            prevDef = true\n            break\n          }\n          case EVENT_CODE.tab: {\n            triggerEvent(parentNode, 'mouseleave')\n            break\n          }\n          case EVENT_CODE.enter:\n          case EVENT_CODE.numpadEnter:\n          case EVENT_CODE.space: {\n            prevDef = true\n            ;(event.currentTarget as HTMLElement).click()\n            break\n          }\n        }\n        if (prevDef) {\n          event.preventDefault()\n          event.stopPropagation()\n        }\n        return false\n      })\n    })\n  }\n}\n\nexport default SubMenu\n"],"mappings":";;;;;;;;AAKA,IAAM,UAAN,MAAc;CAGZ,YACE,QACA,SACA;EAFO,KAAA,SAAA;EACA,KAAA,UAAA;EAEP,KAAK,WAAW;EAChB,KAAK,eAAe,KAAK,QAAQ,iBAAiB,IAAI;EACtD,KAAK,aAAa;CACpB;CAEA,aAAa,KAAa;EACxB,IAAI,QAAQ,KAAK,aAAa,QAC5B,MAAM;OACD,IAAI,MAAM,GACf,MAAM,KAAK,aAAa,SAAS;EAEnC,KAAK,aAAa,IAAI,CAAC,MAAM;EAC7B,KAAK,WAAW;CAClB;CAEA,eAAe;EACb,MAAM,aAAa,KAAK,OAAO;EAC/B,KAAK,aAAa,SAAS,OAAO;GAChC,GAAG,iBAAiB,YAAY,UAAyB;IACvD,MAAM,OAAOA,cAAAA,aAAa,KAAK;IAC/B,IAAI,UAAU;IAEd,QAAQ,MAAR;KACE,KAAKC,aAAAA,WAAW;MACd,KAAK,aAAa,KAAK,WAAW,CAAC;MACnC,UAAU;MACV;KAEF,KAAKA,aAAAA,WAAW;MACd,KAAK,aAAa,KAAK,WAAW,CAAC;MACnC,UAAU;MACV;KAEF,KAAKA,aAAAA,WAAW;MACd,eAAA,aAAa,YAAY,YAAY;MACrC;KAEF,KAAKA,aAAAA,WAAW;KAChB,KAAKA,aAAAA,WAAW;KAChB,KAAKA,aAAAA,WAAW;MACd,UAAU;MACT,MAAO,cAA8B,MAAM;MAC5C;IAEJ;IACA,IAAI,SAAS;KACX,MAAM,eAAe;KACrB,MAAM,gBAAgB;IACxB;IACA,OAAO;GACT,CAAC;EACH,CAAC;CACH;AACF"}

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

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