element-ps 2.0.29 → 2.0.32

package/es/components/menu/src/types.d.ts

@@ -18,7 +18,16 @@ export interface MenuProvider {
     activeIndex?: string;
     isMenuPopup: boolean;
     props: MenuProps;
+    addMenuItem: (item: MenuItemRegistered) => void;
+    removeMenuItem: (item: MenuItemRegistered) => void;
+    addSubMenu: (item: MenuItemRegistered) => void;
+    removeSubMenu: (item: MenuItemRegistered) => void;
+    openMenu: (index: string, indexPath: string[]) => void;
+    closeMenu: (index: string, indexPath: string[]) => void;
 }
 export interface SubMenuProvider {
+    addSubMenu: (item: MenuItemRegistered) => void;
+    removeSubMenu: (item: MenuItemRegistered) => void;
     mouseInChild: Ref<boolean>;
+    level: number;
 }

package/es/components/menu/src/use-menu-css-var.d.ts

@@ -1,8 +1,2 @@
 import type { MenuProps } from './menu';
-export declare const useMenuCssVar: (props: MenuProps) => import("vue").ComputedRef<{
-    '--el-menu-text-color': string;
-    '--el-menu-hover-text-color': string;
-    '--el-menu-bg-color': string;
-    '--el-menu-hover-bg-color': string;
-    '--el-menu-active-color': string;
-}>;
+export declare const useMenuCssVar: (props: MenuProps, level: number) => import("vue").ComputedRef<Record<string, string>>;

package/es/components/menu/src/use-menu-css-var.mjs

@@ -1,15 +1,19 @@
 import { computed } from 'vue';
+import '../../../hooks/index.mjs';
 import useMenuColor from './use-menu-color.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
 
