element-ps 2.0.27 → 2.0.30

package/es/components/menu/src/menu-item2.mjs

@@ -1,20 +1,70 @@
+import { defineComponent, getCurrentInstance, inject, toRef, computed, reactive, openBlock, createElementBlock, normalizeClass, normalizeStyle, renderSlot, Fragment } from 'vue';
+import '../../popper/index.mjs';
 import '../../../utils/index.mjs';
-import { buildProps, definePropType } from '../../../utils/vue/props.mjs';
-import { isString } from '@vue/shared';
+import '../../../hooks/index.mjs';
+import useMenu from './use-menu.mjs';
+import { menuItemProps, menuItemEmits } from './menu-item.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
+import { throwError } from '../../../utils/error.mjs';
+import { Effect } from '../../popper/src/popper.mjs';
 
-const menuItemProps = buildProps({
-  index: {
-    type: definePropType([String, null]),
-    default: null
-  },
-  route: {
-    type: definePropType([String, Object])
-  },
-  disabled: Boolean
+const COMPONENT_NAME = "PsMenuItem";
+const _sfc_main = defineComponent({
+  name: COMPONENT_NAME,
+  props: menuItemProps,
+  emits: menuItemEmits,
+  setup(props, { emit }) {
+    const instance = getCurrentInstance();
+    const rootMenu = inject("rootMenu");
+    const nsMenu = useNamespace("menu");
+    const nsMenuItem = useNamespace("menu-item");
+    if (!rootMenu)
+      throwError(COMPONENT_NAME, "can not inject root menu");
+    const { parentMenu, paddingStyle, indexPath } = useMenu(instance, toRef(props, "index"));
+    const subMenu = inject(`subMenu:${parentMenu.value.uid}`);
+    if (!subMenu)
+      throwError(COMPONENT_NAME, "can not inject sub menu");
+    const active = computed(() => props.index === rootMenu.activeIndex);
+    const item = reactive({
+      index: props.index,
+      indexPath,
+      active
+    });
+    return {
+      Effect,
+      parentMenu,
+      rootMenu,
+      paddingStyle,
+      active,
+      nsMenu,
+      nsMenuItem
+    };
+  }
 });
-const menuItemEmits = {
-  click: (item) => isString(item.index) && Array.isArray(item.indexPath)
-};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("li", {
+    class: normalizeClass([
+      _ctx.nsMenuItem.b(),
+      _ctx.nsMenuItem.is("active", _ctx.active),
+      _ctx.nsMenuItem.is("disabled", _ctx.disabled)
+    ]),
+    role: "menuitem",
+    tabindex: "-1",
+    style: normalizeStyle(_ctx.paddingStyle)
+  }, [
+    _ctx.parentMenu.type.name === "PsMenu" && _ctx.rootMenu.props.collapse && _ctx.$slots.title ? (openBlock(), createElementBlock("div", {
+      key: 0,
+      class: normalizeClass(_ctx.nsMenu.be("tooltip", "trigger"))
+    }, [
+      renderSlot(_ctx.$slots, "default")
+    ], 2)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+      renderSlot(_ctx.$slots, "default"),
+      renderSlot(_ctx.$slots, "title")
+    ], 64))
+  ], 6);
+}
+var MenuItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/meng/workspace/element-ps/packages/components/menu/src/menu-item.vue"]]);
 
-export { menuItemEmits, menuItemProps };
+export { MenuItem as default };
 //# sourceMappingURL=menu-item2.mjs.map

