@element-plus/nightly 0.0.20261013 → 0.0.20261015

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

@@ -1 +1 @@
-{"version":3,"file":"menu.js","names":["buildProps","definePropType","mutable","iconPropType","More","isArray","isString","isObject","isUndefined","defineComponent","getCurrentInstance","ref","useNamespace","computed","isNil","unrefElement","useResizeObserver","MENU_INJECTION_KEY","reactive","SUB_MENU_INJECTION_KEY","Menubar","useMenuCssVar","flattedChildren","h","ElSubMenu","ElIcon","vClickoutside","withDirectives","ElMenuCollapseTransition"],"sources":["../../../../../../packages/components/menu/src/menu.ts"],"sourcesContent":["import {\n  computed,\n  defineComponent,\n  getCurrentInstance,\n  h,\n  nextTick,\n  onMounted,\n  provide,\n  reactive,\n  ref,\n  watch,\n  watchEffect,\n  withDirectives,\n} from 'vue'\nimport { unrefElement, useResizeObserver } from '@vueuse/core'\nimport { isNil } from 'lodash-unified'\nimport ElIcon from '@element-plus/components/icon'\nimport { More } from '@element-plus/icons-vue'\nimport {\n  buildProps,\n  definePropType,\n  flattedChildren,\n  iconPropType,\n  isArray,\n  isObject,\n  isString,\n  isUndefined,\n  mutable,\n} from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport { ClickOutside as vClickoutside } from '@element-plus/directives'\nimport Menubar from './utils/menu-bar'\nimport ElMenuCollapseTransition from './menu-collapse-transition.vue'\nimport ElSubMenu from './sub-menu'\nimport { useMenuCssVar } from './use-menu-css-var'\nimport { MENU_INJECTION_KEY, SUB_MENU_INJECTION_KEY } from './tokens'\n\nimport type { ClassValue } from '@element-plus/utils'\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  Component,\n  DirectiveArguments,\n  ExtractPropTypes,\n  ExtractPublicPropTypes,\n  StyleValue,\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: {\n    type: definePropType<ClassValue>([String, Array, Object, Boolean]),\n    default: undefined,\n  },\n  /**\n   * @description custom style for all popup menus\n   */\n  popperStyle: {\n    type: definePropType<StyleValue>([String, Array, Object, Boolean]),\n    default: undefined,\n  },\n  /**\n   * @description control timeout for all menus before showing\n   */\n  showTimeout: {\n    type: Number,\n    default: 300,\n  },\n  /**\n   * @description control timeout for all menus before hiding\n   */\n  hideTimeout: {\n    type: Number,\n    default: 300,\n  },\n  /**\n   * @description when menu inactive and `persistent` is `false` , dropdown menu will be destroyed\n   */\n  persistent: {\n    type: Boolean,\n    default: true,\n  },\n} as const)\nexport type MenuProps = ExtractPropTypes<typeof menuProps>\nexport type MenuPropsPublic = ExtractPublicPropTypes<typeof menuProps>\n\nconst checkIndexPath = (indexPath: unknown): indexPath is string[] =>\n  isArray(indexPath) && indexPath.every((path) => isString(path))\n\nexport const menuEmits = {\n  close: (index: string, indexPath: string[]) =>\n    isString(index) && checkIndexPath(indexPath),\n\n  open: (index: string, indexPath: string[]) =>\n    isString(index) && checkIndexPath(indexPath),\n\n  select: (\n    index: string,\n    indexPath: string[],\n    item: MenuItemClicked,\n    routerResult?: Promise<void | NavigationFailure>\n  ) =>\n    isString(index) &&\n    checkIndexPath(indexPath) &&\n    isObject(item) &&\n    (isUndefined(routerResult) || routerResult instanceof Promise),\n}\nexport type MenuEmits = typeof menuEmits\n\nconst DEFAULT_MORE_ITEM_WIDTH = 64\n\nexport default defineComponent({\n  name: 'ElMenu',\n\n  props: menuProps,\n  emits: menuEmits,\n\n  setup(props, { emit, slots, expose }) {\n    const instance = getCurrentInstance()!\n    const router = instance.appContext.config.globalProperties.$router as Router\n    const menu = ref<HTMLUListElement>()\n    const subMenu = ref<HTMLElement>()\n    const nsMenu = useNamespace('menu')\n    const nsSubMenu = useNamespace('sub-menu')\n    let moreItemWidth = DEFAULT_MORE_ITEM_WIDTH\n\n    // data\n    const sliceIndex = ref(-1)\n\n    const openedMenus = ref<MenuProvider['openedMenus']>(\n      props.defaultOpeneds && !props.collapse\n        ? props.defaultOpeneds.slice(0)\n        : []\n    )\n    const activeIndex = ref<MenuProvider['activeIndex']>(props.defaultActive)\n    const items = ref<MenuProvider['items']>({})\n    const subMenus = ref<MenuProvider['subMenus']>({})\n\n    // computed\n    const isMenuPopup = computed<MenuProvider['isMenuPopup']>(\n      () =>\n        props.mode === 'horizontal' ||\n        (props.mode === 'vertical' && props.collapse)\n    )\n\n    // methods\n    const initMenu = () => {\n      const activeItem = activeIndex.value && items.value[activeIndex.value]\n      if (!activeItem || props.mode === 'horizontal' || props.collapse) return\n\n      const indexPath = activeItem.indexPath\n\n      // 展开该菜单项的路径上所有子菜单\n      // expand all subMenus of the menu item\n      indexPath.forEach((index) => {\n        const subMenu = subMenus.value[index]\n        subMenu && openMenu(index, subMenu.indexPath)\n      })\n    }\n\n    const openMenu: MenuProvider['openMenu'] = (index, indexPath) => {\n      if (openedMenus.value.includes(index)) return\n      // 将不在该菜单路径下的其余菜单收起\n      // collapse all menu that are not under current menu item\n      if (props.uniqueOpened) {\n        openedMenus.value = openedMenus.value.filter((index: string) =>\n          indexPath.includes(index)\n        )\n      }\n      openedMenus.value.push(index)\n      emit('open', index, indexPath)\n    }\n\n    const close = (index: string) => {\n      const i = openedMenus.value.indexOf(index)\n      if (i !== -1) {\n        openedMenus.value.splice(i, 1)\n      }\n    }\n\n    const closeMenu: MenuProvider['closeMenu'] = (index, indexPath) => {\n      close(index)\n      emit('close', index, indexPath)\n    }\n\n    const handleSubMenuClick: MenuProvider['handleSubMenuClick'] = ({\n      index,\n      indexPath,\n    }) => {\n      const isOpened = openedMenus.value.includes(index)\n\n      isOpened ? closeMenu(index, indexPath) : openMenu(index, indexPath)\n    }\n\n    const handleMenuItemClick: MenuProvider['handleMenuItemClick'] = (\n      menuItem\n    ) => {\n      if (props.mode === 'horizontal' || props.collapse) {\n        openedMenus.value = []\n      }\n      const { index, indexPath } = menuItem\n      if (isNil(index) || isNil(indexPath)) return\n\n      if (props.router && router) {\n        const route = menuItem.route || index\n        const routerResult = router.push(route).then((res) => {\n          if (!res) activeIndex.value = index\n          return res\n        })\n        emit(\n          'select',\n          index,\n          indexPath,\n          { index, indexPath, route },\n          routerResult\n        )\n      } else {\n        activeIndex.value = index\n        emit('select', index, indexPath, { index, indexPath })\n      }\n    }\n\n    const updateActiveIndex = (val: string) => {\n      const itemsInData = items.value\n      const item =\n        itemsInData[val] ||\n        (activeIndex.value && itemsInData[activeIndex.value]) ||\n        itemsInData[props.defaultActive]\n\n      activeIndex.value = item?.index ?? val\n    }\n\n    const calcMenuItemWidth = (menuItem: HTMLElement) => {\n      const computedStyle = getComputedStyle(menuItem)\n      const marginLeft = Number.parseInt(computedStyle.marginLeft, 10)\n      const marginRight = Number.parseInt(computedStyle.marginRight, 10)\n      return menuItem.offsetWidth + marginLeft + marginRight || 0\n    }\n\n    const calcSliceIndex = () => {\n      if (!menu.value) return -1\n\n      const items = Array.from(menu.value.childNodes).filter(\n        (item) =>\n          item.nodeName !== '#comment' &&\n          (item.nodeName !== '#text' || item.nodeValue)\n      ) as HTMLElement[]\n\n      const computedMenuStyle = getComputedStyle(menu.value)\n      const paddingLeft = Number.parseInt(computedMenuStyle.paddingLeft, 10)\n      const paddingRight = Number.parseInt(computedMenuStyle.paddingRight, 10)\n      const menuWidth = menu.value.clientWidth - paddingLeft - paddingRight\n\n      let calcWidth = 0\n      let sliceIndex = 0\n      items.forEach((item, index) => {\n        calcWidth += calcMenuItemWidth(item)\n        if (calcWidth <= menuWidth - moreItemWidth) {\n          sliceIndex = index + 1\n        }\n      })\n      return sliceIndex === items.length ? -1 : sliceIndex\n    }\n\n    const getIndexPath = (index: string) => subMenus.value[index].indexPath\n\n    // Common computer monitor FPS is 60Hz, which means 60 redraws per second. Calculation formula: 1000ms/60 ≈ 16.67ms, In order to avoid a certain chance of repeated triggering when `resize`, set wait to 16.67 * 2 = 33.34\n    const debounce = (fn: () => void, wait = 33.34) => {\n      let timer: ReturnType<typeof setTimeout> | null\n      return () => {\n        timer && clearTimeout(timer)\n        timer = setTimeout(() => {\n          fn()\n        }, wait)\n      }\n    }\n\n    let isFirstTimeRender = true\n    const handleResize = () => {\n      const el = unrefElement(subMenu)\n      if (el) moreItemWidth = calcMenuItemWidth(el) || DEFAULT_MORE_ITEM_WIDTH\n      if (sliceIndex.value === calcSliceIndex()) return\n      const callback = () => {\n        sliceIndex.value = -1\n        nextTick(() => {\n          sliceIndex.value = calcSliceIndex()\n        })\n      }\n      // execute callback directly when first time resize to avoid shaking\n      isFirstTimeRender ? callback() : debounce(callback)()\n      isFirstTimeRender = false\n    }\n\n    watch(\n      () => props.defaultActive,\n      (currentActive) => {\n        if (!items.value[currentActive]) {\n          activeIndex.value = ''\n        }\n        updateActiveIndex(currentActive)\n      }\n    )\n\n    watch(\n      () => props.collapse,\n      (value) => {\n        if (value) openedMenus.value = []\n      }\n    )\n\n    watch(items.value, initMenu)\n\n    let resizeStopper: UseResizeObserverReturn['stop']\n    watchEffect(() => {\n      if (props.mode === 'horizontal' && props.ellipsis)\n        resizeStopper = useResizeObserver(menu, handleResize).stop\n      else resizeStopper?.()\n    })\n\n    const mouseInChild = ref(false)\n\n    // provide\n    {\n      const addSubMenu: MenuProvider['addSubMenu'] = (item) => {\n        subMenus.value[item.index] = item\n      }\n\n      const removeSubMenu: MenuProvider['removeSubMenu'] = (item) => {\n        delete subMenus.value[item.index]\n      }\n\n      const addMenuItem: MenuProvider['addMenuItem'] = (item) => {\n        items.value[item.index] = item\n      }\n\n      const removeMenuItem: MenuProvider['removeMenuItem'] = (item) => {\n        delete items.value[item.index]\n      }\n\n      provide<MenuProvider>(\n        MENU_INJECTION_KEY,\n        reactive({\n          props,\n          openedMenus,\n          items,\n          subMenus,\n          activeIndex,\n          isMenuPopup,\n\n          addMenuItem,\n          removeMenuItem,\n          addSubMenu,\n          removeSubMenu,\n          openMenu,\n          closeMenu,\n          handleMenuItemClick,\n          handleSubMenuClick,\n        }) as unknown as MenuProvider // Avoid TS2589\n      )\n\n      provide<SubMenuProvider>(`${SUB_MENU_INJECTION_KEY}${instance.uid}`, {\n        addSubMenu,\n        removeSubMenu,\n        mouseInChild,\n        level: 0,\n      })\n    }\n\n    // lifecycle\n    onMounted(() => {\n      if (props.mode === 'horizontal') {\n        new Menubar(instance.vnode.el!, nsMenu.namespace.value)\n      }\n    })\n\n    {\n      const open = (index: string) => {\n        const { indexPath } = subMenus.value[index]\n        indexPath.forEach((i) => openMenu(i, indexPath))\n      }\n\n      expose({\n        open,\n        close,\n        updateActiveIndex,\n        handleResize,\n      })\n    }\n\n    const ulStyle = useMenuCssVar(props, 0)\n\n    return () => {\n      let slot: VNodeArrayChildren = slots.default?.() ?? []\n      const vShowMore: VNode[] = []\n\n      if (props.mode === 'horizontal' && menu.value) {\n        const originalSlot = (\n          flattedChildren(slot) as VNodeArrayChildren\n        ).filter((vnode) => {\n          // Filter text and comment nodes (https://github.com/vuejs/core/blob/c875019d49b4c36a88d929ccadc31ad414747c7b/packages/shared/src/shapeFlags.ts#L5)\n          return (vnode as VNode)?.shapeFlag !== 8\n        })\n        const slotDefault =\n          sliceIndex.value === -1\n            ? originalSlot\n            : originalSlot.slice(0, sliceIndex.value)\n\n        const slotMore =\n          sliceIndex.value === -1 ? [] : originalSlot.slice(sliceIndex.value)\n\n        if (slotMore?.length && props.ellipsis) {\n          slot = slotDefault\n          vShowMore.push(\n            h(\n              ElSubMenu,\n              {\n                ref: subMenu,\n                index: 'sub-menu-more',\n                class: nsSubMenu.e('hide-arrow'),\n                popperOffset: props.popperOffset,\n              },\n              {\n                title: () =>\n                  h(\n                    ElIcon,\n                    {\n                      class: nsSubMenu.e('icon-more'),\n                    },\n                    {\n                      default: () => h(props.ellipsisIcon as Component),\n                    }\n                  ),\n                default: () => slotMore,\n              }\n            )\n          )\n        }\n      }\n\n      const directives: DirectiveArguments = props.closeOnClickOutside\n        ? [\n            [\n              vClickoutside,\n              () => {\n                if (!openedMenus.value.length) return\n\n                if (!mouseInChild.value) {\n                  openedMenus.value.forEach((openedMenu) =>\n                    emit('close', openedMenu, getIndexPath(openedMenu))\n                  )\n\n                  openedMenus.value = []\n                }\n              },\n            ],\n          ]\n        : []\n\n      const vMenu = withDirectives(\n        h(\n          'ul',\n          {\n            key: String(props.collapse),\n            role: 'menubar',\n            ref: menu,\n            style: ulStyle.value,\n            class: {\n              [nsMenu.b()]: true,\n              [nsMenu.m(props.mode)]: true,\n              [nsMenu.m('collapse')]: props.collapse,\n            },\n          },\n          [...slot, ...vShowMore]\n        ),\n        directives\n      )\n\n      if (props.collapseTransition && props.mode === 'vertical') {\n        return h(ElMenuCollapseTransition, () => vMenu)\n      }\n\n      return vMenu\n    }\n  },\n})\n"],"mappings":"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"}
+{"version":3,"file":"menu.js","names":["buildProps","definePropType","mutable","iconPropType","More","isArray","isString","isObject","isUndefined","defineComponent","getCurrentInstance","ref","useNamespace","computed","isNil","unrefElement","useResizeObserver","MENU_INJECTION_KEY","reactive","SUB_MENU_INJECTION_KEY","Menubar","useMenuCssVar","flattedChildren","h","ElSubMenu","ElIcon","vClickoutside","withDirectives","ElMenuCollapseTransition"],"sources":["../../../../../../packages/components/menu/src/menu.ts"],"sourcesContent":["import {\n  computed,\n  defineComponent,\n  getCurrentInstance,\n  h,\n  nextTick,\n  onMounted,\n  provide,\n  reactive,\n  ref,\n  watch,\n  watchEffect,\n  withDirectives,\n} from 'vue'\nimport { unrefElement, useResizeObserver } from '@vueuse/core'\nimport { isNil } from 'lodash-unified'\nimport ElIcon from '@element-plus/components/icon'\nimport { More } from '@element-plus/icons-vue'\nimport {\n  buildProps,\n  definePropType,\n  flattedChildren,\n  iconPropType,\n  isArray,\n  isObject,\n  isString,\n  isUndefined,\n  mutable,\n} from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport { ClickOutside as vClickoutside } from '@element-plus/directives'\nimport Menubar from './utils/menu-bar'\nimport ElMenuCollapseTransition from './menu-collapse-transition.vue'\nimport ElSubMenu from './sub-menu'\nimport { useMenuCssVar } from './use-menu-css-var'\nimport { MENU_INJECTION_KEY, SUB_MENU_INJECTION_KEY } from './tokens'\n\nimport type { ClassValue } from '@element-plus/utils'\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  Component,\n  DirectiveArguments,\n  ExtractPropTypes,\n  ExtractPublicPropTypes,\n  StyleValue,\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: {\n    type: definePropType<ClassValue>([String, Array, Object, Boolean]),\n    default: undefined,\n  },\n  /**\n   * @description custom style for all popup menus\n   */\n  popperStyle: {\n    type: definePropType<StyleValue>([String, Array, Object, Boolean]),\n    default: undefined,\n  },\n  /**\n   * @description control timeout for all menus before showing\n   */\n  showTimeout: {\n    type: Number,\n    default: 300,\n  },\n  /**\n   * @description control timeout for all menus before hiding\n   */\n  hideTimeout: {\n    type: Number,\n    default: 300,\n  },\n  /**\n   * @description when menu inactive and `persistent` is `false` , dropdown menu will be destroyed\n   */\n  persistent: {\n    type: Boolean,\n    default: true,\n  },\n} as const)\nexport type MenuProps = ExtractPropTypes<typeof menuProps>\nexport type MenuPropsPublic = ExtractPublicPropTypes<typeof menuProps>\n\nconst checkIndexPath = (indexPath: unknown): indexPath is string[] =>\n  isArray(indexPath) && indexPath.every((path) => isString(path))\n\nexport const menuEmits = {\n  close: (index: string, indexPath: string[]) =>\n    isString(index) && checkIndexPath(indexPath),\n\n  open: (index: string, indexPath: string[]) =>\n    isString(index) && checkIndexPath(indexPath),\n\n  select: (\n    index: string,\n    indexPath: string[],\n    item: MenuItemClicked,\n    routerResult?: Promise<void | NavigationFailure>\n  ) =>\n    isString(index) &&\n    checkIndexPath(indexPath) &&\n    isObject(item) &&\n    (isUndefined(routerResult) || routerResult instanceof Promise),\n}\nexport type MenuEmits = typeof menuEmits\n\nconst DEFAULT_MORE_ITEM_WIDTH = 64\n\nexport default defineComponent({\n  name: 'ElMenu',\n\n  props: menuProps,\n  emits: menuEmits,\n\n  setup(props, { emit, slots, expose }) {\n    const instance = getCurrentInstance()!\n    const router = instance.appContext.config.globalProperties.$router as Router\n    const menu = ref<HTMLUListElement>()\n    const subMenu = ref<HTMLElement>()\n    const nsMenu = useNamespace('menu')\n    const nsSubMenu = useNamespace('sub-menu')\n    let moreItemWidth = DEFAULT_MORE_ITEM_WIDTH\n\n    // data\n    const sliceIndex = ref(-1)\n\n    const openedMenus = ref<MenuProvider['openedMenus']>(\n      props.defaultOpeneds && !props.collapse\n        ? props.defaultOpeneds.slice(0)\n        : []\n    )\n    const activeIndex = ref<MenuProvider['activeIndex']>(props.defaultActive)\n    const items = ref<MenuProvider['items']>({})\n    const subMenus = ref<MenuProvider['subMenus']>({})\n\n    // computed\n    const isMenuPopup = computed<MenuProvider['isMenuPopup']>(\n      () =>\n        props.mode === 'horizontal' ||\n        (props.mode === 'vertical' && props.collapse)\n    )\n\n    // methods\n    const initMenu = () => {\n      const activeItem = activeIndex.value && items.value[activeIndex.value]\n      if (!activeItem || props.mode === 'horizontal' || props.collapse) return\n\n      const indexPath = activeItem.indexPath\n\n      // 展开该菜单项的路径上所有子菜单\n      // expand all subMenus of the menu item\n      indexPath.forEach((index) => {\n        const subMenu = subMenus.value[index]\n        subMenu && openMenu(index, subMenu.indexPath)\n      })\n    }\n\n    const openMenu: MenuProvider['openMenu'] = (index, indexPath) => {\n      if (openedMenus.value.includes(index)) return\n      // 将不在该菜单路径下的其余菜单收起\n      // collapse all menu that are not under current menu item\n      if (props.uniqueOpened) {\n        openedMenus.value = openedMenus.value.filter((index: string) =>\n          indexPath.includes(index)\n        )\n      }\n      openedMenus.value.push(index)\n      emit('open', index, indexPath)\n    }\n\n    const close = (index: string) => {\n      const i = openedMenus.value.indexOf(index)\n      if (i !== -1) {\n        openedMenus.value.splice(i, 1)\n      }\n    }\n\n    const closeMenu: MenuProvider['closeMenu'] = (index, indexPath) => {\n      close(index)\n      emit('close', index, indexPath)\n    }\n\n    const handleSubMenuClick: MenuProvider['handleSubMenuClick'] = ({\n      index,\n      indexPath,\n    }) => {\n      const isOpened = openedMenus.value.includes(index)\n\n      isOpened ? closeMenu(index, indexPath) : openMenu(index, indexPath)\n    }\n\n    const handleMenuItemClick: MenuProvider['handleMenuItemClick'] = (\n      menuItem\n    ) => {\n      if (props.mode === 'horizontal' || props.collapse) {\n        openedMenus.value = []\n      }\n      const { index, indexPath } = menuItem\n      if (isNil(index) || isNil(indexPath)) return\n\n      if (props.router && router) {\n        const route = menuItem.route || index\n        const routerResult = router.push(route).then((res) => {\n          if (!res) activeIndex.value = index\n          return res\n        })\n        emit(\n          'select',\n          index,\n          indexPath,\n          { index, indexPath, route },\n          routerResult\n        )\n      } else {\n        activeIndex.value = index\n        emit('select', index, indexPath, { index, indexPath })\n      }\n    }\n\n    const updateActiveIndex = (val: string) => {\n      const itemsInData = items.value\n      const item =\n        itemsInData[val] ||\n        (activeIndex.value && itemsInData[activeIndex.value]) ||\n        itemsInData[props.defaultActive]\n\n      activeIndex.value = item?.index ?? val\n    }\n\n    const calcMenuItemWidth = (menuItem: HTMLElement) => {\n      const computedStyle = getComputedStyle(menuItem)\n      const marginLeft = Number.parseInt(computedStyle.marginLeft, 10)\n      const marginRight = Number.parseInt(computedStyle.marginRight, 10)\n      return menuItem.offsetWidth + marginLeft + marginRight || 0\n    }\n\n    const calcSliceIndex = () => {\n      if (!menu.value) return -1\n\n      const items = Array.from(menu.value.childNodes).filter(\n        (item) =>\n          item.nodeName !== '#comment' &&\n          (item.nodeName !== '#text' || item.nodeValue)\n      ) as HTMLElement[]\n\n      const computedMenuStyle = getComputedStyle(menu.value)\n      const paddingLeft = Number.parseInt(computedMenuStyle.paddingLeft, 10)\n      const paddingRight = Number.parseInt(computedMenuStyle.paddingRight, 10)\n      const menuWidth = menu.value.clientWidth - paddingLeft - paddingRight\n\n      let calcWidth = 0\n      let sliceIndex = 0\n      items.forEach((item, index) => {\n        calcWidth += calcMenuItemWidth(item)\n        if (calcWidth <= menuWidth - moreItemWidth) {\n          sliceIndex = index + 1\n        }\n      })\n      return sliceIndex === items.length ? -1 : sliceIndex\n    }\n\n    const getIndexPath = (index: string) => subMenus.value[index].indexPath\n\n    // Common computer monitor FPS is 60Hz, which means 60 redraws per second. Calculation formula: 1000ms/60 ≈ 16.67ms, In order to avoid a certain chance of repeated triggering when `resize`, set wait to 16.67 * 2 = 33.34\n    const debounce = (fn: () => void, wait = 33.34) => {\n      let timer: ReturnType<typeof setTimeout> | null\n      return () => {\n        timer && clearTimeout(timer)\n        timer = setTimeout(() => {\n          fn()\n        }, wait)\n      }\n    }\n\n    let isFirstTimeRender = true\n    const handleResize = () => {\n      const el = unrefElement(subMenu)\n      if (el) moreItemWidth = calcMenuItemWidth(el) || DEFAULT_MORE_ITEM_WIDTH\n      if (sliceIndex.value === calcSliceIndex()) return\n      const callback = () => {\n        sliceIndex.value = -1\n        nextTick(() => {\n          sliceIndex.value = calcSliceIndex()\n        })\n      }\n      // execute callback directly when first time resize to avoid shaking\n      isFirstTimeRender ? callback() : debounce(callback)()\n      isFirstTimeRender = false\n    }\n\n    watch(\n      () => props.defaultActive,\n      (currentActive) => {\n        if (!items.value[currentActive]) {\n          activeIndex.value = ''\n        }\n        updateActiveIndex(currentActive)\n      }\n    )\n\n    watch(\n      () => props.collapse,\n      (value) => {\n        if (value) openedMenus.value = []\n      }\n    )\n\n    watch(items.value, initMenu)\n\n    let resizeStopper: UseResizeObserverReturn['stop']\n    watchEffect(() => {\n      if (props.mode === 'horizontal' && props.ellipsis)\n        resizeStopper = useResizeObserver(menu, handleResize).stop\n      else resizeStopper?.()\n    })\n\n    const mouseInChild = ref(false)\n\n    // provide\n    {\n      const addSubMenu: MenuProvider['addSubMenu'] = (item) => {\n        subMenus.value[item.index] = item\n      }\n\n      const removeSubMenu: MenuProvider['removeSubMenu'] = (item) => {\n        delete subMenus.value[item.index]\n      }\n\n      const addMenuItem: MenuProvider['addMenuItem'] = (item) => {\n        items.value[item.index] = item\n      }\n\n      const removeMenuItem: MenuProvider['removeMenuItem'] = (item) => {\n        delete items.value[item.index]\n      }\n\n      provide<MenuProvider>(\n        MENU_INJECTION_KEY,\n        reactive({\n          props,\n          openedMenus,\n          items,\n          subMenus,\n          activeIndex,\n          isMenuPopup,\n\n          addMenuItem,\n          removeMenuItem,\n          addSubMenu,\n          removeSubMenu,\n          openMenu,\n          closeMenu,\n          handleMenuItemClick,\n          handleSubMenuClick,\n        }) as unknown as MenuProvider // Avoid TS2589\n      )\n\n      provide<SubMenuProvider>(`${SUB_MENU_INJECTION_KEY}${instance.uid}`, {\n        addSubMenu,\n        removeSubMenu,\n        mouseInChild,\n        level: 0,\n      })\n    }\n\n    // lifecycle\n    onMounted(() => {\n      if (props.mode === 'horizontal') {\n        new Menubar(instance.vnode.el!, nsMenu.namespace.value)\n      }\n    })\n\n    {\n      const open = (index: string) => {\n        const { indexPath } = subMenus.value[index]\n        indexPath.forEach((i) => openMenu(i, indexPath))\n      }\n\n      expose({\n        open,\n        close,\n        updateActiveIndex,\n        handleResize,\n      })\n    }\n\n    const ulStyle = useMenuCssVar(props, 0)\n\n    return () => {\n      let slot: VNodeArrayChildren = slots.default?.() ?? []\n      const vShowMore: VNode[] = []\n\n      if (props.mode === 'horizontal' && menu.value) {\n        const originalSlot = (\n          flattedChildren(slot) as VNodeArrayChildren\n        ).filter((vnode) => {\n          // Filter text and comment nodes (https://github.com/vuejs/core/blob/c875019d49b4c36a88d929ccadc31ad414747c7b/packages/shared/src/shapeFlags.ts#L5)\n          return (vnode as VNode)?.shapeFlag !== 8\n        })\n        const slotDefault =\n          sliceIndex.value === -1\n            ? originalSlot\n            : originalSlot.slice(0, sliceIndex.value)\n\n        const slotMore =\n          sliceIndex.value === -1 ? [] : originalSlot.slice(sliceIndex.value)\n\n        if (slotMore?.length && props.ellipsis) {\n          slot = slotDefault\n          vShowMore.push(\n            h(\n              ElSubMenu,\n              {\n                ref: subMenu,\n                index: 'sub-menu-more',\n                class: nsSubMenu.e('hide-arrow'),\n                popperOffset: props.popperOffset,\n              },\n              {\n                title: () =>\n                  h(\n                    ElIcon,\n                    {\n                      class: nsSubMenu.e('icon-more'),\n                    },\n                    {\n                      default: () => h(props.ellipsisIcon as Component),\n                    }\n                  ),\n                default: () => slotMore,\n              }\n            )\n          )\n        }\n      }\n\n      const directives: DirectiveArguments = props.closeOnClickOutside\n        ? [\n            [\n              vClickoutside,\n              () => {\n                if (!openedMenus.value.length) return\n\n                if (!mouseInChild.value) {\n                  openedMenus.value.forEach((openedMenu) =>\n                    emit('close', openedMenu, getIndexPath(openedMenu))\n                  )\n\n                  openedMenus.value = []\n                }\n              },\n            ],\n          ]\n        : []\n\n      const vMenu = withDirectives(\n        h(\n          'ul',\n          {\n            key: String(props.collapse),\n            role: 'menubar',\n            ref: menu,\n            style: ulStyle.value,\n            class: {\n              [nsMenu.b()]: true,\n              [nsMenu.m(props.mode)]: true,\n              [nsMenu.m('collapse')]: props.collapse,\n            },\n          },\n          [...slot, ...vShowMore]\n        ),\n        directives\n      )\n\n      if (props.collapseTransition && props.mode === 'vertical') {\n        return h(ElMenuCollapseTransition, () => vMenu)\n      }\n\n      return vMenu\n    }\n  },\n})\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAoDA,MAAa,YAAYA,gBAAAA,WAAW;;;;CAIlC,MAAM;EACJ,MAAM;EACN,QAAQ,CAAC,cAAc,UAAU;EACjC,SAAS;CACX;;;;CAIA,eAAe;EACb,MAAM;EACN,SAAS;CACX;;;;CAIA,gBAAgB;EACd,MAAMC,gBAAAA,eAAyB,KAAK;EACpC,eAAeC,mBAAAA,QAAQ,CAAC,CAAU;CACpC;;;;CAIA,cAAc;;;;CAId,QAAQ;;;;CAIR,aAAa;EACX,MAAM;EACN,QAAQ,CAAC,SAAS,OAAO;EACzB,SAAS;CACX;;;;CAIA,UAAU;;;;;CAKV,iBAAiB;;;;;CAKjB,WAAW;;;;;CAKX,iBAAiB;;;;CAIjB,qBAAqB;;;;CAIrB,oBAAoB;EAClB,MAAM;EACN,SAAS;CACX;;;;CAIA,UAAU;EACR,MAAM;EACN,SAAS;CACX;;;;CAIA,cAAc;EACZ,MAAM;EACN,SAAS;CACX;;;;CAIA,cAAc;EACZ,MAAMC,aAAAA;EACN,eAAeC,wBAAAA;CACjB;;;;CAIA,cAAc;EACZ,MAAMH,gBAAAA,eAA6B,MAAM;EACzC,SAAS;CACX;;;;CAIA,aAAa;EACX,MAAMA,gBAAAA,eAA2B;GAAC;GAAQ;GAAO;GAAQ;EAAO,CAAC;EACjE,SAAS,KAAA;CACX;;;;CAIA,aAAa;EACX,MAAMA,gBAAAA,eAA2B;GAAC;GAAQ;GAAO;GAAQ;EAAO,CAAC;EACjE,SAAS,KAAA;CACX;;;;CAIA,aAAa;EACX,MAAM;EACN,SAAS;CACX;;;;CAIA,aAAa;EACX,MAAM;EACN,SAAS;CACX;;;;CAIA,YAAY;EACV,MAAM;EACN,SAAS;CACX;AACF,CAAU;AAIV,MAAM,kBAAkB,eAAA,GACtBI,YAAAA,QAAAA,CAAQ,SAAS,KAAK,UAAU,OAAO,UAAA,GAASC,YAAAA,SAAAA,CAAS,IAAI,CAAC;AAEhE,MAAa,YAAY;CACvB,QAAQ,OAAe,eAAA,GACrBA,YAAAA,SAAAA,CAAS,KAAK,KAAK,eAAe,SAAS;CAE7C,OAAO,OAAe,eAAA,GACpBA,YAAAA,SAAAA,CAAS,KAAK,KAAK,eAAe,SAAS;CAE7C,SACE,OACA,WACA,MACA,kBAAA,GAEAA,YAAAA,SAAAA,CAAS,KAAK,KACd,eAAe,SAAS,MAAA,GACxBC,YAAAA,SAAAA,CAAS,IAAI,MACZC,cAAAA,YAAY,YAAY,KAAK,wBAAwB;AAC1D;AAGA,MAAM,0BAA0B;AAEhC,IAAA,gBAAA,GAAeC,IAAAA,gBAAAA,CAAgB;CAC7B,MAAM;CAEN,OAAO;CACP,OAAO;CAEP,MAAM,OAAO,EAAE,MAAM,OAAO,UAAU;EACpC,MAAM,YAAA,GAAWC,IAAAA,mBAAAA,CAAmB;EACpC,MAAM,SAAS,SAAS,WAAW,OAAO,iBAAiB;EAC3D,MAAM,QAAA,GAAOC,IAAAA,IAAAA,CAAsB;EACnC,MAAM,WAAA,GAAUA,IAAAA,IAAAA,CAAiB;EACjC,MAAM,SAASC,gBAAAA,aAAa,MAAM;EAClC,MAAM,YAAYA,gBAAAA,aAAa,UAAU;EACzC,IAAI,gBAAgB;EAGpB,MAAM,cAAA,GAAaD,IAAAA,IAAAA,CAAI,EAAE;EAEzB,MAAM,eAAA,GAAcA,IAAAA,IAAAA,CAClB,MAAM,kBAAkB,CAAC,MAAM,WAC3B,MAAM,eAAe,MAAM,CAAC,IAC5B,CAAC,CACP;EACA,MAAM,eAAA,GAAcA,IAAAA,IAAAA,CAAiC,MAAM,aAAa;EACxE,MAAM,SAAA,GAAQA,IAAAA,IAAAA,CAA2B,CAAC,CAAC;EAC3C,MAAM,YAAA,GAAWA,IAAAA,IAAAA,CAA8B,CAAC,CAAC;EAGjD,MAAM,eAAA,GAAcE,IAAAA,SAAAA,OAEhB,MAAM,SAAS,gBACd,MAAM,SAAS,cAAc,MAAM,QACxC;EAGA,MAAM,iBAAiB;GACrB,MAAM,aAAa,YAAY,SAAS,MAAM,MAAM,YAAY;GAChE,IAAI,CAAC,cAAc,MAAM,SAAS,gBAAgB,MAAM,UAAU;GAMlE,WAJ6B,UAInB,SAAS,UAAU;IAC3B,MAAM,UAAU,SAAS,MAAM;IAC/B,WAAW,SAAS,OAAO,QAAQ,SAAS;GAC9C,CAAC;EACH;EAEA,MAAM,YAAsC,OAAO,cAAc;GAC/D,IAAI,YAAY,MAAM,SAAS,KAAK,GAAG;GAGvC,IAAI,MAAM,cACR,YAAY,QAAQ,YAAY,MAAM,QAAQ,UAC5C,UAAU,SAAS,KAAK,CAC1B;GAEF,YAAY,MAAM,KAAK,KAAK;GAC5B,KAAK,QAAQ,OAAO,SAAS;EAC/B;EAEA,MAAM,SAAS,UAAkB;GAC/B,MAAM,IAAI,YAAY,MAAM,QAAQ,KAAK;GACzC,IAAI,MAAM,IACR,YAAY,MAAM,OAAO,GAAG,CAAC;EAEjC;EAEA,MAAM,aAAwC,OAAO,cAAc;GACjE,MAAM,KAAK;GACX,KAAK,SAAS,OAAO,SAAS;EAChC;EAEA,MAAM,sBAA0D,EAC9D,OACA,gBACI;GAGJ,YAF6B,MAAM,SAAS,KAErC,IAAI,UAAU,OAAO,SAAS,IAAI,SAAS,OAAO,SAAS;EACpE;EAEA,MAAM,uBACJ,aACG;GACH,IAAI,MAAM,SAAS,gBAAgB,MAAM,UACvC,YAAY,QAAQ,CAAC;GAEvB,MAAM,EAAE,OAAO,cAAc;GAC7B,KAAA,GAAIC,eAAAA,MAAAA,CAAM,KAAK,MAAA,GAAKA,eAAAA,MAAAA,CAAM,SAAS,GAAG;GAEtC,IAAI,MAAM,UAAU,QAAQ;IAC1B,MAAM,QAAQ,SAAS,SAAS;IAChC,MAAM,eAAe,OAAO,KAAK,KAAK,CAAC,CAAC,MAAM,QAAQ;KACpD,IAAI,CAAC,KAAK,YAAY,QAAQ;KAC9B,OAAO;IACT,CAAC;IACD,KACE,UACA,OACA,WACA;KAAE;KAAO;KAAW;IAAM,GAC1B,YACF;GACF,OAAO;IACL,YAAY,QAAQ;IACpB,KAAK,UAAU,OAAO,WAAW;KAAE;KAAO;IAAU,CAAC;GACvD;EACF;EAEA,MAAM,qBAAqB,QAAgB;GACzC,MAAM,cAAc,MAAM;GAC1B,MAAM,OACJ,YAAY,QACX,YAAY,SAAS,YAAY,YAAY,UAC9C,YAAY,MAAM;GAEpB,YAAY,QAAQ,MAAM,SAAS;EACrC;EAEA,MAAM,qBAAqB,aAA0B;GACnD,MAAM,gBAAgB,iBAAiB,QAAQ;GAC/C,MAAM,aAAa,OAAO,SAAS,cAAc,YAAY,EAAE;GAC/D,MAAM,cAAc,OAAO,SAAS,cAAc,aAAa,EAAE;GACjE,OAAO,SAAS,cAAc,aAAa,eAAe;EAC5D;EAEA,MAAM,uBAAuB;GAC3B,IAAI,CAAC,KAAK,OAAO,OAAO;GAExB,MAAM,QAAQ,MAAM,KAAK,KAAK,MAAM,UAAU,CAAC,CAAC,QAC7C,SACC,KAAK,aAAa,eACjB,KAAK,aAAa,WAAW,KAAK,UACvC;GAEA,MAAM,oBAAoB,iBAAiB,KAAK,KAAK;GACrD,MAAM,cAAc,OAAO,SAAS,kBAAkB,aAAa,EAAE;GACrE,MAAM,eAAe,OAAO,SAAS,kBAAkB,cAAc,EAAE;GACvE,MAAM,YAAY,KAAK,MAAM,cAAc,cAAc;GAEzD,IAAI,YAAY;GAChB,IAAI,aAAa;GACjB,MAAM,SAAS,MAAM,UAAU;IAC7B,aAAa,kBAAkB,IAAI;IACnC,IAAI,aAAa,YAAY,eAC3B,aAAa,QAAQ;GAEzB,CAAC;GACD,OAAO,eAAe,MAAM,SAAS,KAAK;EAC5C;EAEA,MAAM,gBAAgB,UAAkB,SAAS,MAAM,MAAM,CAAC;EAG9D,MAAM,YAAY,IAAgB,OAAO,UAAU;GACjD,IAAI;GACJ,aAAa;IACX,SAAS,aAAa,KAAK;IAC3B,QAAQ,iBAAiB;KACvB,GAAG;IACL,GAAG,IAAI;GACT;EACF;EAEA,IAAI,oBAAoB;EACxB,MAAM,qBAAqB;GACzB,MAAM,MAAA,GAAKC,aAAAA,aAAAA,CAAa,OAAO;GAC/B,IAAI,IAAI,gBAAgB,kBAAkB,EAAE,KAAK;GACjD,IAAI,WAAW,UAAU,eAAe,GAAG;GAC3C,MAAM,iBAAiB;IACrB,WAAW,QAAQ;IACnB,CAAA,GAAA,IAAA,SAAA,OAAe;KACb,WAAW,QAAQ,eAAe;IACpC,CAAC;GACH;GAEA,oBAAoB,SAAS,IAAI,SAAS,QAAQ,CAAC,CAAC;GACpD,oBAAoB;EACtB;EAEA,CAAA,GAAA,IAAA,MAAA,OACQ,MAAM,gBACX,kBAAkB;GACjB,IAAI,CAAC,MAAM,MAAM,gBACf,YAAY,QAAQ;GAEtB,kBAAkB,aAAa;EACjC,CACF;EAEA,CAAA,GAAA,IAAA,MAAA,OACQ,MAAM,WACX,UAAU;GACT,IAAI,OAAO,YAAY,QAAQ,CAAC;EAClC,CACF;EAEA,CAAA,GAAA,IAAA,MAAA,CAAM,MAAM,OAAO,QAAQ;EAE3B,IAAI;EACJ,CAAA,GAAA,IAAA,YAAA,OAAkB;GAChB,IAAI,MAAM,SAAS,gBAAgB,MAAM,UACvC,iBAAA,GAAgBC,aAAAA,kBAAAA,CAAkB,MAAM,YAAY,CAAC,CAAC;QACnD,gBAAgB;EACvB,CAAC;EAED,MAAM,gBAAA,GAAeL,IAAAA,IAAAA,CAAI,KAAK;EAG9B;GACE,MAAM,cAA0C,SAAS;IACvD,SAAS,MAAM,KAAK,SAAS;GAC/B;GAEA,MAAM,iBAAgD,SAAS;IAC7D,OAAO,SAAS,MAAM,KAAK;GAC7B;GAEA,MAAM,eAA4C,SAAS;IACzD,MAAM,MAAM,KAAK,SAAS;GAC5B;GAEA,MAAM,kBAAkD,SAAS;IAC/D,OAAO,MAAM,MAAM,KAAK;GAC1B;GAEA,CAAA,GAAA,IAAA,QAAA,CACEM,eAAAA,qBAAAA,GACAC,IAAAA,SAAAA,CAAS;IACP;IACA;IACA;IACA;IACA;IACA;IAEA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;GACF,CAAC,CACH;GAEA,CAAA,GAAA,IAAA,QAAA,CAAyB,GAAGC,eAAAA,yBAAyB,SAAS,OAAO;IACnE;IACA;IACA;IACA,OAAO;GACT,CAAC;EACH;EAGA,CAAA,GAAA,IAAA,UAAA,OAAgB;GACd,IAAI,MAAM,SAAS,cACjB,IAAIC,iBAAAA,QAAQ,SAAS,MAAM,IAAK,OAAO,UAAU,KAAK;EAE1D,CAAC;EAED;GACE,MAAM,QAAQ,UAAkB;IAC9B,MAAM,EAAE,cAAc,SAAS,MAAM;IACrC,UAAU,SAAS,MAAM,SAAS,GAAG,SAAS,CAAC;GACjD;GAEA,OAAO;IACL;IACA;IACA;IACA;GACF,CAAC;EACH;EAEA,MAAM,UAAUC,yBAAAA,cAAc,OAAO,CAAC;EAEtC,aAAa;GACX,IAAI,OAA2B,MAAM,UAAU,KAAK,CAAC;GACrD,MAAM,YAAqB,CAAC;GAE5B,IAAI,MAAM,SAAS,gBAAgB,KAAK,OAAO;IAC7C,MAAM,eACJC,cAAAA,gBAAgB,IAAI,CAAC,CACrB,QAAQ,UAAU;KAElB,OAAQ,OAAiB,cAAc;IACzC,CAAC;IACD,MAAM,cACJ,WAAW,UAAU,KACjB,eACA,aAAa,MAAM,GAAG,WAAW,KAAK;IAE5C,MAAM,WACJ,WAAW,UAAU,KAAK,CAAC,IAAI,aAAa,MAAM,WAAW,KAAK;IAEpE,IAAI,UAAU,UAAU,MAAM,UAAU;KACtC,OAAO;KACP,UAAU,MAAA,GACRC,IAAAA,EAAAA,CACEC,iBAAAA,SACA;MACE,KAAK;MACL,OAAO;MACP,OAAO,UAAU,EAAE,YAAY;MAC/B,cAAc,MAAM;KACtB,GACA;MACE,cAAA,GACED,IAAAA,EAAAA,CACEE,gBAAAA,QACA,EACE,OAAO,UAAU,EAAE,WAAW,EAChC,GACA,EACE,gBAAA,GAAeF,IAAAA,EAAAA,CAAE,MAAM,YAAyB,EAClD,CACF;MACF,eAAe;KACjB,CACF,CACF;IACF;GACF;GAEA,MAAM,aAAiC,MAAM,sBACzC,CACE,CACEG,cAAAA,eACM;IACJ,IAAI,CAAC,YAAY,MAAM,QAAQ;IAE/B,IAAI,CAAC,aAAa,OAAO;KACvB,YAAY,MAAM,SAAS,eACzB,KAAK,SAAS,YAAY,aAAa,UAAU,CAAC,CACpD;KAEA,YAAY,QAAQ,CAAC;IACvB;GACF,CACF,CACF,IACA,CAAC;GAEL,MAAM,SAAA,GAAQC,IAAAA,eAAAA,EAAAA,GACZJ,IAAAA,EAAAA,CACE,MACA;IACE,KAAK,OAAO,MAAM,QAAQ;IAC1B,MAAM;IACN,KAAK;IACL,OAAO,QAAQ;IACf,OAAO;MACJ,OAAO,EAAE,IAAI;MACb,OAAO,EAAE,MAAM,IAAI,IAAI;MACvB,OAAO,EAAE,UAAU,IAAI,MAAM;IAChC;GACF,GACA,CAAC,GAAG,MAAM,GAAG,SAAS,CACxB,GACA,UACF;GAEA,IAAI,MAAM,sBAAsB,MAAM,SAAS,YAC7C,QAAA,GAAOA,IAAAA,EAAAA,CAAEK,iCAAAA,eAAgC,KAAK;GAGhD,OAAO;EACT;CACF;AACF,CAAC"}

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

@@ -18,20 +18,20 @@ declare const __VLS_base: _$vue.DefineComponent<MessageProps, {
 }, string, _$vue.PublicProps, Readonly<MessageProps> & Readonly<{
   onDestroy?: (() => any) | undefined;
 }>, {
-  id: string;
   type: "error" | "primary" | "success" | "warning" | "info";
-  customClass: string | false | Record<string, any> | ClassValue[] | null;
+  showClose: boolean;
   onClose: () => void;
-  placement: "top" | "bottom" | "top-left" | "top-right" | "bottom-left" | "bottom-right";
-  zIndex: number;
-  offset: number;
-  icon: IconPropType;
   message: string | _$vue.VNode<_$vue.RendererNode, _$vue.RendererElement, {
     [key: string]: any;
   }> | (() => _$vue.VNode);
+  zIndex: number;
+  id: string;
+  icon: IconPropType;
+  offset: number;
   duration: number;
+  placement: "top" | "bottom" | "top-left" | "top-right" | "bottom-left" | "bottom-right";
   plain: boolean;
-  showClose: boolean;
+  customClass: string | false | Record<string, any> | ClassValue[] | null;
   dangerouslyUseHTMLString: boolean;
   grouping: boolean;
   repeatNum: number;

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

@@ -90,7 +90,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   }>;
   contentId: _$vue.Ref<string, string>;
   inputId: _$vue.Ref<string, string>;
-  btnSize: _$vue.ComputedRef<"" | "default" | "small" | "large">;
+  btnSize: _$vue.ComputedRef<"" | "small" | "default" | "large">;
   iconComponent: _$vue.ComputedRef<string | _$vue.FunctionalComponent<any, {}, any, {}> | {
     new (...args: any[]): any;
     __isFragment?: never;
@@ -4032,8 +4032,8 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   dangerouslyUseHTMLString: _$vue.Ref<boolean, boolean>;
   confirmButtonText: _$vue.Ref<string, string>;
   cancelButtonText: _$vue.Ref<string, string>;
-  confirmButtonType: _$vue.Ref<"" | "default" | "text" | "primary" | "success" | "warning" | "info" | "danger", "" | "default" | "text" | "primary" | "success" | "warning" | "info" | "danger">;
-  cancelButtonType: _$vue.Ref<"" | "default" | "text" | "primary" | "success" | "warning" | "info" | "danger", "" | "default" | "text" | "primary" | "success" | "warning" | "info" | "danger">;
+  confirmButtonType: _$vue.Ref<"" | "default" | "primary" | "success" | "warning" | "info" | "danger" | "text", "" | "default" | "primary" | "success" | "warning" | "info" | "danger" | "text">;
+  cancelButtonType: _$vue.Ref<"" | "default" | "primary" | "success" | "warning" | "info" | "danger" | "text", "" | "default" | "primary" | "success" | "warning" | "info" | "danger" | "text">;
   confirmButtonLoading: _$vue.Ref<boolean, boolean>;
   cancelButtonLoading: _$vue.Ref<boolean, boolean>;
   confirmButtonLoadingIcon: _$vue.Ref<string | _$vue.FunctionalComponent<any, {}, any, {}> | {
@@ -4579,14 +4579,14 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   onVanish?: ((...args: any[]) => any) | undefined;
 }>, {
   center: boolean;
-  container: string;
+  draggable: boolean;
   overflow: boolean;
+  showClose: boolean;
   closeOnClickModal: boolean;
   closeOnPressEscape: boolean;
   lockScroll: boolean;
   modal: boolean;
-  draggable: boolean;
-  showClose: boolean;
+  container: string;
   roundButton: boolean;
   closeOnHashChange: boolean;
   boxType: MessageBoxType;
@@ -4601,23 +4601,23 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       onClick?: ((evt: MouseEvent) => any) | undefined;
     }>, {
       ref: _$vue.Ref<HTMLButtonElement | undefined, HTMLButtonElement | undefined>;
-      size: _$vue.ComputedRef<"" | "default" | "small" | "large">;
-      type: _$vue.ComputedRef<"" | "default" | "text" | "primary" | "success" | "warning" | "info" | "danger">;
+      size: _$vue.ComputedRef<"" | "small" | "default" | "large">;
+      type: _$vue.ComputedRef<"" | "default" | "primary" | "success" | "warning" | "info" | "danger" | "text">;
       disabled: _$vue.ComputedRef<boolean>;
       shouldAddSpace: _$vue.ComputedRef<boolean>;
     }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
       click: (evt: MouseEvent) => void;
     }, _$vue.PublicProps, {
+      type: "" | "default" | "primary" | "success" | "warning" | "info" | "danger" | "text";
       disabled: boolean;
-      type: "" | "default" | "text" | "primary" | "success" | "warning" | "info" | "danger";
-      tag: string | _$vue.Component;
       text: boolean;
-      round: boolean;
-      dashed: boolean;
       nativeType: "button" | "reset" | "submit";
       loadingIcon: IconPropType;
       plain: boolean;
+      round: boolean;
+      dashed: boolean;
       autoInsertSpace: boolean;
+      tag: string | _$vue.Component;
     }, false, {}, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, {}, any, _$vue.ComponentProvideOptions, {
       P: {};
       B: {};
@@ -4629,21 +4629,21 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       onClick?: ((evt: MouseEvent) => any) | undefined;
     }>, {
       ref: _$vue.Ref<HTMLButtonElement | undefined, HTMLButtonElement | undefined>;
-      size: _$vue.ComputedRef<"" | "default" | "small" | "large">;
-      type: _$vue.ComputedRef<"" | "default" | "text" | "primary" | "success" | "warning" | "info" | "danger">;
+      size: _$vue.ComputedRef<"" | "small" | "default" | "large">;
+      type: _$vue.ComputedRef<"" | "default" | "primary" | "success" | "warning" | "info" | "danger" | "text">;
       disabled: _$vue.ComputedRef<boolean>;
       shouldAddSpace: _$vue.ComputedRef<boolean>;
     }, {}, {}, {}, {
+      type: "" | "default" | "primary" | "success" | "warning" | "info" | "danger" | "text";
       disabled: boolean;
-      type: "" | "default" | "text" | "primary" | "success" | "warning" | "info" | "danger";
-      tag: string | _$vue.Component;
       text: boolean;
-      round: boolean;
-      dashed: boolean;
       nativeType: "button" | "reset" | "submit";
       loadingIcon: IconPropType;
       plain: boolean;
+      round: boolean;
+      dashed: boolean;
       autoInsertSpace: boolean;
+      tag: string | _$vue.Component;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -4652,23 +4652,23 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     onClick?: ((evt: MouseEvent) => any) | undefined;
   }>, {
     ref: _$vue.Ref<HTMLButtonElement | undefined, HTMLButtonElement | undefined>;
-    size: _$vue.ComputedRef<"" | "default" | "small" | "large">;
-    type: _$vue.ComputedRef<"" | "default" | "text" | "primary" | "success" | "warning" | "info" | "danger">;
+    size: _$vue.ComputedRef<"" | "small" | "default" | "large">;
+    type: _$vue.ComputedRef<"" | "default" | "primary" | "success" | "warning" | "info" | "danger" | "text">;
     disabled: _$vue.ComputedRef<boolean>;
     shouldAddSpace: _$vue.ComputedRef<boolean>;
   }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
     click: (evt: MouseEvent) => void;
   }, string, {
+    type: "" | "default" | "primary" | "success" | "warning" | "info" | "danger" | "text";
     disabled: boolean;
-    type: "" | "default" | "text" | "primary" | "success" | "warning" | "info" | "danger";
-    tag: string | _$vue.Component;
     text: boolean;
-    round: boolean;
-    dashed: boolean;
     nativeType: "button" | "reset" | "submit";
     loadingIcon: IconPropType;
     plain: boolean;
+    round: boolean;
+    dashed: boolean;
     autoInsertSpace: boolean;
+    tag: string | _$vue.Component;
   }, {}, string, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, _$vue.ComponentProvideOptions> & _$vue.VNodeProps & _$vue.AllowedComponentProps & _$vue.ComponentCustomProps & (new () => {
     $slots: {
       loading?: (props: {}) => any;
@@ -4679,9 +4679,9 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     };
   }) & _$vue.ObjectPlugin & {
     setPropsDefaults: (defaults: {
-      readonly size?: "" | "default" | "small" | "large" | (() => "" | "default" | "small" | "large") | undefined;
+      readonly size?: "" | "small" | "default" | "large" | (() => "" | "small" | "default" | "large") | undefined;
       readonly disabled?: boolean | (() => boolean) | undefined;
-      readonly type?: "" | "default" | "text" | "primary" | "success" | "warning" | "info" | "danger" | (() => "" | "default" | "text" | "primary" | "success" | "warning" | "info" | "danger") | undefined;
+      readonly type?: "" | "default" | "primary" | "success" | "warning" | "info" | "danger" | "text" | (() => "" | "default" | "primary" | "success" | "warning" | "info" | "danger" | "text") | undefined;
       readonly icon?: string | _$vue.FunctionalComponent<any, {}, any, {}> | {
         new (...args: any[]): any;
         __isFragment?: never;
@@ -4749,18 +4749,18 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
   ElInput: SFCWithInstall<{
     new (...args: any[]): _$vue.CreateComponentPublicInstanceWithMixins<Readonly<InputProps> & Readonly<{
-      "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-      onChange?: ((value: string, evt?: Event | undefined) => any) | undefined;
-      onClear?: ((evt: MouseEvent | undefined) => any) | undefined;
       onInput?: ((value: string) => any) | undefined;
+      onClear?: ((evt: MouseEvent | undefined) => any) | undefined;
       onBlur?: ((evt: FocusEvent) => any) | undefined;
-      onFocus?: ((evt: FocusEvent) => any) | undefined;
+      onChange?: ((value: string, evt?: Event | undefined) => any) | undefined;
       onCompositionend?: ((evt: CompositionEvent) => any) | undefined;
       onCompositionstart?: ((evt: CompositionEvent) => any) | undefined;
       onCompositionupdate?: ((evt: CompositionEvent) => any) | undefined;
+      onFocus?: ((evt: FocusEvent) => any) | undefined;
       onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
       onMouseenter?: ((evt: MouseEvent) => any) | undefined;
       onMouseleave?: ((evt: MouseEvent) => any) | undefined;
+      "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     }>, {
       input: _$vue.ShallowRef<HTMLInputElement | undefined, HTMLInputElement | undefined>;
       textarea: _$vue.ShallowRef<HTMLTextAreaElement | undefined, HTMLTextAreaElement | undefined>;
@@ -4775,28 +4775,28 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       clear: (evt?: MouseEvent) => void;
       resizeTextarea: () => void;
     }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-      "update:modelValue": (value: string) => void;
-      change: (value: string, evt?: Event | undefined) => void;
-      clear: (evt: MouseEvent | undefined) => void;
       input: (value: string) => void;
+      clear: (evt: MouseEvent | undefined) => void;
       blur: (evt: FocusEvent) => void;
-      focus: (evt: FocusEvent) => void;
+      change: (value: string, evt?: Event | undefined) => void;
       compositionend: (evt: CompositionEvent) => void;
       compositionstart: (evt: CompositionEvent) => void;
       compositionupdate: (evt: CompositionEvent) => void;
+      focus: (evt: FocusEvent) => void;
       keydown: (evt: Event | KeyboardEvent) => void;
       mouseenter: (evt: MouseEvent) => void;
       mouseleave: (evt: MouseEvent) => void;
+      "update:modelValue": (value: string) => void;
     }, _$vue.PublicProps, {
-      validateEvent: boolean;
+      type: InputType;
       modelValue: string | number | null;
       disabled: boolean;
       tabindex: string | number;
-      type: InputType;
-      clearIcon: IconPropType;
       modelModifiers: InputModelModifiers;
       autocomplete: string;
+      clearIcon: IconPropType;
       wordLimitPosition: "inside" | "outside";
+      validateEvent: boolean;
       inputStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
       rows: number;
     }, false, {}, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, {}, any, _$vue.ComponentProvideOptions, {
@@ -4807,18 +4807,18 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       M: {};
       Defaults: {};
     }, Readonly<InputProps> & Readonly<{
-      "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-      onChange?: ((value: string, evt?: Event | undefined) => any) | undefined;
-      onClear?: ((evt: MouseEvent | undefined) => any) | undefined;
       onInput?: ((value: string) => any) | undefined;
+      onClear?: ((evt: MouseEvent | undefined) => any) | undefined;
       onBlur?: ((evt: FocusEvent) => any) | undefined;
-      onFocus?: ((evt: FocusEvent) => any) | undefined;
+      onChange?: ((value: string, evt?: Event | undefined) => any) | undefined;
       onCompositionend?: ((evt: CompositionEvent) => any) | undefined;
       onCompositionstart?: ((evt: CompositionEvent) => any) | undefined;
       onCompositionupdate?: ((evt: CompositionEvent) => any) | undefined;
+      onFocus?: ((evt: FocusEvent) => any) | undefined;
       onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
       onMouseenter?: ((evt: MouseEvent) => any) | undefined;
       onMouseleave?: ((evt: MouseEvent) => any) | undefined;
+      "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     }>, {
       input: _$vue.ShallowRef<HTMLInputElement | undefined, HTMLInputElement | undefined>;
       textarea: _$vue.ShallowRef<HTMLTextAreaElement | undefined, HTMLTextAreaElement | undefined>;
@@ -4833,15 +4833,15 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       clear: (evt?: MouseEvent) => void;
       resizeTextarea: () => void;
     }, {}, {}, {}, {
-      validateEvent: boolean;
+      type: InputType;
       modelValue: string | number | null;
       disabled: boolean;
       tabindex: string | number;
-      type: InputType;
-      clearIcon: IconPropType;
       modelModifiers: InputModelModifiers;
       autocomplete: string;
+      clearIcon: IconPropType;
       wordLimitPosition: "inside" | "outside";
+      validateEvent: boolean;
       inputStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
       rows: number;
     }>;
@@ -4849,18 +4849,18 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     __isTeleport?: never;
     __isSuspense?: never;
   } & _$vue.ComponentOptionsBase<Readonly<InputProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-    onChange?: ((value: string, evt?: Event | undefined) => any) | undefined;
-    onClear?: ((evt: MouseEvent | undefined) => any) | undefined;
     onInput?: ((value: string) => any) | undefined;
+    onClear?: ((evt: MouseEvent | undefined) => any) | undefined;
     onBlur?: ((evt: FocusEvent) => any) | undefined;
-    onFocus?: ((evt: FocusEvent) => any) | undefined;
+    onChange?: ((value: string, evt?: Event | undefined) => any) | undefined;
     onCompositionend?: ((evt: CompositionEvent) => any) | undefined;
     onCompositionstart?: ((evt: CompositionEvent) => any) | undefined;
     onCompositionupdate?: ((evt: CompositionEvent) => any) | undefined;
+    onFocus?: ((evt: FocusEvent) => any) | undefined;
     onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
     onMouseenter?: ((evt: MouseEvent) => any) | undefined;
     onMouseleave?: ((evt: MouseEvent) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   }>, {
     input: _$vue.ShallowRef<HTMLInputElement | undefined, HTMLInputElement | undefined>;
     textarea: _$vue.ShallowRef<HTMLTextAreaElement | undefined, HTMLTextAreaElement | undefined>;
@@ -4875,28 +4875,28 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     clear: (evt?: MouseEvent) => void;
     resizeTextarea: () => void;
   }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-    "update:modelValue": (value: string) => void;
-    change: (value: string, evt?: Event | undefined) => void;
-    clear: (evt: MouseEvent | undefined) => void;
     input: (value: string) => void;
+    clear: (evt: MouseEvent | undefined) => void;
     blur: (evt: FocusEvent) => void;
-    focus: (evt: FocusEvent) => void;
+    change: (value: string, evt?: Event | undefined) => void;
     compositionend: (evt: CompositionEvent) => void;
     compositionstart: (evt: CompositionEvent) => void;
     compositionupdate: (evt: CompositionEvent) => void;
+    focus: (evt: FocusEvent) => void;
     keydown: (evt: Event | KeyboardEvent) => void;
     mouseenter: (evt: MouseEvent) => void;
     mouseleave: (evt: MouseEvent) => void;
+    "update:modelValue": (value: string) => void;
   }, string, {
-    validateEvent: boolean;
+    type: InputType;
     modelValue: string | number | null;
     disabled: boolean;
     tabindex: string | number;
-    type: InputType;
-    clearIcon: IconPropType;
     modelModifiers: InputModelModifiers;
     autocomplete: string;
+    clearIcon: IconPropType;
     wordLimitPosition: "inside" | "outside";
+    validateEvent: boolean;
     inputStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
     rows: number;
   }, {}, string, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, _$vue.ComponentProvideOptions> & _$vue.VNodeProps & _$vue.AllowedComponentProps & _$vue.ComponentCustomProps & (new () => {

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

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