-const useMenuCssVar = (props) => {
+const useMenuCssVar = (props, level) => {
+  const ns = useNamespace("menu");
   return computed(() => {
-    return {
-      "--el-menu-text-color": props.textColor || "",
-      "--el-menu-hover-text-color": props.textColor || "",
-      "--el-menu-bg-color": props.backgroundColor || "",
-      "--el-menu-hover-bg-color": useMenuColor(props).value || "",
-      "--el-menu-active-color": props.activeTextColor || ""
-    };
+    return ns.cssVarBlock({
+      "text-color": props.textColor || "",
+      "hover-text-color": props.textColor || "",
+      "bg-color": props.backgroundColor || "",
+      "hover-bg-color": useMenuColor(props).value || "",
+      "active-color": props.activeTextColor || "",
+      level: `${level}`
+    });
   });
 };
 

package/es/components/menu/src/use-menu-css-var.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-menu-css-var.mjs","sources":["../../../../../../packages/components/menu/src/use-menu-css-var.ts"],"sourcesContent":["import { computed } from 'vue'\nimport useMenuColor from './use-menu-color'\n\nimport type { MenuProps } from './menu'\n\nexport const useMenuCssVar = (props: MenuProps) => {\n  return computed(() => {\n    return {\n      '--el-menu-text-color': props.textColor || '',\n      '--el-menu-hover-text-color': props.textColor || '',\n      '--el-menu-bg-color': props.backgroundColor || '',\n      '--el-menu-hover-bg-color': useMenuColor(props).value || '',\n      '--el-menu-active-color': props.activeTextColor || '',\n    }\n  })\n}\n"],"names":[],"mappings":";;;AAEY,MAAC,aAAa,GAAG,CAAC,KAAK,KAAK;AACxC,EAAE,OAAO,QAAQ,CAAC,MAAM;AACxB,IAAI,OAAO;AACX,MAAM,sBAAsB,EAAE,KAAK,CAAC,SAAS,IAAI,EAAE;AACnD,MAAM,4BAA4B,EAAE,KAAK,CAAC,SAAS,IAAI,EAAE;AACzD,MAAM,oBAAoB,EAAE,KAAK,CAAC,eAAe,IAAI,EAAE;AACvD,MAAM,0BAA0B,EAAE,YAAY,CAAC,KAAK,CAAC,CAAC,KAAK,IAAI,EAAE;AACjE,MAAM,wBAAwB,EAAE,KAAK,CAAC,eAAe,IAAI,EAAE;AAC3D,KAAK,CAAC;AACN,GAAG,CAAC,CAAC;AACL;;;;"}
+{"version":3,"file":"use-menu-css-var.mjs","sources":["../../../../../../packages/components/menu/src/use-menu-css-var.ts"],"sourcesContent":["import { computed } from 'vue'\nimport { useNamespace } from '@element-ps/hooks'\nimport useMenuColor from './use-menu-color'\n\nimport type { MenuProps } from './menu'\n\nexport const useMenuCssVar = (props: MenuProps, level: number) => {\n  const ns = useNamespace('menu')\n  return computed(() => {\n    return ns.cssVarBlock({\n      'text-color': props.textColor || '',\n      'hover-text-color': props.textColor || '',\n      'bg-color': props.backgroundColor || '',\n      'hover-bg-color': useMenuColor(props).value || '',\n      'active-color': props.activeTextColor || '',\n      level: `${level}`,\n    })\n  })\n}\n"],"names":[],"mappings":";;;;;AAGY,MAAC,aAAa,GAAG,CAAC,KAAK,EAAE,KAAK,KAAK;AAC/C,EAAE,MAAM,EAAE,GAAG,YAAY,CAAC,MAAM,CAAC,CAAC;AAClC,EAAE,OAAO,QAAQ,CAAC,MAAM;AACxB,IAAI,OAAO,EAAE,CAAC,WAAW,CAAC;AAC1B,MAAM,YAAY,EAAE,KAAK,CAAC,SAAS,IAAI,EAAE;AACzC,MAAM,kBAAkB,EAAE,KAAK,CAAC,SAAS,IAAI,EAAE;AAC/C,MAAM,UAAU,EAAE,KAAK,CAAC,eAAe,IAAI,EAAE;AAC7C,MAAM,gBAAgB,EAAE,YAAY,CAAC,KAAK,CAAC,CAAC,KAAK,IAAI,EAAE;AACvD,MAAM,cAAc,EAAE,KAAK,CAAC,eAAe,IAAI,EAAE;AACjD,MAAM,KAAK,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC;AACvB,KAAK,CAAC,CAAC;AACP,GAAG,CAAC,CAAC;AACL;;;;"}

package/es/components/menu/src/use-menu.d.ts

@@ -1,6 +1,5 @@
-import type { CSSProperties, ComponentInternalInstance, Ref } from 'vue';
+import type { ComponentInternalInstance, Ref } from 'vue';
 export default function useMenu(instance: ComponentInternalInstance, currentIndex: Ref<string>): {
     parentMenu: import("vue").ComputedRef<ComponentInternalInstance>;
-    paddingStyle: import("vue").ComputedRef<CSSProperties>;
     indexPath: import("vue").ComputedRef<string[]>;
 };

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

@@ -1,11 +1,6 @@
-import { inject, computed } from 'vue';
-import '../../../utils/index.mjs';
-import { throwError } from '../../../utils/error.mjs';
+import { computed } from 'vue';
 
 function useMenu(instance, currentIndex) {
-  const rootMenu = inject("rootMenu");
-  if (!rootMenu)
-    throwError("useMenu", "can not inject root menu");
   const indexPath = computed(() => {
     let parent = instance.parent;
     const path = [currentIndex.value];
@@ -24,26 +19,8 @@ function useMenu(instance, currentIndex) {
     }
     return parent;
   });
-  const paddingStyle = computed(() => {
-    let parent = instance.parent;
-    if (rootMenu.props.mode !== "vertical")
-      return {};
-    let padding = 20;
-    if (rootMenu.props.collapse) {
-      padding = 20;
-    } else {
-      while (parent && parent.type.name !== "PsMenu") {
-        if (parent.type.name === "PsSubMenu") {
-          padding += 20;
-        }
-        parent = parent.parent;
-      }
-    }
-    return { paddingLeft: `${padding}px` };
-  });
   return {
     parentMenu,
-    paddingStyle,
     indexPath
   };
 }

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

@@ -1 +1 @@
-{"version":3,"file":"use-menu.mjs","sources":["../../../../../../packages/components/menu/src/use-menu.ts"],"sourcesContent":["import { computed, inject } from 'vue'\nimport { throwError } from '@element-ps/utils'\n\nimport type { CSSProperties, ComponentInternalInstance, Ref } from 'vue'\nimport type { MenuProvider } from './types'\n\nexport default function useMenu(\n  instance: ComponentInternalInstance,\n  currentIndex: Ref<string>\n) {\n  const rootMenu = inject<MenuProvider>('rootMenu')\n  if (!rootMenu) throwError('useMenu', 'can not inject root menu')\n\n  const indexPath = computed(() => {\n    let parent = instance.parent!\n    const path = [currentIndex.value]\n    while (parent.type.name !== 'PsMenu') {\n      if (parent.props.index) {\n        path.unshift(parent.props.index as string)\n      }\n      parent = parent.parent!\n    }\n    return path\n  })\n\n  const parentMenu = computed(() => {\n    let parent = instance.parent\n    while (parent && !['PsMenu', 'PsSubMenu'].includes(parent.type.name!)) {\n      parent = parent.parent\n    }\n    return parent!\n  })\n  const paddingStyle = computed<CSSProperties>(() => {\n    let parent = instance.parent\n    if (rootMenu.props.mode !== 'vertical') return {}\n\n    let padding = 20\n\n    if (rootMenu.props.collapse) {\n      padding = 20\n    } else {\n      while (parent && parent.type.name !== 'PsMenu') {\n        if (parent.type.name === 'PsSubMenu') {\n          padding += 20\n        }\n        parent = parent.parent\n      }\n    }\n    return { paddingLeft: `${padding}px` }\n  })\n\n  return {\n    parentMenu,\n    paddingStyle,\n    indexPath,\n  }\n}\n"],"names":[],"mappings":";;;;AAEe,SAAS,OAAO,CAAC,QAAQ,EAAE,YAAY,EAAE;AACxD,EAAE,MAAM,QAAQ,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;AACtC,EAAE,IAAI,CAAC,QAAQ;AACf,IAAI,UAAU,CAAC,SAAS,EAAE,0BAA0B,CAAC,CAAC;AACtD,EAAE,MAAM,SAAS,GAAG,QAAQ,CAAC,MAAM;AACnC,IAAI,IAAI,MAAM,GAAG,QAAQ,CAAC,MAAM,CAAC;AACjC,IAAI,MAAM,IAAI,GAAG,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;AACtC,IAAI,OAAO,MAAM,CAAC,IAAI,CAAC,IAAI,KAAK,QAAQ,EAAE;AAC1C,MAAM,IAAI,MAAM,CAAC,KAAK,CAAC,KAAK,EAAE;AAC9B,QAAQ,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;AACzC,OAAO;AACP,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;AAC7B,KAAK;AACL,IAAI,OAAO,IAAI,CAAC;AAChB,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,UAAU,GAAG,QAAQ,CAAC,MAAM;AACpC,IAAI,IAAI,MAAM,GAAG,QAAQ,CAAC,MAAM,CAAC;AACjC,IAAI,OAAO,MAAM,IAAI,CAAC,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;AAC1E,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;AAC7B,KAAK;AACL,IAAI,OAAO,MAAM,CAAC;AAClB,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,YAAY,GAAG,QAAQ,CAAC,MAAM;AACtC,IAAI,IAAI,MAAM,GAAG,QAAQ,CAAC,MAAM,CAAC;AACjC,IAAI,IAAI,QAAQ,CAAC,KAAK,CAAC,IAAI,KAAK,UAAU;AAC1C,MAAM,OAAO,EAAE,CAAC;AAChB,IAAI,IAAI,OAAO,GAAG,EAAE,CAAC;AACrB,IAAI,IAAI,QAAQ,CAAC,KAAK,CAAC,QAAQ,EAAE;AACjC,MAAM,OAAO,GAAG,EAAE,CAAC;AACnB,KAAK,MAAM;AACX,MAAM,OAAO,MAAM,IAAI,MAAM,CAAC,IAAI,CAAC,IAAI,KAAK,QAAQ,EAAE;AACtD,QAAQ,IAAI,MAAM,CAAC,IAAI,CAAC,IAAI,KAAK,WAAW,EAAE;AAC9C,UAAU,OAAO,IAAI,EAAE,CAAC;AACxB,SAAS;AACT,QAAQ,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;AAC/B,OAAO;AACP,KAAK;AACL,IAAI,OAAO,EAAE,WAAW,EAAE,CAAC,EAAE,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC;AAC3C,GAAG,CAAC,CAAC;AACL,EAAE,OAAO;AACT,IAAI,UAAU;AACd,IAAI,YAAY;AAChB,IAAI,SAAS;AACb,GAAG,CAAC;AACJ;;;;"}
+{"version":3,"file":"use-menu.mjs","sources":["../../../../../../packages/components/menu/src/use-menu.ts"],"sourcesContent":["import { computed } from 'vue'\n\nimport type { ComponentInternalInstance, Ref } from 'vue'\n\nexport default function useMenu(\n  instance: ComponentInternalInstance,\n  currentIndex: Ref<string>\n) {\n  const indexPath = computed(() => {\n    let parent = instance.parent!\n    const path = [currentIndex.value]\n    while (parent.type.name !== 'PsMenu') {\n      if (parent.props.index) {\n        path.unshift(parent.props.index as string)\n      }\n      parent = parent.parent!\n    }\n    return path\n  })\n\n  const parentMenu = computed(() => {\n    let parent = instance.parent\n    while (parent && !['PsMenu', 'PsSubMenu'].includes(parent.type.name!)) {\n      parent = parent.parent\n    }\n    return parent!\n  })\n\n  return {\n    parentMenu,\n    indexPath,\n  }\n}\n"],"names":[],"mappings":";;AACe,SAAS,OAAO,CAAC,QAAQ,EAAE,YAAY,EAAE;AACxD,EAAE,MAAM,SAAS,GAAG,QAAQ,CAAC,MAAM;AACnC,IAAI,IAAI,MAAM,GAAG,QAAQ,CAAC,MAAM,CAAC;AACjC,IAAI,MAAM,IAAI,GAAG,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;AACtC,IAAI,OAAO,MAAM,CAAC,IAAI,CAAC,IAAI,KAAK,QAAQ,EAAE;AAC1C,MAAM,IAAI,MAAM,CAAC,KAAK,CAAC,KAAK,EAAE;AAC9B,QAAQ,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;AACzC,OAAO;AACP,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;AAC7B,KAAK;AACL,IAAI,OAAO,IAAI,CAAC;AAChB,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,UAAU,GAAG,QAAQ,CAAC,MAAM;AACpC,IAAI,IAAI,MAAM,GAAG,QAAQ,CAAC,MAAM,CAAC;AACjC,IAAI,OAAO,MAAM,IAAI,CAAC,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;AAC1E,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;AAC7B,KAAK;AACL,IAAI,OAAO,MAAM,CAAC;AAClB,GAAG,CAAC,CAAC;AACL,EAAE,OAAO;AACT,IAAI,UAAU;AACd,IAAI,SAAS;AACb,GAAG,CAAC;AACJ;;;;"}

package/es/components/menu/src/utils/menu-bar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"menu-bar.mjs","sources":["../../../../../../../packages/components/menu/src/utils/menu-bar.ts"],"sourcesContent":["import MenuItem from './menu-item'\n\nimport type { RendererNode } from 'vue'\n\nclass Menu {\n  constructor(public domNode: RendererNode, namespace: string) {\n    this.init(namespace)\n  }\n  init(namespace: string): void {\n    const menuChildren = this.domNode.childNodes\n    Array.from<Node>(menuChildren).forEach((child) => {\n      if (child.nodeType === 1) {\n        new MenuItem(child as HTMLElement, namespace)\n      }\n    })\n  }\n}\n\nexport default Menu\n"],"names":[],"mappings":";;AACA,MAAM,IAAI,CAAC;AACX,EAAE,WAAW,CAAC,OAAO,EAAE,SAAS,EAAE;AAClC,IAAI,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;AAC3B,IAAI,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;AACzB,GAAG;AACH,EAAE,IAAI,CAAC,SAAS,EAAE;AAClB,IAAI,MAAM,YAAY,GAAG,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC;AACjD,IAAI,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,OAAO,CAAC,CAAC,KAAK,KAAK;AAChD,MAAM,IAAI,KAAK,CAAC,QAAQ,KAAK,CAAC,EAAE;AAChC,QAAQ,IAAI,QAAQ,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;AACvC,OAAO;AACP,KAAK,CAAC,CAAC;AACP,GAAG;AACH;;;;"}
+{"version":3,"file":"menu-bar.mjs","sources":["../../../../../../../packages/components/menu/src/utils/menu-bar.ts"],"sourcesContent":["import MenuItem from './menu-item'\n\nimport type { RendererNode } from 'vue'\n\nclass Menu {\n  constructor(public domNode: RendererNode, namespace: string) {\n    this.init(namespace)\n  }\n  init(namespace: string): void {\n    const menuChildren = this.domNode.childNodes\n    Array.from<Node>(menuChildren).forEach((child) => {\n      if (child.nodeType === 1) {\n        new MenuItem(child as HTMLPsement, namespace)\n      }\n    })\n  }\n}\n\nexport default Menu\n"],"names":[],"mappings":";;AACA,MAAM,IAAI,CAAC;AACX,EAAE,WAAW,CAAC,OAAO,EAAE,SAAS,EAAE;AAClC,IAAI,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;AAC3B,IAAI,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;AACzB,GAAG;AACH,EAAE,IAAI,CAAC,SAAS,EAAE;AAClB,IAAI,MAAM,YAAY,GAAG,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC;AACjD,IAAI,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,OAAO,CAAC,CAAC,KAAK,KAAK;AAChD,MAAM,IAAI,KAAK,CAAC,QAAQ,KAAK,CAAC,EAAE;AAChC,QAAQ,IAAI,QAAQ,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;AACvC,OAAO;AACP,KAAK,CAAC,CAAC;AACP,GAAG;AACH;;;;"}

