element-pe 2.0.5 → 2.0.6

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

@@ -2,103 +2,24 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-var index = require('../../tooltip/index.js');
-require('../../popper/index.js');
 require('../../../utils/index.js');
-var useMenu = require('./use-menu.js');
-var menuItem = require('./menu-item.js');
-var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
-var error = require('../../../utils/error.js');
-var popper = require('../../popper/src/popper.js');
+var props = require('../../../utils/vue/props.js');
+var shared = require('@vue/shared');
 
-const COMPONENT_NAME = "ElMenuItem";
-const _sfc_main = vue.defineComponent({
-  name: COMPONENT_NAME,
-  components: {
-    ElTooltip: index.ElTooltip
+const menuItemProps = props.buildProps({
+  index: {
+    type: props.definePropType([String, null]),
+    default: null
   },
-  props: menuItem.menuItemProps,
-  emits: menuItem.menuItemEmits,
-  setup(props, { emit }) {
-    const instance = vue.getCurrentInstance();
-    const rootMenu = vue.inject("rootMenu");
-    if (!rootMenu)
-      error.throwError(COMPONENT_NAME, "can not inject root menu");
-    const { parentMenu, paddingStyle, indexPath } = useMenu["default"](instance, vue.toRef(props, "index"));
-    const subMenu = vue.inject(`subMenu:${parentMenu.value.uid}`);
-    if (!subMenu)
-      error.throwError(COMPONENT_NAME, "can not inject sub menu");
-    const active = vue.computed(() => props.index === rootMenu.activeIndex);
-    const item = vue.reactive({
-      index: props.index,
-      indexPath,
-      active
-    });
-    const handleClick = () => {
-      if (!props.disabled) {
-        rootMenu.handleMenuItemClick({
-          index: props.index,
-          indexPath: indexPath.value,
-          route: props.route
-        });
-        emit("click", item);
-      }
-    };
-    vue.onMounted(() => {
-      subMenu.addSubMenu(item);
-      rootMenu.addMenuItem(item);
-    });
-    vue.onBeforeUnmount(() => {
-      subMenu.removeSubMenu(item);
-      rootMenu.removeMenuItem(item);
-    });
-    return {
-      Effect: popper.Effect,
-      parentMenu,
-      rootMenu,
-      paddingStyle,
-      active,
-      handleClick
-    };
-  }
+  route: {
+    type: props.definePropType([String, Object])
+  },
+  disabled: Boolean
 });
-const _hoisted_1 = { class: "el-menu-tooltip__trigger" };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_el_tooltip = vue.resolveComponent("el-tooltip");
-  return vue.openBlock(), vue.createElementBlock("li", {
-    class: vue.normalizeClass(["el-menu-item", {
-      "is-active": _ctx.active,
-      "is-disabled": _ctx.disabled
-    }]),
-    role: "menuitem",
-    tabindex: "-1",
-    style: vue.normalizeStyle(_ctx.paddingStyle),
-    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
-  }, [
-    _ctx.parentMenu.type.name === "ElMenu" && _ctx.rootMenu.props.collapse && _ctx.$slots.title ? (vue.openBlock(), vue.createBlock(_component_el_tooltip, {
-      key: 0,
-      effect: _ctx.Effect.DARK,
-      placement: "right",
-      "fallback-placements": ["left"],
-      persistent: ""
-    }, {
-      content: vue.withCtx(() => [
-        vue.renderSlot(_ctx.$slots, "title")
-      ]),
-      default: vue.withCtx(() => [
-        vue.createElementVNode("div", _hoisted_1, [
-          vue.renderSlot(_ctx.$slots, "default")
-        ])
-      ]),
-      _: 3
-    }, 8, ["effect"])) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
-      vue.renderSlot(_ctx.$slots, "default"),
-      vue.renderSlot(_ctx.$slots, "title")
-    ], 64))
-  ], 6);
-}
-var MenuItem = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "/Users/meng/workspace/element-pe/packages/components/menu/src/menu-item.vue"]]);
+const menuItemEmits = {
+  click: (item) => shared.isString(item.index) && Array.isArray(item.indexPath)
+};
 