package/es/components/menu/src/menu-item2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"menu-item2.mjs","sources":["../../../../../../packages/components/menu/src/menu-item.ts"],"sourcesContent":["import { buildProps, definePropType, isString } from '@element-ps/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":[],"mappings":";;;;AACY,MAAC,aAAa,GAAG,UAAU,CAAC;AACxC,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,cAAc,CAAC,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;AACxC,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,cAAc,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,KAAK,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC;AACxE;;;;"}
+{"version":3,"file":"menu-item2.mjs","sources":["../../../../../../packages/components/menu/src/menu-item.vue"],"sourcesContent":["<template>\n  <li\n    :class=\"[\n      nsMenuItem.b(),\n      nsMenuItem.is('active', active),\n      nsMenuItem.is('disabled', disabled),\n    ]\"\n    role=\"menuitem\"\n    tabindex=\"-1\"\n    :style=\"paddingStyle\"\n  >\n    <div\n        v-if=\"\n          parentMenu.type.name === 'PsMenu' &&\n          rootMenu.props.collapse &&\n          $slots.title\n        \"\n        :class=\"nsMenu.be('tooltip', 'trigger')\">\n        <slot />\n      </div>\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 { Effect } from '@element-ps/components/popper'\nimport { throwError } from '@element-ps/utils'\nimport { useNamespace } from '@element-ps/hooks'\nimport useMenu from './use-menu'\nimport { menuItemEmits, menuItemProps } from './menu-item'\n\nimport type { MenuItemRegistered, MenuProvider, SubMenuProvider } from './types'\n\nconst COMPONENT_NAME = 'PsMenuItem'\nexport default defineComponent({\n  name: COMPONENT_NAME,\n  props: menuItemProps,\n  emits: menuItemEmits,\n\n  setup(props, { emit }) {\n    const instance = getCurrentInstance()!\n    const rootMenu = inject<MenuProvider>('rootMenu')\n    const nsMenu = useNamespace('menu')\n    const nsMenuItem = useNamespace('menu-item')\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    return {\n      Effect,\n      parentMenu,\n      rootMenu,\n      paddingStyle,\n      active,\n      nsMenu,\n      nsMenuItem,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_normalizeClass","_normalizeStyle","_renderSlot","_openBlock","_Fragment"],"mappings":";;;;;;;;;;;AA8CA,MAAM,cAAiB,GAAA,YAAA,CAAA;AACvB,MAAK,YAAa,eAAa,CAAA;AAAA,EAC7B,IAAM,EAAA,cAAA;AAAA,EACN,KAAO,EAAA,aAAA;AAAA,EACP,KAAO,EAAA,aAAA;AAAA,EAEP,KAAA,CAAM,KAAO,EAAA,EAAE,IAAQ,EAAA,EAAA;AACrB,IAAA,MAAM,WAAW,kBAAmB,EAAA,CAAA;AACpC,IAAM,MAAA,QAAA,GAAW,OAAqB,UAAU,CAAA,CAAA;AAChD,IAAM,MAAA,MAAA,GAAS,aAAa,MAAM,CAAA,CAAA;AAClC,IAAM,MAAA,UAAA,GAAa,aAAa,WAAW,CAAA,CAAA;AAC3C,IAAA,IAAI,CAAC,QAAA;AAAU,MAAA,UAAA,CAAW,gBAAgB,0BAA0B,CAAA,CAAA;AAEpE,IAAM,MAAA,EAAE,YAAY,YAAc,EAAA,SAAA,EAAA,GAAc,QAC9C,QACA,EAAA,KAAA,CAAM,KAAO,EAAA,OAAO,CACtB,CAAA,CAAA;AAEA,IAAA,MAAM,OAAU,GAAA,MAAA,CAAwB,CAAW,QAAA,EAAA,UAAA,CAAW,MAAM,GAAK,CAAA,CAAA,CAAA,CAAA;AACzE,IAAA,IAAI,CAAC,OAAA;AAAS,MAAA,UAAA,CAAW,gBAAgB,yBAAyB,CAAA,CAAA;AAElE,IAAA,MAAM,SAAS,QAAS,CAAA,MAAM,KAAM,CAAA,KAAA,KAAU,SAAS,WAAW,CAAA,CAAA;AAClE,IAAA,MAAM,OAA2B,QAAS,CAAA;AAAA,MACxC,OAAO,KAAM,CAAA,KAAA;AAAA,MACb,SAAA;AAAA,MACA,MAAA;AAAA,KACD,CAAA,CAAA;AAED,IAAO,OAAA;AAAA,MACL,MAAA;AAAA,MACA,UAAA;AAAA,MACA,QAAA;AAAA,MACA,YAAA;AAAA,MACA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,KACF,CAAA;AAAA,GACF;AACF,CAAC,CAAA,CAAA;;sBAnFCA,kBAuBK,CAAA,IAAA,EAAA;AAAA,IAtBF,KAAK,EAAAC,cAAA,CAAA;AAAA,MAAU,gBAAW,CAAC,EAAA;AAAA,MAAU,IAAA,CAAA,UAAA,CAAW,EAAE,CAAA,QAAA,EAAW,IAAM,CAAA,MAAA,CAAA;AAAA,MAAS,IAAA,CAAA,UAAA,CAAW,EAAE,CAAA,UAAA,EAAa,IAAQ,CAAA,QAAA,CAAA;AAAA,KAAA,CAAA;IAK/G,IAAK,EAAA,UAAA;AAAA,IACL,QAAS,EAAA,IAAA;AAAA,IACR,KAAA,EAAKC,eAAE,IAAY,CAAA,YAAA,CAAA;AAAA,GAAA,EAAA;IAGC,IAAW,CAAA,UAAA,CAAA,IAAA,CAAK,SAAI,QAA2B,IAAA,IAAA,CAAA,QAAA,CAAS,MAAM,QAAsB,IAAA,IAAA,CAAA,MAAA,CAAO,sBADhHF,kBAQQ,CAAA,KAAA,EAAA;AAAA,MAAA,GAAA,EAAA,CAAA;MAFH,KAAK,EAAAC,cAAA,CAAE,YAAO,EAAE,CAAA,SAAA,EAAA,SAAA,CAAA,CAAA;AAAA,KAAA,EAAA;MACjBE,UAAQ,CAAA,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA;AAAA,KAAA,EAAA,CAAA,CAAA,KAAAC,SAAA,EAAA,EAEZJ,kBAGW,CAAAK,QAAA,EAAA,EAAA,GAAA,EAAA,CAAA,EAAA,EAAA;AAAA,MAFTF,UAAQ,CAAA,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA;AAAA,MACRA,UAAqB,CAAA,IAAA,CAAA,MAAA,EAAA,OAAA,CAAA;AAAA,KAAA,EAAA,EAAA,CAAA,CAAA;;;;;;;"}