package/es/components/menu/src/utils/menu-item.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"menu-item.mjs","sources":["../../../../../../../packages/components/menu/src/utils/menu-item.ts"],"sourcesContent":["import SubMenu from './submenu'\n\nclass MenuItem {\n  public submenu: SubMenu = null\n  constructor(public domNode: HTMLElement, namespace: string) {\n    this.submenu = null\n    this.init(namespace)\n  }\n\n  init(namespace: string): void {\n    this.domNode.setAttribute('tabindex', '0')\n    const menuChild = this.domNode.querySelector(`.${namespace}-menu`)\n    if (menuChild) {\n      this.submenu = new SubMenu(this, menuChild)\n    }\n  }\n}\n\nexport default MenuItem\n"],"names":[],"mappings":";;AACA,MAAM,QAAQ,CAAC;AACf,EAAE,WAAW,CAAC,OAAO,EAAE,SAAS,EAAE;AAClC,IAAI,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;AAC3B,IAAI,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;AACxB,IAAI,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;AACxB,IAAI,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;AACzB,GAAG;AACH,EAAE,IAAI,CAAC,SAAS,EAAE;AAClB,IAAI,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC;AAC/C,IAAI,MAAM,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC;AACvE,IAAI,IAAI,SAAS,EAAE;AACnB,MAAM,IAAI,CAAC,OAAO,GAAG,IAAI,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;AAClD,KAAK;AACL,GAAG;AACH;;;;"}
+{"version":3,"file":"menu-item.mjs","sources":["../../../../../../../packages/components/menu/src/utils/menu-item.ts"],"sourcesContent":["import { triggerEvent } from '@element-ps/utils'\nimport { EVENT_CODE } from '@element-ps/constants'\nimport SubMenu from './submenu'\n\nclass MenuItem {\n  public submenu: SubMenu = null\n  constructor(public domNode: HTMLElement, namespace: string) {\n    this.submenu = null\n    this.init(namespace)\n  }\n\n  init(namespace: string): void {\n    this.domNode.setAttribute('tabindex', '0')\n    const menuChild = this.domNode.querySelector(`.${namespace}-menu`)\n    if (menuChild) {\n      this.submenu = new SubMenu(this, menuChild)\n    }\n  }\n}\n\nexport default MenuItem\n"],"names":[],"mappings":";;AACA,MAAM,QAAQ,CAAC;AACf,EAAE,WAAW,CAAC,OAAO,EAAE,SAAS,EAAE;AAClC,IAAI,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;AAC3B,IAAI,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;AACxB,IAAI,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;AACxB,IAAI,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;AACzB,GAAG;AACH,EAAE,IAAI,CAAC,SAAS,EAAE;AAClB,IAAI,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC;AAC/C,IAAI,MAAM,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC;AACvE,IAAI,IAAI,SAAS,EAAE;AACnB,MAAM,IAAI,CAAC,OAAO,GAAG,IAAI,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;AAClD,KAAK;AACL,GAAG;AACH;;;;"}