-exports["default"] = MenuItem;
+exports.menuItemEmits = menuItemEmits;
+exports.menuItemProps = menuItemProps;
 //# sourceMappingURL=menu-item2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"menu-item2.js","sources":["../../../../../../packages/components/menu/src/menu-item.vue"],"sourcesContent":["<template>\n  <li\n    class=\"el-menu-item\"\n    role=\"menuitem\"\n    tabindex=\"-1\"\n    :style=\"paddingStyle\"\n    :class=\"{\n      'is-active': active,\n      'is-disabled': disabled,\n    }\"\n    @click=\"handleClick\"\n  >\n    <el-tooltip\n      v-if=\"\n        parentMenu.type.name === 'ElMenu' &&\n        rootMenu.props.collapse &&\n        $slots.title\n      \"\n      :effect=\"Effect.DARK\"\n      placement=\"right\"\n      :fallback-placements=\"['left']\"\n      persistent\n    >\n      <template #content>\n        <slot name=\"title\" />\n      </template>\n      <div class=\"el-menu-tooltip__trigger\">\n        <slot />\n      </div>\n    </el-tooltip>\n    <template v-else>\n      <slot />\n      <slot name=\"title\" />\n    </template>\n  </li>\n</template>\n\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  getCurrentInstance,\n  inject,\n  onBeforeUnmount,\n  onMounted,\n  reactive,\n  toRef,\n} from 'vue'\nimport ElTooltip from '@element-plus/components/tooltip'\nimport { Effect } from '@element-plus/components/popper'\nimport { throwError } from '@element-plus/utils'\nimport useMenu from './use-menu'\nimport { menuItemEmits, menuItemProps } from './menu-item'\n\nimport type { MenuItemRegistered, MenuProvider, SubMenuProvider } from './types'\n\nconst COMPONENT_NAME = 'ElMenuItem'\nexport default defineComponent({\n  name: COMPONENT_NAME,\n  components: {\n    ElTooltip,\n  },\n\n  props: menuItemProps,\n  emits: menuItemEmits,\n\n  setup(props, { emit }) {\n    const instance = getCurrentInstance()!\n    const rootMenu = inject<MenuProvider>('rootMenu')\n    if (!rootMenu) throwError(COMPONENT_NAME, 'can not inject root menu')\n\n    const { parentMenu, paddingStyle, indexPath } = useMenu(\n      instance,\n      toRef(props, 'index')\n    )\n\n    const subMenu = inject<SubMenuProvider>(`subMenu:${parentMenu.value.uid}`)\n    if (!subMenu) throwError(COMPONENT_NAME, 'can not inject sub menu')\n\n    const active = computed(() => props.index === rootMenu.activeIndex)\n    const item: MenuItemRegistered = reactive({\n      index: props.index,\n      indexPath,\n      active,\n    })\n\n    const handleClick = () => {\n      if (!props.disabled) {\n        rootMenu.handleMenuItemClick({\n          index: props.index,\n          indexPath: indexPath.value,\n          route: props.route,\n        })\n        emit('click', item)\n      }\n    }\n\n    onMounted(() => {\n      subMenu.addSubMenu(item)\n      rootMenu.addMenuItem(item)\n    })\n\n    onBeforeUnmount(() => {\n      subMenu.removeSubMenu(item)\n      rootMenu.removeMenuItem(item)\n    })\n\n    return {\n      Effect,\n      parentMenu,\n      rootMenu,\n      paddingStyle,\n      active,\n\n      handleClick,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","ElTooltip","menuItemProps","menuItemEmits","getCurrentInstance","inject","throwError","useMenu","toRef","computed","reactive","onMounted","onBeforeUnmount","Effect","_createElementBlock","_normalizeClass","_normalizeStyle","_createBlock","_withCtx","_renderSlot","_createElementVNode","_Fragment"],"mappings":";;;;;;;;;;;;;;AAwDA,MAAM,cAAiB,GAAA,YAAA,CAAA;AACvB,MAAK,YAAaA,mBAAa,CAAA;AAAA,EAC7B,IAAM,EAAA,cAAA;AAAA,EACN,UAAY,EAAA;AAAA,eACVC,eAAA;AAAA,GACF;AAAA,EAEA,KAAO,EAAAC,sBAAA;AAAA,EACP,KAAO,EAAAC,sBAAA;AAAA,EAEP,KAAA,CAAM,KAAO,EAAA,EAAE,IAAQ,EAAA,EAAA;AACrB,IAAA,MAAM,WAAWC,sBAAmB,EAAA,CAAA;AACpC,IAAM,MAAA,QAAA,GAAWC,WAAqB,UAAU,CAAA,CAAA;AAChD,IAAA,IAAI,CAAC,QAAA;AAAU,MAAAC,gBAAA,CAAW,gBAAgB,0BAA0B,CAAA,CAAA;AAEpE,IAAM,MAAA,EAAE,YAAY,YAAc,EAAA,SAAA,EAAA,GAAcC,mBAC9C,QACA,EAAAC,SAAA,CAAM,KAAO,EAAA,OAAO,CACtB,CAAA,CAAA;AAEA,IAAA,MAAM,OAAU,GAAAH,UAAA,CAAwB,CAAW,QAAA,EAAA,UAAA,CAAW,MAAM,GAAK,CAAA,CAAA,CAAA,CAAA;AACzE,IAAA,IAAI,CAAC,OAAA;AAAS,MAAAC,gBAAA,CAAW,gBAAgB,yBAAyB,CAAA,CAAA;AAElE,IAAA,MAAM,SAASG,YAAS,CAAA,MAAM,KAAM,CAAA,KAAA,KAAU,SAAS,WAAW,CAAA,CAAA;AAClE,IAAA,MAAM,OAA2BC,YAAS,CAAA;AAAA,MACxC,OAAO,KAAM,CAAA,KAAA;AAAA,MACb,SAAA;AAAA,MACA,MAAA;AAAA,KACD,CAAA,CAAA;AAED,IAAA,MAAM,cAAc,MAAM;AACxB,MAAI,IAAA,CAAC,MAAM,QAAU,EAAA;AACnB,QAAA,QAAA,CAAS,mBAAoB,CAAA;AAAA,UAC3B,OAAO,KAAM,CAAA,KAAA;AAAA,UACb,WAAW,SAAU,CAAA,KAAA;AAAA,UACrB,OAAO,KAAM,CAAA,KAAA;AAAA,SACd,CAAA,CAAA;AACD,QAAA,IAAA,CAAK,SAAS,IAAI,CAAA,CAAA;AAAA,OACpB;AAAA,KACF,CAAA;AAEA,IAAAC,aAAA,CAAU,MAAM;AACd,MAAA,OAAA,CAAQ,WAAW,IAAI,CAAA,CAAA;AACvB,MAAA,QAAA,CAAS,YAAY,IAAI,CAAA,CAAA;AAAA,KAC1B,CAAA,CAAA;AAED,IAAAC,mBAAA,CAAgB,MAAM;AACpB,MAAA,OAAA,CAAQ,cAAc,IAAI,CAAA,CAAA;AAC1B,MAAA,QAAA,CAAS,eAAe,IAAI,CAAA,CAAA;AAAA,KAC7B,CAAA,CAAA;AAED,IAAO,OAAA;AAAA,cACLC,aAAA;AAAA,MACA,UAAA;AAAA,MACA,QAAA;AAAA,MACA,YAAA;AAAA,MACA,MAAA;AAAA,MAEA,WAAA;AAAA,KACF,CAAA;AAAA,GACF;AACF,CAAC,CAAA,CAAA;AA3FU,MAAA,UAAA,GAAA,EAAA,KAAA,EAAM,0BAA0B,EAAA,CAAA;;;0BAzBzCC,sBAiCK,CAAA,IAAA,EAAA;AAAA,IAhCH,KAAA,EAAKC,oBAAC,cAAc,EAAA;AAAA,MAIS,WAAA,EAAA,IAAA,CAAA,MAAA;AAAA,MAA6B,aAAA,EAAA,IAAA,CAAA,QAAA;AAAA,KAAA,CAAA,CAAA;IAH1D,IAAK,EAAA,UAAA;AAAA,IACL,QAAS,EAAA,IAAA;AAAA,IACR,KAAA,EAAKC,mBAAE,IAAY,CAAA,YAAA,CAAA;AAAA,IAKnB,SAAK,MAAE,CAAA,CAAA,CAAA,KAAA,MAAA,CAAA,CAAA,CAAA,GAAA,CAAA,GAAA,IAAA,KAAA,IAAA,CAAA,WAAA,IAAA,IAAA,CAAA,WAAA,CAAA,GAAA,IAAA,CAAA,CAAA;AAAA,GAAA,EAAA;IAGS,IAAW,CAAA,UAAA,CAAA,IAAA,CAAK,SAAI,QAAyB,IAAA,IAAA,CAAA,QAAA,CAAS,MAAM,QAAoB,IAAA,IAAA,CAAA,MAAA,CAAO,0BADxGC,eAiBa,CAAA,qBAAA,EAAA;AAAA,MAAA,GAAA,EAAA,CAAA;AAXV,MAAA,MAAA,EAAQ,IAAO,CAAA,MAAA,CAAA,IAAA;AAAA,MAChB,SAAU,EAAA,OAAA;AAAA,MACT,qBAAqB,EAAA,CAAA,MAAA,CAAA;AAAA,MACtB,UAAA,EAAA,EAAA;AAAA,KAAA,EAAA;AAEW,MAAA,OAAA,EAAOC,YAChB,MAAqB;AAAA,QAArBC,cAAqB,CAAA,IAAA,CAAA,MAAA,EAAA,OAAA,CAAA;AAAA,OAAA,CAAA;2BAEvB,MAEM;AAAA,QAFNC,sBAAA,CAEM,OAFN,UAEM,EAAA;AAAA,UADJD,cAAQ,CAAA,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA;AAAA,SAAA,CAAA;;;2CAGZL,sBAGW,CAAAO,YAAA,EAAA,EAAA,GAAA,EAAA,CAAA,EAAA,EAAA;AAAA,MAFTF,cAAQ,CAAA,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA;AAAA,MACRA,cAAqB,CAAA,IAAA,CAAA,MAAA,EAAA,OAAA,CAAA;AAAA,KAAA,EAAA,EAAA,CAAA,CAAA;;;;;;;"}