package/es/components/pagination/index.d.ts

@@ -37,8 +37,8 @@ export declare const PsPagination: import("element-ps/es/utils").SFCWithInstall<
 }>>, {
     small: boolean;
     disabled: boolean;
-    background: boolean;
     layout: string;
+    background: boolean;
     popperClass: string;
     pagerCount: number;
     pageSizes: number[];

package/es/components/pagination/src/pagination.d.ts

@@ -57,8 +57,8 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     small: boolean;
     disabled: boolean;
-    background: boolean;
     layout: string;
+    background: boolean;
     popperClass: string;
     pagerCount: number;
     pageSizes: number[];

package/es/components/popconfirm/index.d.ts

@@ -43,12 +43,12 @@ export declare const PsPopconfirm: import("element-ps/es/utils").SFCWithInstall<
     readonly persistent: BooleanConstructor;
 }>>, {
     icon: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, unknown, unknown>;
-    hideAfter: number;
     title: string;
-    confirmButtonText: string;
-    cancelButtonText: string;
+    hideAfter: number;
     teleported: import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     persistent: boolean;
+    confirmButtonText: string;
+    cancelButtonText: string;
     confirmButtonType: import("element-ps/es/utils").BuildPropType<StringConstructor, "" | "default" | "primary" | "success" | "warning" | "info" | "danger" | "text", unknown>;
     cancelButtonType: import("element-ps/es/utils").BuildPropType<StringConstructor, "" | "default" | "primary" | "success" | "warning" | "info" | "danger" | "text", unknown>;
     iconColor: string;

package/es/components/popconfirm/src/popconfirm.vue.d.ts

@@ -43,12 +43,12 @@ declare const _default: import("vue").DefineComponent<{
     readonly persistent: BooleanConstructor;
 }>>, {
     icon: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, unknown, unknown>;
-    hideAfter: number;
     title: string;
-    confirmButtonText: string;
-    cancelButtonText: string;
+    hideAfter: number;
     teleported: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     persistent: boolean;
+    confirmButtonText: string;
+    cancelButtonText: string;
     confirmButtonType: import("../../../utils").BuildPropType<StringConstructor, "" | "default" | "primary" | "success" | "warning" | "info" | "danger" | "text", unknown>;
     cancelButtonType: import("../../../utils").BuildPropType<StringConstructor, "" | "default" | "primary" | "success" | "warning" | "info" | "danger" | "text", unknown>;
     iconColor: string;

package/es/components/popover/index.d.ts

@@ -136,16 +136,16 @@ declare const _Popover: SFCWithInstall<import("vue").DefineComponent<{
 }>>, {
     disabled: boolean;
     trigger: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<"click" | "contextmenu" | "focus" | "hover" | ("click" | "contextmenu" | "focus" | "hover")[]>, unknown, unknown>;
-    showAfter: number;
-    hideAfter: number;
-    placement: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<import("@popperjs/core").Placement>, unknown, unknown>;
-    width: import("element-ps/es/utils").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
     offset: number;
-    content: string;
-    transition: string;
-    visible: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<boolean | null>, unknown, unknown>;
+    width: import("element-ps/es/utils").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
     effect: string;
     tabindex: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<string | number>, unknown, unknown>;
+    visible: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<boolean | null>, unknown, unknown>;
+    content: string;
+    transition: string;
+    showAfter: number;
+    hideAfter: number;
+    placement: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<import("@popperjs/core").Placement>, unknown, unknown>;
     popperOptions: Partial<import("@popperjs/core").Options>;
     enterable: import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     popperClass: string | {
@@ -319,16 +319,16 @@ export declare const PsPopover: SFCWithInstall<import("vue").DefineComponent<{
 }>>, {
     disabled: boolean;
     trigger: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<"click" | "contextmenu" | "focus" | "hover" | ("click" | "contextmenu" | "focus" | "hover")[]>, unknown, unknown>;
-    showAfter: number;
-    hideAfter: number;
-    placement: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<import("@popperjs/core").Placement>, unknown, unknown>;
-    width: import("element-ps/es/utils").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
     offset: number;
-    content: string;
-    transition: string;
-    visible: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<boolean | null>, unknown, unknown>;
+    width: import("element-ps/es/utils").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
     effect: string;
     tabindex: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<string | number>, unknown, unknown>;
+    visible: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<boolean | null>, unknown, unknown>;
+    content: string;
+    transition: string;
+    showAfter: number;
+    hideAfter: number;
+    placement: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<import("@popperjs/core").Placement>, unknown, unknown>;
     popperOptions: Partial<import("@popperjs/core").Options>;
     enterable: import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     popperClass: string | {

package/es/components/popover/src/index.vue.d.ts

@@ -134,16 +134,16 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     disabled: boolean;
     trigger: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<"click" | "contextmenu" | "focus" | "hover" | ("click" | "contextmenu" | "focus" | "hover")[]>, unknown, unknown>;
-    showAfter: number;
-    hideAfter: number;
-    placement: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<import("@popperjs/core").Placement>, unknown, unknown>;
-    width: import("../../../utils").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
     offset: number;
-    content: string;
-    transition: string;
-    visible: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<boolean | null>, unknown, unknown>;
+    width: import("../../../utils").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
     effect: string;
     tabindex: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<string | number>, unknown, unknown>;
+    visible: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<boolean | null>, unknown, unknown>;
+    content: string;
+    transition: string;
+    showAfter: number;
+    hideAfter: number;
+    placement: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<import("@popperjs/core").Placement>, unknown, unknown>;
     popperOptions: Partial<import("@popperjs/core").Options>;
     enterable: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     popperClass: string | {

package/es/components/popover/src/popover.mjs

@@ -3,7 +3,7 @@ import '../../tooltip/index.mjs';
 import '../../dropdown/index.mjs';
 import { buildProps } from '../../../utils/vue/props.mjs';
 import { useTooltipTriggerProps, useTooltipContentProps } from '../../tooltip/src/tooltip2.mjs';
-import { dropdownProps } from '../../dropdown/src/dropdown.mjs';
+import { dropdownProps } from '../../dropdown/src/dropdown2.mjs';
 
 const usePopoverProps = buildProps({
   trigger: useTooltipTriggerProps.trigger,

package/es/components/popper/index.mjs

@@ -1,12 +1,12 @@
 import '../../utils/index.mjs';
-import Popper from './src/popper.mjs';
-export { default as PsPopperArrow } from './src/arrow.mjs';
+import Popper from './src/popper2.mjs';
+export { default as PsPopperArrow } from './src/arrow2.mjs';
 export { default as PsPopperTrigger } from './src/trigger2.mjs';
-export { default as PsPopperContent } from './src/content2.mjs';
-export { Effect, usePopperProps } from './src/popper2.mjs';
+export { default as PsPopperContent } from './src/content.mjs';
+export { Effect, usePopperProps } from './src/popper.mjs';
 export { usePopperTriggerProps } from './src/trigger.mjs';
-export { usePopperContentProps, usePopperCoreConfigProps } from './src/content.mjs';
-export { usePopperArrowProps } from './src/arrow2.mjs';
+export { usePopperContentProps, usePopperCoreConfigProps } from './src/content2.mjs';
+export { usePopperArrowProps } from './src/arrow.mjs';
 export { useDeprecateAppendToBody } from './src/deprecation.mjs';
 import { withInstall } from '../../utils/vue/install.mjs';
 

package/es/components/popper/src/arrow.mjs

@@ -1,36 +1,12 @@
-import { defineComponent, inject, onBeforeUnmount, openBlock, createElementBlock, normalizeClass, unref } from 'vue';
-import '../../../hooks/index.mjs';
-import '../../../tokens/index.mjs';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
-import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
-import { POPPER_CONTENT_INJECTION_KEY } from '../../../tokens/popper.mjs';
+import '../../../utils/index.mjs';
+import { buildProps } from '../../../utils/vue/props.mjs';
 
-const __default__ = {
-  name: "PsPopperArrow",
-  inheritAttrs: false
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  setup(__props, { expose }) {
-    const ns = useNamespace("popper");
-    const { arrowRef } = inject(POPPER_CONTENT_INJECTION_KEY, void 0);
-    onBeforeUnmount(() => {
-      arrowRef.value = void 0;
-    });
-    expose({
-      arrowRef
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("span", {
-        ref_key: "arrowRef",
-        ref: arrowRef,
-        class: normalizeClass(unref(ns).e("arrow")),
-        "data-popper-arrow": ""
-      }, null, 2);
-    };
+const usePopperArrowProps = buildProps({
+  arrowOffset: {
+    type: Number,
+    default: 5
   }
 });
-var arrow = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/meng/workspace/element-ps/packages/components/popper/src/arrow.vue"]]);
 
-export { arrow as default };
+export { usePopperArrowProps };
 //# sourceMappingURL=arrow.mjs.map

package/es/components/popper/src/arrow.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"arrow.mjs","sources":["../../../../../../packages/components/popper/src/arrow.vue"],"sourcesContent":["<template>\n  <span ref=\"arrowRef\" :class=\"ns.e('arrow')\" data-popper-arrow=\"\" />\n</template>\n\n<script lang=\"ts\" setup>\nimport { inject, onBeforeUnmount } from 'vue'\nimport { useNamespace } from '@element-ps/hooks'\nimport { POPPER_CONTENT_INJECTION_KEY } from '@element-ps/tokens'\n\ndefineOptions({\n  name: 'PsPopperArrow',\n  inheritAttrs: false,\n})\n\nconst ns = useNamespace('popper')\nconst { arrowRef } = inject(\n  POPPER_CONTENT_INJECTION_KEY,\n  undefined\n)!\n\nonBeforeUnmount(() => {\n  arrowRef.value = undefined\n})\n\ndefineExpose({\n  /**\n   * @description Arrow element\n   */\n  arrowRef,\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAcA,IAAA,MAAA,EAAA,GAAA,aAAA,QAAA,CAAA,CAAA;AACA,IAAA,MAAA,EAAA,QAAA,EAAA,GAAA,MACA,CAAA,4BAAA,EACA,KACA,CAAA,CAAA,CAAA;AAEA,IAAA,eAAA,CAAA,MAAA;AACA,MAAA,QAAA,CAAA,KAAA,GAAA,KAAA,CAAA,CAAA;AAAA,KACA,CAAA,CAAA;AAEA,IAAA,MAAA,CAAA;AAAA,MAIA,QAAA;AAAA,KACA,CAAA,CAAA;;;;;;;;;;;;;;;"}
+{"version":3,"file":"arrow.mjs","sources":["../../../../../../packages/components/popper/src/arrow.ts"],"sourcesContent":["import { buildProps } from '@element-ps/utils'\n\nimport type { ExtractPropTypes } from 'vue'\n\nexport const usePopperArrowProps = buildProps({\n  arrowOffset: {\n    type: Number,\n    default: 5,\n  },\n} as const)\n\nexport type UsePopperArrowProps = ExtractPropTypes<typeof usePopperArrowProps>\n"],"names":[],"mappings":";;;AACY,MAAC,mBAAmB,GAAG,UAAU,CAAC;AAC9C,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,CAAC;;;;"}

package/es/components/popper/src/arrow2.mjs

@@ -1,12 +1,36 @@
-import '../../../utils/index.mjs';
-import { buildProps } from '../../../utils/vue/props.mjs';
+import { defineComponent, inject, onBeforeUnmount, openBlock, createElementBlock, normalizeClass, unref } from 'vue';
+import '../../../hooks/index.mjs';
+import '../../../tokens/index.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
+import { POPPER_CONTENT_INJECTION_KEY } from '../../../tokens/popper.mjs';
 
-const usePopperArrowProps = buildProps({
-  arrowOffset: {
-    type: Number,
-    default: 5
+const __default__ = {
+  name: "PsPopperArrow",
+  inheritAttrs: false
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  setup(__props, { expose }) {
+    const ns = useNamespace("popper");
+    const { arrowRef } = inject(POPPER_CONTENT_INJECTION_KEY, void 0);
+    onBeforeUnmount(() => {
+      arrowRef.value = void 0;
+    });
+    expose({
+      arrowRef
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("span", {
+        ref_key: "arrowRef",
+        ref: arrowRef,
+        class: normalizeClass(unref(ns).e("arrow")),
+        "data-popper-arrow": ""
+      }, null, 2);
+    };
   }
 });
+var arrow = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/meng/workspace/element-ps/packages/components/popper/src/arrow.vue"]]);
 
-export { usePopperArrowProps };
+export { arrow as default };
 //# sourceMappingURL=arrow2.mjs.map

package/es/components/popper/src/arrow2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"arrow2.mjs","sources":["../../../../../../packages/components/popper/src/arrow.ts"],"sourcesContent":["import { buildProps } from '@element-ps/utils'\n\nimport type { ExtractPropTypes } from 'vue'\n\nexport const usePopperArrowProps = buildProps({\n  arrowOffset: {\n    type: Number,\n    default: 5,\n  },\n} as const)\n\nexport type UsePopperArrowProps = ExtractPropTypes<typeof usePopperArrowProps>\n"],"names":[],"mappings":";;;AACY,MAAC,mBAAmB,GAAG,UAAU,CAAC;AAC9C,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,CAAC;;;;"}
+{"version":3,"file":"arrow2.mjs","sources":["../../../../../../packages/components/popper/src/arrow.vue"],"sourcesContent":["<template>\n  <span ref=\"arrowRef\" :class=\"ns.e('arrow')\" data-popper-arrow=\"\" />\n</template>\n\n<script lang=\"ts\" setup>\nimport { inject, onBeforeUnmount } from 'vue'\nimport { useNamespace } from '@element-ps/hooks'\nimport { POPPER_CONTENT_INJECTION_KEY } from '@element-ps/tokens'\n\ndefineOptions({\n  name: 'PsPopperArrow',\n  inheritAttrs: false,\n})\n\nconst ns = useNamespace('popper')\nconst { arrowRef } = inject(\n  POPPER_CONTENT_INJECTION_KEY,\n  undefined\n)!\n\nonBeforeUnmount(() => {\n  arrowRef.value = undefined\n})\n\ndefineExpose({\n  /**\n   * @description Arrow element\n   */\n  arrowRef,\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAcA,IAAA,MAAA,EAAA,GAAA,aAAA,QAAA,CAAA,CAAA;AACA,IAAA,MAAA,EAAA,QAAA,EAAA,GAAA,MACA,CAAA,4BAAA,EACA,KACA,CAAA,CAAA,CAAA;AAEA,IAAA,eAAA,CAAA,MAAA;AACA,MAAA,QAAA,CAAA,KAAA,GAAA,KAAA,CAAA,CAAA;AAAA,KACA,CAAA,CAAA;AAEA,IAAA,MAAA,CAAA;AAAA,MAIA,QAAA;AAAA,KACA,CAAA,CAAA;;;;;;;;;;;;;;;"}

package/es/components/popper/src/content.mjs

@@ -1,69 +1,57 @@
-import { placements } from '@popperjs/core';
-import '../../../utils/index.mjs';
-import { buildProps, definePropType } from '../../../utils/vue/props.mjs';
+import { defineComponent, inject, ref, provide, computed, unref, openBlock, createElementBlock, normalizeStyle, normalizeClass, renderSlot } from 'vue';
+import '../../../hooks/index.mjs';
+import '../../../tokens/index.mjs';
+import { usePopperContentProps } from './content2.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { POPPER_INJECTION_KEY, POPPER_CONTENT_INJECTION_KEY } from '../../../tokens/popper.mjs';
+import { useZIndex } from '../../../hooks/use-z-index/index.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
 
-const POSITIONING_STRATEGIES = ["fixed", "absolute"];
-const usePopperCoreConfigProps = buildProps({
-  boundariesPadding: {
-    type: Number,
-    default: 0
-  },
-  fallbackPlacements: {
-    type: definePropType(Array),
-    default: () => []
-  },
-  gpuAcceleration: {
-    type: Boolean,
-    default: true
-  },
-  offset: {
-    type: Number,
-    default: 12
-  },
-  placement: {
-    type: String,
-    values: placements,
-    default: "bottom"
-  },
-  popperOptions: {
-    type: definePropType(Object),
-    default: () => ({})
-  },
-  strategy: {
-    type: String,
-    values: POSITIONING_STRATEGIES,
-    default: "absolute"
+const __default__ = {
+  name: "PsPopperContent"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: usePopperContentProps,
+  setup(__props, { expose }) {
+    const props = __props;
+    const { popperInstanceRef } = inject(POPPER_INJECTION_KEY, void 0);
+    const { nextZIndex } = useZIndex();
+    const ns = useNamespace("popper");
+    const popperContentRef = ref();
+    const arrowRef = ref();
+    const arrowOffset = ref();
+    provide(POPPER_CONTENT_INJECTION_KEY, {
+      arrowRef,
+      arrowOffset
+    });
+    const contentZIndex = ref(props.zIndex || nextZIndex());
+    const contentStyle = computed(() => [{ zIndex: unref(contentZIndex) }, props.popperStyle]);
+    const contentClass = computed(() => [
+      ns.b(),
+      ns.is("pure", props.pure),
+      ns.is(props.effect),
+      props.popperClass
+    ]);
+    expose({
+      popperContentRef,
+      popperInstanceRef,
+      contentStyle
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref_key: "popperContentRef",
+        ref: popperContentRef,
+        style: normalizeStyle(unref(contentStyle)),
+        class: normalizeClass(unref(contentClass)),
+        role: "tooltip"
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 6);
+    };
   }
 });
-const usePopperContentProps = buildProps({
-  ...usePopperCoreConfigProps,
-  style: { type: definePropType([String, Array, Object]) },
-  className: { type: definePropType([String, Array, Object]) },
-  effect: {
-    type: String,
-    default: "dark"
-  },
-  visible: Boolean,
-  enterable: {
-    type: Boolean,
-    default: true
-  },
-  pure: Boolean,
-  popperClass: {
-    type: definePropType([String, Array, Object])
-  },
-  popperStyle: {
-    type: definePropType([String, Array, Object])
-  },
-  referenceEl: {
-    type: definePropType(Object)
-  },
-  stopPopperMouseEvent: {
-    type: Boolean,
-    default: true
-  },
-  zIndex: Number
-});
+var content = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/meng/workspace/element-ps/packages/components/popper/src/content.vue"]]);
 
-export { usePopperContentProps, usePopperCoreConfigProps };
+export { content as default };
 //# sourceMappingURL=content.mjs.map

package/es/components/popper/src/content.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"content.mjs","sources":["../../../../../../packages/components/popper/src/content.ts"],"sourcesContent":["import { placements } from '@popperjs/core'\nimport { buildProps, definePropType } from '@element-ps/utils'\n\nimport type { ExtractPropTypes, StyleValue } from 'vue'\nimport type { Options, Placement } from '@popperjs/core'\n\ntype ClassObjectType = Record<string, boolean>\ntype ClassType = string | ClassObjectType | ClassType[]\n\nconst POSITIONING_STRATEGIES = ['fixed', 'absolute'] as const\nexport const usePopperCoreConfigProps = buildProps({\n  boundariesPadding: {\n    type: Number,\n    default: 0,\n  },\n  fallbackPlacements: {\n    type: definePropType<Placement[]>(Array),\n    default: () => [],\n  },\n  gpuAcceleration: {\n    type: Boolean,\n    default: true,\n  },\n  offset: {\n    type: Number,\n    default: 12,\n  },\n  placement: {\n    type: String,\n    values: placements,\n    default: 'bottom',\n  },\n  popperOptions: {\n    type: definePropType<Partial<Options>>(Object),\n    default: () => ({}),\n  },\n  strategy: {\n    type: String,\n    values: POSITIONING_STRATEGIES,\n    default: 'absolute',\n  },\n} as const)\n\nexport const usePopperContentProps = buildProps({\n  ...usePopperCoreConfigProps,\n  style: { type: definePropType<StyleValue>([String, Array, Object]) },\n  className: { type: definePropType<ClassType>([String, Array, Object]) },\n  effect: {\n    type: String,\n    default: 'dark',\n  },\n  visible: Boolean,\n  enterable: {\n    type: Boolean,\n    default: true,\n  },\n  pure: Boolean,\n  popperClass: {\n    type: definePropType<ClassType>([String, Array, Object]),\n  },\n  popperStyle: {\n    type: definePropType<StyleValue>([String, Array, Object]),\n  },\n  referenceEl: {\n    type: definePropType<HTMLElement>(Object),\n  },\n  stopPopperMouseEvent: {\n    type: Boolean,\n    default: true,\n  },\n  zIndex: Number,\n} as const)\n\nexport type UsePopperContentProps = ExtractPropTypes<\n  typeof usePopperContentProps\n>\n\nexport type UsePopperCoreConfigProps = ExtractPropTypes<\n  typeof usePopperCoreConfigProps\n>\n"],"names":[],"mappings":";;;;AAEA,MAAM,sBAAsB,GAAG,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC;AACzC,MAAC,wBAAwB,GAAG,UAAU,CAAC;AACnD,EAAE,iBAAiB,EAAE;AACrB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,kBAAkB,EAAE;AACtB,IAAI,IAAI,EAAE,cAAc,CAAC,KAAK,CAAC;AAC/B,IAAI,OAAO,EAAE,MAAM,EAAE;AACrB,GAAG;AACH,EAAE,eAAe,EAAE;AACnB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,UAAU;AACtB,IAAI,OAAO,EAAE,QAAQ;AACrB,GAAG;AACH,EAAE,aAAa,EAAE;AACjB,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,IAAI,OAAO,EAAE,OAAO,EAAE,CAAC;AACvB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,sBAAsB;AAClC,IAAI,OAAO,EAAE,UAAU;AACvB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,qBAAqB,GAAG,UAAU,CAAC;AAChD,EAAE,GAAG,wBAAwB;AAC7B,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,cAAc,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,EAAE;AAC1D,EAAE,SAAS,EAAE,EAAE,IAAI,EAAE,cAAc,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,EAAE;AAC9D,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,MAAM;AACnB,GAAG;AACH,EAAE,OAAO,EAAE,OAAO;AAClB,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,IAAI,EAAE,OAAO;AACf,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,cAAc,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;AACjD,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,cAAc,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;AACjD,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,GAAG;AACH,EAAE,oBAAoB,EAAE;AACxB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,MAAM,EAAE,MAAM;AAChB,CAAC;;;;"}
+{"version":3,"file":"content.mjs","sources":["../../../../../../packages/components/popper/src/content.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"popperContentRef\"\n    :style=\"contentStyle\"\n    :class=\"contentClass\"\n    role=\"tooltip\"\n  >\n    <slot />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject, provide, ref, unref } from 'vue'\nimport { useNamespace, useZIndex } from '@element-ps/hooks'\nimport {\n  POPPER_CONTENT_INJECTION_KEY,\n  POPPER_INJECTION_KEY,\n} from '@element-ps/tokens'\nimport { usePopperContentProps } from './content'\n\ndefineOptions({\n  name: 'PsPopperContent',\n})\n\nconst props = defineProps(usePopperContentProps)\n\nconst { popperInstanceRef } = inject(\n  POPPER_INJECTION_KEY,\n  undefined\n)!\nconst { nextZIndex } = useZIndex()\nconst ns = useNamespace('popper')\nconst popperContentRef = ref<HTMLElement>()\nconst arrowRef = ref<HTMLElement>()\nconst arrowOffset = ref<number>()\nprovide(POPPER_CONTENT_INJECTION_KEY, {\n  arrowRef,\n  arrowOffset,\n})\nconst contentZIndex = ref(props.zIndex || nextZIndex())\n\nconst contentStyle = computed(\n  () => [{ zIndex: unref(contentZIndex) }, props.popperStyle] as any\n)\n\nconst contentClass = computed(() => [\n  ns.b(),\n  ns.is('pure', props.pure),\n  ns.is(props.effect),\n  props.popperClass,\n])\n\ndefineExpose({\n  /**\n   * @description popper content element\n   */\n  popperContentRef,\n  /**\n   * @description popperjs instance\n   */\n  popperInstanceRef,\n  /**\n   * @description content style\n   */\n  contentStyle,\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AA0BA,IAAA,MAAA,EAAA,iBAAA,EAAA,GAAA,MACA,CAAA,oBAAA,EACA,KACA,CAAA,CAAA,CAAA;AACA,IAAA,MAAA,EAAA,eAAA,SAAA,EAAA,CAAA;AACA,IAAA,MAAA,EAAA,GAAA,aAAA,QAAA,CAAA,CAAA;AACA,IAAA,MAAA,mBAAA,GAAA,EAAA,CAAA;AACA,IAAA,MAAA,WAAA,GAAA,EAAA,CAAA;AACA,IAAA,MAAA,cAAA,GAAA,EAAA,CAAA;AACA,IAAA,OAAA,CAAA,4BAAA,EAAA;AAAA,MACA,QAAA;AAAA,MACA,WAAA;AAAA,KACA,CAAA,CAAA;AACA,IAAA,MAAA,aAAA,GAAA,GAAA,CAAA,KAAA,CAAA,MAAA,IAAA,YAAA,CAAA,CAAA;AAEA,IAAA,MAAA,YAAA,GAAA,QAAA,CACA,MAAA,CAAA,EAAA,MAAA,EAAA,KAAA,CAAA,aAAA,CAAA,EAAA,EAAA,KAAA,CAAA,WAAA,CACA,CAAA,CAAA;AAEA,IAAA,MAAA,YAAA,GAAA,SAAA,MAAA;AAAA,MACA,GAAA,CAAA,EAAA;AAAA,MACA,EAAA,CAAA,EAAA,CAAA,MAAA,EAAA,KAAA,CAAA,IAAA,CAAA;AAAA,MACA,EAAA,CAAA,EAAA,CAAA,KAAA,CAAA,MAAA,CAAA;AAAA,MACA,KAAA,CAAA,WAAA;AAAA,KACA,CAAA,CAAA;AAEA,IAAA,MAAA,CAAA;AAAA,MAIA,gBAAA;AAAA,MAIA,iBAAA;AAAA,MAIA,YAAA;AAAA,KACA,CAAA,CAAA;;;;;;;;;;;;;;;;;;"}

package/es/components/popper/src/content.vue.d.ts

@@ -250,16 +250,16 @@ declare const _default: import("vue").DefineComponent<{
     readonly popperOptions: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<Partial<import("@popperjs/core").Options>>, () => {}, unknown, unknown, unknown>;
     readonly strategy: import("../../../utils").BuildPropReturn<StringConstructor, "absolute", unknown, "fixed" | "absolute", unknown>;
 }>>, {
-    style: import("vue").StyleValue;
-    placement: import("../../../utils").BuildPropType<StringConstructor, import("@popperjs/core").Placement, unknown>;
-    strategy: import("../../../utils").BuildPropType<StringConstructor, "fixed" | "absolute", unknown>;
     offset: number;
-    visible: boolean;
     effect: string;
+    style: import("vue").StyleValue;
+    visible: boolean;
     boundariesPadding: number;
     fallbackPlacements: import("@popperjs/core").Placement[];
     gpuAcceleration: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+    placement: import("../../../utils").BuildPropType<StringConstructor, import("@popperjs/core").Placement, unknown>;
     popperOptions: Partial<import("@popperjs/core").Options>;
+    strategy: import("../../../utils").BuildPropType<StringConstructor, "fixed" | "absolute", unknown>;
     className: string | {
         [x: string]: boolean;
     } | (string | {