package/es/components/menu/src/utils/submenu.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"submenu.mjs","sources":["../../../../../../../packages/components/menu/src/utils/submenu.ts"],"sourcesContent":["import type MenuItem from './menu-item'\n\nclass SubMenu {\n  public subMenuItems: NodeList\n  public subIndex = 0\n  constructor(public parent: MenuItem, public domNode: ParentNode) {\n    this.subIndex = 0\n    this.init()\n  }\n\n  init(): void {\n    this.subMenuItems = this.domNode.querySelectorAll('li')\n  }\n\n  gotoSubIndex(idx: number): void {\n    if (idx === this.subMenuItems.length) {\n      idx = 0\n    } else if (idx < 0) {\n      idx = this.subMenuItems.length - 1\n    }\n    ;(this.subMenuItems[idx] as HTMLElement).focus()\n    this.subIndex = idx\n  }\n}\n\nexport default SubMenu\n"],"names":[],"mappings":"AAAA,MAAM,OAAO,CAAC;AACd,EAAE,WAAW,CAAC,MAAM,EAAE,OAAO,EAAE;AAC/B,IAAI,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;AACzB,IAAI,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;AAC3B,IAAI,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC;AACtB,IAAI,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC;AACtB,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;AAChB,GAAG;AACH,EAAE,IAAI,GAAG;AACT,IAAI,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC;AAC5D,GAAG;AACH,EAAE,YAAY,CAAC,GAAG,EAAE;AACpB,IAAI,IAAI,GAAG,KAAK,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE;AAC1C,MAAM,GAAG,GAAG,CAAC,CAAC;AACd,KAAK,MAAM,IAAI,GAAG,GAAG,CAAC,EAAE;AACxB,MAAM,GAAG,GAAG,IAAI,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC;AACzC,KAAK;AACL,IAAI,CAAC;AACL,IAAI,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC;AACnC,IAAI,IAAI,CAAC,QAAQ,GAAG,GAAG,CAAC;AACxB,GAAG;AACH;;;;"}
+{"version":3,"file":"submenu.mjs","sources":["../../../../../../../packages/components/menu/src/utils/submenu.ts"],"sourcesContent":["import { triggerEvent } from '@element-ps/utils'\nimport { EVENT_CODE } from '@element-ps/constants'\nimport type MenuItem from './menu-item'\n\nclass SubMenu {\n  public subMenuItems: NodeList\n  public subIndex = 0\n  constructor(public parent: MenuItem, public domNode: ParentNode) {\n    this.subIndex = 0\n    this.init()\n  }\n\n  init(): void {\n    this.subMenuItems = this.domNode.querySelectorAll('li')\n  }\n\n  gotoSubIndex(idx: number): void {\n    if (idx === this.subMenuItems.length) {\n      idx = 0\n    } else if (idx < 0) {\n      idx = this.subMenuItems.length - 1\n    }\n    ;(this.subMenuItems[idx] as HTMLElement).focus()\n    this.subIndex = idx\n  }\n\n}\n\nexport default SubMenu\n"],"names":[],"mappings":"AAAA,MAAM,OAAO,CAAC;AACd,EAAE,WAAW,CAAC,MAAM,EAAE,OAAO,EAAE;AAC/B,IAAI,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;AACzB,IAAI,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;AAC3B,IAAI,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC;AACtB,IAAI,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC;AACtB,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;AAChB,GAAG;AACH,EAAE,IAAI,GAAG;AACT,IAAI,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC;AAC5D,GAAG;AACH,EAAE,YAAY,CAAC,GAAG,EAAE;AACpB,IAAI,IAAI,GAAG,KAAK,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE;AAC1C,MAAM,GAAG,GAAG,CAAC,CAAC;AACd,KAAK,MAAM,IAAI,GAAG,GAAG,CAAC,EAAE;AACxB,MAAM,GAAG,GAAG,IAAI,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC;AACzC,KAAK;AACL,IAAI,CAAC;AACL,IAAI,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC;AACnC,IAAI,IAAI,CAAC,QAAQ,GAAG,GAAG,CAAC;AACxB,GAAG;AACH;;;;"}