+{"version":3,"file":"menu-item2.js","sources":["../../../../../../packages/components/menu/src/menu-item.ts"],"sourcesContent":["import { buildProps, definePropType, isString } from '@element-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type { RouteLocationRaw } from 'vue-router'\nimport type { MenuItemRegistered } from './types'\n\nexport const menuItemProps = buildProps({\n  index: {\n    type: definePropType<string | null>([String, null]),\n    default: null,\n  },\n  route: {\n    type: definePropType<RouteLocationRaw>([String, Object]),\n  },\n  disabled: Boolean,\n} as const)\nexport type MenuItemProps = ExtractPropTypes<typeof menuItemProps>\n\nexport const menuItemEmits = {\n  click: (item: MenuItemRegistered) =>\n    isString(item.index) && Array.isArray(item.indexPath),\n}\nexport type MenuItemEmits = typeof menuItemEmits\n"],"names":["buildProps","definePropType","isString"],"mappings":";;;;;;;;AACY,MAAC,aAAa,GAAGA,gBAAU,CAAC;AACxC,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAEC,oBAAc,CAAC,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;AACxC,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAEA,oBAAc,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC1C,GAAG;AACH,EAAE,QAAQ,EAAE,OAAO;AACnB,CAAC,EAAE;AACS,MAAC,aAAa,GAAG;AAC7B,EAAE,KAAK,EAAE,CAAC,IAAI,KAAKC,eAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC;AACxE;;;;;"}

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

@@ -2,18 +2,18 @@ import type { MenuItemClicked } from './types';
 import type { NavigationFailure } from 'vue-router';
 import type { ExtractPropTypes, VNode } from 'vue';
 export declare const menuProps: {
-    readonly mode: import("element-pe/utils").BuildPropReturn<StringConstructor, "vertical", unknown, "horizontal" | "vertical", unknown>;
-    readonly defaultActive: import("element-pe/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
-    readonly defaultOpeneds: import("element-pe/utils").BuildPropReturn<import("element-pe/utils").PropWrapper<string[]>, () => [], unknown, unknown, unknown>;
+    readonly mode: import("element-pe/es/utils").BuildPropReturn<StringConstructor, "vertical", unknown, "horizontal" | "vertical", unknown>;
+    readonly defaultActive: import("element-pe/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly defaultOpeneds: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<string[]>, () => [], unknown, unknown, unknown>;
     readonly uniqueOpened: BooleanConstructor;
     readonly router: BooleanConstructor;
-    readonly menuTrigger: import("element-pe/utils").BuildPropReturn<StringConstructor, "hover", unknown, "click" | "hover", unknown>;
+    readonly menuTrigger: import("element-pe/es/utils").BuildPropReturn<StringConstructor, "hover", unknown, "click" | "hover", unknown>;
     readonly collapse: BooleanConstructor;
     readonly backgroundColor: StringConstructor;
     readonly textColor: StringConstructor;
     readonly activeTextColor: StringConstructor;
-    readonly collapseTransition: import("element-pe/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
-    readonly ellipsis: import("element-pe/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly collapseTransition: import("element-pe/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly ellipsis: import("element-pe/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
 };
 export declare type MenuProps = ExtractPropTypes<typeof menuProps>;
 export declare const menuEmits: {
@@ -23,18 +23,18 @@ export declare const menuEmits: {
 };
 export declare type MenuEmits = typeof menuEmits;
 declare const _default: import("vue").DefineComponent<{
-    readonly mode: import("element-pe/utils").BuildPropReturn<StringConstructor, "vertical", unknown, "horizontal" | "vertical", unknown>;
-    readonly defaultActive: import("element-pe/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
-    readonly defaultOpeneds: import("element-pe/utils").BuildPropReturn<import("element-pe/utils").PropWrapper<string[]>, () => [], unknown, unknown, unknown>;
+    readonly mode: import("element-pe/es/utils").BuildPropReturn<StringConstructor, "vertical", unknown, "horizontal" | "vertical", unknown>;
+    readonly defaultActive: import("element-pe/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly defaultOpeneds: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<string[]>, () => [], unknown, unknown, unknown>;
     readonly uniqueOpened: BooleanConstructor;
     readonly router: BooleanConstructor;
-    readonly menuTrigger: import("element-pe/utils").BuildPropReturn<StringConstructor, "hover", unknown, "click" | "hover", unknown>;
+    readonly menuTrigger: import("element-pe/es/utils").BuildPropReturn<StringConstructor, "hover", unknown, "click" | "hover", unknown>;
     readonly collapse: BooleanConstructor;
     readonly backgroundColor: StringConstructor;
     readonly textColor: StringConstructor;
     readonly activeTextColor: StringConstructor;
-    readonly collapseTransition: import("element-pe/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
-    readonly ellipsis: import("element-pe/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly collapseTransition: import("element-pe/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly ellipsis: import("element-pe/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
 }, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -42,30 +42,30 @@ declare const _default: import("vue").DefineComponent<{
     open: (index: string, indexPath: string[]) => boolean;
     select: (index: string, indexPath: string[], item: MenuItemClicked, routerResult?: Promise<void | NavigationFailure> | undefined) => boolean;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
-    readonly mode: import("element-pe/utils").BuildPropReturn<StringConstructor, "vertical", unknown, "horizontal" | "vertical", unknown>;
-    readonly defaultActive: import("element-pe/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
-    readonly defaultOpeneds: import("element-pe/utils").BuildPropReturn<import("element-pe/utils").PropWrapper<string[]>, () => [], unknown, unknown, unknown>;
+    readonly mode: import("element-pe/es/utils").BuildPropReturn<StringConstructor, "vertical", unknown, "horizontal" | "vertical", unknown>;
+    readonly defaultActive: import("element-pe/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly defaultOpeneds: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<string[]>, () => [], unknown, unknown, unknown>;
     readonly uniqueOpened: BooleanConstructor;
     readonly router: BooleanConstructor;
-    readonly menuTrigger: import("element-pe/utils").BuildPropReturn<StringConstructor, "hover", unknown, "click" | "hover", unknown>;
+    readonly menuTrigger: import("element-pe/es/utils").BuildPropReturn<StringConstructor, "hover", unknown, "click" | "hover", unknown>;
     readonly collapse: BooleanConstructor;
     readonly backgroundColor: StringConstructor;
     readonly textColor: StringConstructor;
     readonly activeTextColor: StringConstructor;
-    readonly collapseTransition: import("element-pe/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
-    readonly ellipsis: import("element-pe/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly collapseTransition: import("element-pe/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly ellipsis: import("element-pe/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
 }>> & {
     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;
 }, {
-    ellipsis: import("element-pe/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+    ellipsis: import("element-pe/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     collapse: boolean;
-    mode: import("element-pe/utils").BuildPropType<StringConstructor, "horizontal" | "vertical", unknown>;
+    mode: import("element-pe/es/utils").BuildPropType<StringConstructor, "horizontal" | "vertical", unknown>;
     defaultActive: string;
     defaultOpeneds: string[];
-    menuTrigger: import("element-pe/utils").BuildPropType<StringConstructor, "click" | "hover", unknown>;
-    collapseTransition: import("element-pe/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+    menuTrigger: import("element-pe/es/utils").BuildPropType<StringConstructor, "click" | "hover", unknown>;
+    collapseTransition: import("element-pe/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     uniqueOpened: boolean;
     router: boolean;
 }>;

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

@@ -1,35 +1,35 @@
 import type { ExtractPropTypes } from 'vue';
 export declare const subMenuProps: {
-    readonly index: import("element-pe/utils").BuildPropReturn<StringConstructor, unknown, true, unknown, unknown>;
-    readonly showTimeout: import("element-pe/utils").BuildPropReturn<NumberConstructor, 300, unknown, unknown, unknown>;
-    readonly hideTimeout: import("element-pe/utils").BuildPropReturn<NumberConstructor, 300, unknown, unknown, unknown>;
+    readonly index: import("element-pe/es/utils").BuildPropReturn<StringConstructor, unknown, true, unknown, unknown>;
+    readonly showTimeout: import("element-pe/es/utils").BuildPropReturn<NumberConstructor, 300, unknown, unknown, unknown>;
+    readonly hideTimeout: import("element-pe/es/utils").BuildPropReturn<NumberConstructor, 300, unknown, unknown, unknown>;
     readonly popperClass: StringConstructor;
     readonly disabled: BooleanConstructor;
-    readonly popperAppendToBody: import("element-pe/utils").BuildPropReturn<BooleanConstructor, undefined, unknown, unknown, unknown>;
-    readonly popperOffset: import("element-pe/utils").BuildPropReturn<NumberConstructor, 6, unknown, unknown, unknown>;
+    readonly popperAppendToBody: import("element-pe/es/utils").BuildPropReturn<BooleanConstructor, undefined, unknown, unknown, unknown>;
+    readonly popperOffset: import("element-pe/es/utils").BuildPropReturn<NumberConstructor, 6, unknown, unknown, unknown>;
 };
 export declare type SubMenuProps = ExtractPropTypes<typeof subMenuProps>;
 declare const _default: import("vue").DefineComponent<{
-    readonly index: import("element-pe/utils").BuildPropReturn<StringConstructor, unknown, true, unknown, unknown>;
-    readonly showTimeout: import("element-pe/utils").BuildPropReturn<NumberConstructor, 300, unknown, unknown, unknown>;
-    readonly hideTimeout: import("element-pe/utils").BuildPropReturn<NumberConstructor, 300, unknown, unknown, unknown>;
+    readonly index: import("element-pe/es/utils").BuildPropReturn<StringConstructor, unknown, true, unknown, unknown>;
+    readonly showTimeout: import("element-pe/es/utils").BuildPropReturn<NumberConstructor, 300, unknown, unknown, unknown>;
+    readonly hideTimeout: import("element-pe/es/utils").BuildPropReturn<NumberConstructor, 300, unknown, unknown, unknown>;
     readonly popperClass: StringConstructor;
     readonly disabled: BooleanConstructor;
-    readonly popperAppendToBody: import("element-pe/utils").BuildPropReturn<BooleanConstructor, undefined, unknown, unknown, unknown>;
-    readonly popperOffset: import("element-pe/utils").BuildPropReturn<NumberConstructor, 6, unknown, unknown, unknown>;
+    readonly popperAppendToBody: import("element-pe/es/utils").BuildPropReturn<BooleanConstructor, undefined, unknown, unknown, unknown>;
+    readonly popperOffset: import("element-pe/es/utils").BuildPropReturn<NumberConstructor, 6, unknown, unknown, unknown>;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
-    readonly index: import("element-pe/utils").BuildPropReturn<StringConstructor, unknown, true, unknown, unknown>;
-    readonly showTimeout: import("element-pe/utils").BuildPropReturn<NumberConstructor, 300, unknown, unknown, unknown>;
-    readonly hideTimeout: import("element-pe/utils").BuildPropReturn<NumberConstructor, 300, unknown, unknown, unknown>;
+    readonly index: import("element-pe/es/utils").BuildPropReturn<StringConstructor, unknown, true, unknown, unknown>;
+    readonly showTimeout: import("element-pe/es/utils").BuildPropReturn<NumberConstructor, 300, unknown, unknown, unknown>;
+    readonly hideTimeout: import("element-pe/es/utils").BuildPropReturn<NumberConstructor, 300, unknown, unknown, unknown>;
     readonly popperClass: StringConstructor;
     readonly disabled: BooleanConstructor;
-    readonly popperAppendToBody: import("element-pe/utils").BuildPropReturn<BooleanConstructor, undefined, unknown, unknown, unknown>;
-    readonly popperOffset: import("element-pe/utils").BuildPropReturn<NumberConstructor, 6, unknown, unknown, unknown>;
+    readonly popperAppendToBody: import("element-pe/es/utils").BuildPropReturn<BooleanConstructor, undefined, unknown, unknown, unknown>;
+    readonly popperOffset: import("element-pe/es/utils").BuildPropReturn<NumberConstructor, 6, unknown, unknown, unknown>;
 }>>, {
     disabled: boolean;
-    popperAppendToBody: import("element-pe/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+    popperAppendToBody: import("element-pe/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     showTimeout: number;
     hideTimeout: number;
     popperOffset: number;

package/lib/components/menu/style/css.d.ts

@@ -1,3 +1,3 @@
-import 'element-pe/components/base/style/css';
+import 'element-pe/es/components/base/style/css';
 import 'element-pe/theme-chalk/el-menu.css';
-import 'element-pe/components/tooltip/style/css';
+import 'element-pe/es/components/tooltip/style/css';

package/lib/components/menu/style/index.d.ts

@@ -1,3 +1,3 @@
-import 'element-pe/components/base/style';
+import 'element-pe/es/components/base/style';
 import 'element-pe/theme-chalk/src/menu.scss';
-import 'element-pe/components/tooltip/style';
+import 'element-pe/es/components/tooltip/style';

package/lib/components/message/index.d.ts

@@ -1,3 +1,3 @@
-export declare const ElMessage: import("element-pe/utils").SFCInstallWithContext<import("./src/message").Message>;
+export declare const ElMessage: import("element-pe/es/utils").SFCInstallWithContext<import("./src/message").Message>;
 export default ElMessage;
 export * from './src/message';

package/lib/components/message/index.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 require('../../utils/index.js');
 var messageMethod = require('./src/message-method.js');
-var message = require('./src/message2.js');
+var message = require('./src/message.js');
 var install = require('../../utils/vue/install.js');
 
 const ElMessage = install.withInstallFunction(messageMethod["default"], "$message");

package/lib/components/message/src/message-method.js

@@ -7,8 +7,8 @@ var core = require('@vueuse/core');
 require('../../../utils/index.js');
 require('../../../hooks/index.js');
 var configProvider = require('../../config-provider/src/config-provider.js');
-var message$1 = require('./message.js');
-var message$2 = require('./message2.js');
+var message$1 = require('./message2.js');
+var message$2 = require('./message.js');
 var shared = require('@vue/shared');
 var index = require('../../../hooks/use-z-index/index.js');
 var types = require('../../../utils/types.js');

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

@@ -4,22 +4,22 @@ export interface MessageConfigContext {
     max?: number;
 }
 export declare const messageProps: {
-    readonly customClass: import("element-pe/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
-    readonly center: import("element-pe/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
-    readonly dangerouslyUseHTMLString: import("element-pe/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
-    readonly duration: import("element-pe/utils").BuildPropReturn<NumberConstructor, 3000, unknown, unknown, unknown>;
-    readonly icon: import("element-pe/utils").BuildPropReturn<import("element-pe/utils").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, "", unknown, unknown, unknown>;
-    readonly id: import("element-pe/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
-    readonly message: import("element-pe/utils").BuildPropReturn<import("element-pe/utils").PropWrapper<string | VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    readonly customClass: import("element-pe/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly center: import("element-pe/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly dangerouslyUseHTMLString: import("element-pe/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly duration: import("element-pe/es/utils").BuildPropReturn<NumberConstructor, 3000, unknown, unknown, unknown>;
+    readonly icon: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, "", unknown, unknown, unknown>;
+    readonly id: import("element-pe/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly message: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<string | VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }> | (() => VNode)>, "", unknown, unknown, unknown>;
-    readonly onClose: import("element-pe/utils").BuildPropReturn<import("element-pe/utils").PropWrapper<() => void>, unknown, false, unknown, unknown>;
-    readonly showClose: import("element-pe/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
-    readonly type: import("element-pe/utils").BuildPropReturn<StringConstructor, "info", unknown, "success" | "warning" | "info" | "error", unknown>;
-    readonly offset: import("element-pe/utils").BuildPropReturn<NumberConstructor, 20, unknown, unknown, unknown>;
-    readonly zIndex: import("element-pe/utils").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
-    readonly grouping: import("element-pe/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
-    readonly repeatNum: import("element-pe/utils").BuildPropReturn<NumberConstructor, 1, unknown, unknown, unknown>;
+    readonly onClose: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<() => void>, unknown, false, unknown, unknown>;
+    readonly showClose: import("element-pe/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly type: import("element-pe/es/utils").BuildPropReturn<StringConstructor, "info", unknown, "success" | "warning" | "info" | "error", unknown>;
+    readonly offset: import("element-pe/es/utils").BuildPropReturn<NumberConstructor, 20, unknown, unknown, unknown>;
+    readonly zIndex: import("element-pe/es/utils").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
+    readonly grouping: import("element-pe/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly repeatNum: import("element-pe/es/utils").BuildPropReturn<NumberConstructor, 1, unknown, unknown, unknown>;
 };
 export declare type MessageProps = ExtractPropTypes<typeof messageProps>;
 export declare const messageEmits: {

package/lib/components/message/src/message.js

@@ -2,161 +2,79 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-var core = require('@vueuse/core');
 require('../../../utils/index.js');
-require('../../../constants/index.js');
-var index = require('../../badge/index.js');
-var index$1 = require('../../icon/index.js');
-require('../../../hooks/index.js');
-var message = require('./message2.js');
-var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var props = require('../../../utils/vue/props.js');
 var icon = require('../../../utils/vue/icon.js');
-var index$2 = require('../../../hooks/use-namespace/index.js');
-var aria = require('../../../constants/aria.js');
 
-const _sfc_main = vue.defineComponent({
-  name: "ElMessage",
-  components: {
-    ElBadge: index.ElBadge,
-    ElIcon: index$1.ElIcon,
-    ...icon.TypeComponents
+const messageTypes = ["success", "info", "warning", "error"];
+const messageProps = props.buildProps({
+  customClass: {
+    type: String,
+    default: ""
   },
-  props: message.messageProps,
-  emits: message.messageEmits,
-  setup(props) {
-    const ns = index$2.useNamespace("message");
-    const visible = vue.ref(false);
-    const badgeType = vue.ref(props.type ? props.type === "error" ? "danger" : props.type : "info");
-    let stopTimer = void 0;
-    const typeClass = vue.computed(() => {
-      const type = props.type;
-      return { [ns.bm("icon", type)]: type && icon.TypeComponentsMap[type] };
-    });
-    const iconComponent = vue.computed(() => {
-      return props.icon || icon.TypeComponentsMap[props.type] || "";
-    });
-    const customStyle = vue.computed(() => ({
-      top: `${props.offset}px`,
-      zIndex: props.zIndex
-    }));
-    function startTimer() {
-      if (props.duration > 0) {
-        ;
-        ({ stop: stopTimer } = core.useTimeoutFn(() => {
-          if (visible.value)
-            close();
-        }, props.duration));
-      }
-    }
-    function clearTimer() {
-      stopTimer == null ? void 0 : stopTimer();
-    }
-    function close() {
-      visible.value = false;
-    }
-    function keydown({ code }) {
-      if (code === aria.EVENT_CODE.esc) {
-        if (visible.value) {
-          close();
-        }
-      } else {
-        startTimer();
-      }
-    }
-    vue.onMounted(() => {
-      startTimer();
-      visible.value = true;
-    });
-    vue.watch(() => props.repeatNum, () => {
-      clearTimer();
-      startTimer();
-    });
-    core.useEventListener(document, "keydown", keydown);
-    return {
-      ns,
-      typeClass,
-      iconComponent,
-      customStyle,
-      visible,
-      badgeType,
-      close,
-      clearTimer,
-      startTimer
-    };
+  center: {
+    type: Boolean,
+    default: false
+  },
+  dangerouslyUseHTMLString: {
+    type: Boolean,
+    default: false
+  },
+  duration: {
+    type: Number,
+    default: 3e3
+  },
+  icon: {
+    type: icon.iconPropType,
+    default: ""
+  },
+  id: {
+    type: String,
+    default: ""
+  },
+  message: {
+    type: props.definePropType([
+      String,
+      Object,
+      Function
+    ]),
+    default: ""
+  },
+  onClose: {
+    type: props.definePropType(Function),
+    required: false
+  },
+  showClose: {
+    type: Boolean,
+    default: false
+  },
+  type: {
+    type: String,
+    values: messageTypes,
+    default: "info"
+  },
+  offset: {
+    type: Number,
+    default: 20
+  },
+  zIndex: {
+    type: Number,
+    default: 0
+  },
+  grouping: {
+    type: Boolean,
+    default: false
+  },
+  repeatNum: {
+    type: Number,
+    default: 1
   }
 });
-const _hoisted_1 = ["id"];
-const _hoisted_2 = ["innerHTML"];
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_el_badge = vue.resolveComponent("el-badge");
-  const _component_el_icon = vue.resolveComponent("el-icon");
-  const _component_close = vue.resolveComponent("close");
-  return vue.openBlock(), vue.createBlock(vue.Transition, {
-    name: _ctx.ns.b("fade"),
-    onBeforeLeave: _ctx.onClose,
-    onAfterLeave: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("destroy"))
-  }, {
-    default: vue.withCtx(() => [
-      vue.withDirectives(vue.createElementVNode("div", {
-        id: _ctx.id,
-        class: vue.normalizeClass([
-          _ctx.ns.b(),
-          { [_ctx.ns.m(_ctx.type)]: _ctx.type && !_ctx.icon },
-          _ctx.ns.is("center", _ctx.center),
-          _ctx.ns.is("closable", _ctx.showClose),
-          _ctx.customClass
-        ]),
-        style: vue.normalizeStyle(_ctx.customStyle),
-        role: "alert",
-        onMouseenter: _cache[0] || (_cache[0] = (...args) => _ctx.clearTimer && _ctx.clearTimer(...args)),
-        onMouseleave: _cache[1] || (_cache[1] = (...args) => _ctx.startTimer && _ctx.startTimer(...args))
-      }, [
-        _ctx.repeatNum > 1 ? (vue.openBlock(), vue.createBlock(_component_el_badge, {
-          key: 0,
-          value: _ctx.repeatNum,
-          type: _ctx.badgeType,
-          class: vue.normalizeClass(_ctx.ns.e("badge"))
-        }, null, 8, ["value", "type", "class"])) : vue.createCommentVNode("v-if", true),
-        _ctx.iconComponent ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
-          key: 1,
-          class: vue.normalizeClass([_ctx.ns.e("icon"), _ctx.typeClass])
-        }, {
-          default: vue.withCtx(() => [
-            (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.iconComponent)))
-          ]),
-          _: 1
-        }, 8, ["class"])) : vue.createCommentVNode("v-if", true),
-        vue.renderSlot(_ctx.$slots, "default", {}, () => [
-          !_ctx.dangerouslyUseHTMLString ? (vue.openBlock(), vue.createElementBlock("p", {
-            key: 0,
-            class: vue.normalizeClass(_ctx.ns.e("content"))
-          }, vue.toDisplayString(_ctx.message), 3)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
-            vue.createCommentVNode(" Caution here, message could've been compromised, never use user's input as message "),
-            vue.createElementVNode("p", {
-              class: vue.normalizeClass(_ctx.ns.e("content")),
-              innerHTML: _ctx.message
-            }, null, 10, _hoisted_2)
-          ], 2112))
-        ]),
-        _ctx.showClose ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
-          key: 2,
-          class: vue.normalizeClass(_ctx.ns.e("closeBtn")),
-          onClick: vue.withModifiers(_ctx.close, ["stop"])
-        }, {
-          default: vue.withCtx(() => [
-            vue.createVNode(_component_close)
-          ]),
-          _: 1
-        }, 8, ["class", "onClick"])) : vue.createCommentVNode("v-if", true)
-      ], 46, _hoisted_1), [
-        [vue.vShow, _ctx.visible]
-      ])
-    ]),
-    _: 3
-  }, 8, ["name", "onBeforeLeave"]);
-}
-var MessageConstructor = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "/Users/meng/workspace/element-pe/packages/components/message/src/message.vue"]]);
+const messageEmits = {
+  destroy: () => true
+};
 
-exports["default"] = MessageConstructor;
+exports.messageEmits = messageEmits;
+exports.messageProps = messageProps;
+exports.messageTypes = messageTypes;
 //# sourceMappingURL=message.js.map