package/es/components/page-header/index.d.ts

@@ -17,6 +17,10 @@ export declare const PsPageHeader: import("element-ps/es/utils").SFCWithInstall<
             (name: string, state: boolean | undefined): string;
             (name: string): string;
         };
+        cssVar: (object: Record<string, string>) => Record<string, string>;
+        cssVarName: (name: string) => string;
+        cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+        cssVarBlockName: (name: string) => string;
     };
     PsIcon: import("element-ps/es/utils").SFCWithInstall<import("vue").DefineComponent<{
         readonly size: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<string | number>, unknown, unknown, unknown, unknown>;
@@ -41,6 +45,10 @@ export declare const PsPageHeader: import("element-ps/es/utils").SFCWithInstall<
                 (name: string, state: boolean | undefined): string;
                 (name: string): string;
             };
+            cssVar: (object: Record<string, string>) => Record<string, string>;
+            cssVarName: (name: string) => string;
+            cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+            cssVarBlockName: (name: string) => string;
         };
         style: import("vue").ComputedRef<import("vue").CSSProperties>;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{

package/es/components/page-header/src/page-header.vue.d.ts

@@ -17,6 +17,10 @@ declare const _default: import("vue").DefineComponent<{
             (name: string, state: boolean | undefined): string;
             (name: string): string;
         };
+        cssVar: (object: Record<string, string>) => Record<string, string>;
+        cssVarName: (name: string) => string;
+        cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+        cssVarBlockName: (name: string) => string;
     };
     PsIcon: import("../../../utils").SFCWithInstall<import("vue").DefineComponent<{
         readonly size: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<string | number>, unknown, unknown, unknown, unknown>;
@@ -41,6 +45,10 @@ declare const _default: import("vue").DefineComponent<{
                 (name: string, state: boolean | undefined): string;
                 (name: string): string;
             };
+            cssVar: (object: Record<string, string>) => Record<string, string>;
+            cssVarName: (name: string) => string;
+            cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+            cssVarBlockName: (name: string) => string;
         };
         style: import("vue").ComputedRef<import("vue").CSSProperties>;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{

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/components/jumper.vue.d.ts

@@ -12,6 +12,10 @@ declare const _default: import("vue").DefineComponent<{}, {
             (name: string, state: boolean | undefined): string;
             (name: string): string;
         };
+        cssVar: (object: Record<string, string>) => Record<string, string>;
+        cssVarName: (name: string) => string;
+        cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+        cssVarBlockName: (name: string) => string;
     };
     pageCount: import("vue").ComputedRef<number> | undefined;
     disabled: import("vue").ComputedRef<boolean> | undefined;

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

@@ -31,6 +31,10 @@ declare const _default: import("vue").DefineComponent<{
             (name: string, state: boolean | undefined): string;
             (name: string): string;
         };
+        cssVar: (object: Record<string, string>) => Record<string, string>;
+        cssVarName: (name: string) => string;
+        cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+        cssVarBlockName: (name: string) => string;
     };
     nsIcon: {
         namespace: import("vue").ComputedRef<string>;
@@ -45,6 +49,10 @@ declare const _default: import("vue").DefineComponent<{
             (name: string, state: boolean | undefined): string;
             (name: string): string;
         };
+        cssVar: (object: Record<string, string>) => Record<string, string>;
+        cssVarName: (name: string) => string;
+        cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+        cssVarBlockName: (name: string) => string;
     };
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly currentPage: {

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

@@ -19,6 +19,10 @@ declare const _default: import("vue").DefineComponent<{
             (name: string, state: boolean | undefined): string;
             (name: string): string;
         };
+        cssVar: (object: Record<string, string>) => Record<string, string>;
+        cssVarName: (name: string) => string;
+        cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+        cssVarBlockName: (name: string) => string;
     };
     innerPagesizes: import("vue").ComputedRef<number[]>;
     innerPageSize: import("vue").Ref<Nullable<number>>;

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

@@ -26,6 +26,10 @@ declare const _default: import("vue").DefineComponent<{
             (name: string, state: boolean | undefined): string;
             (name: string): string;
         };
+        cssVar: (object: Record<string, string>) => Record<string, string>;
+        cssVarName: (name: string) => string;
+        cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+        cssVarBlockName: (name: string) => string;
     };
     disabled: import("vue").ComputedRef<boolean> | undefined;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{

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

@@ -26,6 +26,10 @@ export declare const PsPopconfirm: import("element-ps/es/utils").SFCWithInstall<
             (name: string, state: boolean | undefined): string;
             (name: string): string;
         };
+        cssVar: (object: Record<string, string>) => Record<string, string>;
+        cssVarName: (name: string) => string;
+        cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+        cssVarBlockName: (name: string) => string;
     };
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly title: import("element-ps/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
@@ -43,12 +47,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.mjs

@@ -5,7 +5,7 @@ import '../../tooltip/index.mjs';
 import { buildProps, definePropType } from '../../../utils/vue/props.mjs';
 import { buttonTypes } from '../../button/src/button.mjs';
 import { iconPropType } from '../../../utils/vue/icon.mjs';
-import { useTooltipContentProps } from '../../tooltip/src/tooltip2.mjs';
+import { useTooltipContentProps } from '../../tooltip/src/tooltip.mjs';
 
 const popconfirmProps = buildProps({
   title: {

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

@@ -26,6 +26,10 @@ declare const _default: import("vue").DefineComponent<{
             (name: string, state: boolean | undefined): string;
             (name: string): string;
         };
+        cssVar: (object: Record<string, string>) => Record<string, string>;
+        cssVarName: (name: string) => string;
+        cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+        cssVarBlockName: (name: string) => string;
     };
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly title: import("../../../utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
@@ -43,12 +47,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

@@ -1,7 +1,7 @@
 import type { SFCWithInstall } from 'element-ps/es/utils';
 declare const _PopoverDirective: SFCWithInstall<import("vue").ObjectDirective<any, any>>;
 declare const _Popover: SFCWithInstall<import("vue").DefineComponent<{
-    readonly trigger: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<"click" | "contextmenu" | "focus" | "hover" | ("click" | "contextmenu" | "focus" | "hover")[]>, "hover", unknown, unknown, unknown>;
+    readonly trigger: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<"hover" | "focus" | "click" | "contextmenu" | ("hover" | "focus" | "click" | "contextmenu")[]>, "hover", unknown, unknown, unknown>;
     readonly placement: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<import("@popperjs/core").Placement>, "bottom", unknown, unknown, unknown>;
     readonly disabled: BooleanConstructor;
     readonly visible: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<boolean | null>, null, unknown, unknown, unknown>;
@@ -73,9 +73,13 @@ declare const _Popover: SFCWithInstall<import("vue").DefineComponent<{
             (name: string, state: boolean | undefined): string;
             (name: string): string;
         };
+        cssVar: (object: Record<string, string>) => Record<string, string>;
+        cssVarName: (name: string) => string;
+        cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+        cssVarBlockName: (name: string) => string;
     };
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly trigger: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<"click" | "contextmenu" | "focus" | "hover" | ("click" | "contextmenu" | "focus" | "hover")[]>, "hover", unknown, unknown, unknown>;
+    readonly trigger: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<"hover" | "focus" | "click" | "contextmenu" | ("hover" | "focus" | "click" | "contextmenu")[]>, "hover", unknown, unknown, unknown>;
     readonly placement: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<import("@popperjs/core").Placement>, "bottom", unknown, unknown, unknown>;
     readonly disabled: BooleanConstructor;
     readonly visible: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<boolean | null>, null, unknown, unknown, unknown>;
@@ -135,17 +139,17 @@ declare const _Popover: SFCWithInstall<import("vue").DefineComponent<{
     readonly persistent: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
 }>>, {
     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>;
+    trigger: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<"hover" | "focus" | "click" | "contextmenu" | ("hover" | "focus" | "click" | "contextmenu")[]>, unknown, unknown>;
     offset: number;
-    content: string;
-    transition: string;
+    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 | {
@@ -184,7 +188,7 @@ declare const _Popover: SFCWithInstall<import("vue").DefineComponent<{
 };
 export default _Popover;
 export declare const PsPopover: SFCWithInstall<import("vue").DefineComponent<{
-    readonly trigger: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<"click" | "contextmenu" | "focus" | "hover" | ("click" | "contextmenu" | "focus" | "hover")[]>, "hover", unknown, unknown, unknown>;
+    readonly trigger: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<"hover" | "focus" | "click" | "contextmenu" | ("hover" | "focus" | "click" | "contextmenu")[]>, "hover", unknown, unknown, unknown>;
     readonly placement: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<import("@popperjs/core").Placement>, "bottom", unknown, unknown, unknown>;
     readonly disabled: BooleanConstructor;
     readonly visible: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<boolean | null>, null, unknown, unknown, unknown>;
@@ -256,9 +260,13 @@ export declare const PsPopover: SFCWithInstall<import("vue").DefineComponent<{
             (name: string, state: boolean | undefined): string;
             (name: string): string;
         };
+        cssVar: (object: Record<string, string>) => Record<string, string>;
+        cssVarName: (name: string) => string;
+        cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+        cssVarBlockName: (name: string) => string;
     };
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly trigger: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<"click" | "contextmenu" | "focus" | "hover" | ("click" | "contextmenu" | "focus" | "hover")[]>, "hover", unknown, unknown, unknown>;
+    readonly trigger: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<"hover" | "focus" | "click" | "contextmenu" | ("hover" | "focus" | "click" | "contextmenu")[]>, "hover", unknown, unknown, unknown>;
     readonly placement: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<import("@popperjs/core").Placement>, "bottom", unknown, unknown, unknown>;
     readonly disabled: BooleanConstructor;
     readonly visible: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<boolean | null>, null, unknown, unknown, unknown>;
@@ -318,17 +326,17 @@ export declare const PsPopover: SFCWithInstall<import("vue").DefineComponent<{
     readonly persistent: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
 }>>, {
     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>;
+    trigger: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<"hover" | "focus" | "click" | "contextmenu" | ("hover" | "focus" | "click" | "contextmenu")[]>, unknown, unknown>;
     offset: number;
-    content: string;
-    transition: string;
+    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

@@ -1,5 +1,5 @@
 declare const _default: import("vue").DefineComponent<{
-    readonly trigger: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<"click" | "contextmenu" | "focus" | "hover" | ("click" | "contextmenu" | "focus" | "hover")[]>, "hover", unknown, unknown, unknown>;
+    readonly trigger: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<"hover" | "focus" | "click" | "contextmenu" | ("hover" | "focus" | "click" | "contextmenu")[]>, "hover", unknown, unknown, unknown>;
     readonly placement: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("@popperjs/core").Placement>, "bottom", unknown, unknown, unknown>;
     readonly disabled: BooleanConstructor;
     readonly visible: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<boolean | null>, null, unknown, unknown, unknown>;
@@ -71,9 +71,13 @@ declare const _default: import("vue").DefineComponent<{
             (name: string, state: boolean | undefined): string;
             (name: string): string;
         };
+        cssVar: (object: Record<string, string>) => Record<string, string>;
+        cssVarName: (name: string) => string;
+        cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+        cssVarBlockName: (name: string) => string;
     };
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly trigger: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<"click" | "contextmenu" | "focus" | "hover" | ("click" | "contextmenu" | "focus" | "hover")[]>, "hover", unknown, unknown, unknown>;
+    readonly trigger: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<"hover" | "focus" | "click" | "contextmenu" | ("hover" | "focus" | "click" | "contextmenu")[]>, "hover", unknown, unknown, unknown>;
     readonly placement: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("@popperjs/core").Placement>, "bottom", unknown, unknown, unknown>;
     readonly disabled: BooleanConstructor;
     readonly visible: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<boolean | null>, null, unknown, unknown, unknown>;
@@ -133,17 +137,17 @@ declare const _default: import("vue").DefineComponent<{
     readonly persistent: import("../../../utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
 }>>, {
     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>;
+    trigger: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<"hover" | "focus" | "click" | "contextmenu" | ("hover" | "focus" | "click" | "contextmenu")[]>, unknown, unknown>;
     offset: number;
-    content: string;
-    transition: string;
+    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.d.ts

@@ -1,5 +1,5 @@
 export declare const usePopoverProps: {
-    readonly trigger: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<"click" | "contextmenu" | "focus" | "hover" | ("click" | "contextmenu" | "focus" | "hover")[]>, "hover", unknown, unknown, unknown>;
+    readonly trigger: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<"hover" | "focus" | "click" | "contextmenu" | ("hover" | "focus" | "click" | "contextmenu")[]>, "hover", unknown, unknown, unknown>;
     readonly placement: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<import("@popperjs/core").Placement>, "bottom", unknown, unknown, unknown>;
     readonly disabled: BooleanConstructor;
     readonly visible: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<boolean | null>, null, unknown, unknown, unknown>;

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

@@ -2,8 +2,8 @@ import '../../../utils/index.mjs';
 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 { useTooltipTriggerProps, useTooltipContentProps } from '../../tooltip/src/tooltip.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/popper2.mjs';
-export { default as PsPopperArrow } from './src/arrow.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/popper.mjs';
 export { usePopperTriggerProps } from './src/trigger.mjs';
 export { usePopperContentProps, usePopperCoreConfigProps } from './src/content.mjs';
-export { usePopperArrowProps } from './src/arrow2.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;;;;"}