@koi-design/uxd-ui 12.1.36-beta.0

package/es/components/Menu/Menu.d.ts

@@ -0,0 +1,122 @@
+import { type MenuClickEvent, type MenuOpenEvent } from './Menu.type';
+declare const _default: import("vue").DefineComponent<{
+    mode: {
+        type: import("vue").PropType<"inline" | "horizontal" | "vertical" | "vertical-left" | "vertical-right">;
+        default: string;
+        validator: (val: "inline" | "horizontal" | "vertical" | "vertical-left" | "vertical-right") => boolean;
+    };
+    theme: {
+        type: import("vue").PropType<"dark" | "light">;
+        default: string;
+        validator: (val: "dark" | "light") => boolean;
+    };
+    selectedKeys: {
+        type: import("vue").PropType<(string | number)[]>;
+        validator: (val: any[]) => boolean;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    openKeys: {
+        type: import("vue").PropType<(string | number)[]>;
+        default: () => string[];
+    };
+    subMenuOpenDelay: {
+        type: NumberConstructor;
+        default: number;
+    };
+    subMenuCloseDelay: {
+        type: NumberConstructor;
+        default: number;
+    };
+    inlineCollapsed: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    prefixCls: {
+        type: StringConstructor;
+    };
+    role: {
+        type: StringConstructor;
+    };
+    selectable: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+}, {
+    rootMenu: import("vue").Ref<any, any>;
+    computedPrefixCls: import("vue").ComputedRef<string>;
+    computedMode: import("vue").Ref<"inline" | "horizontal" | "vertical" | "vertical-left" | "vertical-right", "inline" | "horizontal" | "vertical" | "vertical-left" | "vertical-right">;
+    layoutSiderCollapsed: import("vue").Ref<boolean, boolean>;
+    renderChild: () => import("vue").VNodeArrayChildren;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (e: MenuClickEvent) => boolean;
+    select: (e: import("./Menu.type").MenuSelectEvent) => boolean;
+    deselect: (e: import("./Menu.type").MenuSelectEvent) => boolean;
+    'update:selectedKeys': (selectedKeys: (string | number)[]) => boolean;
+    'open-change': (openKeys: (string | number)[], event: MenuOpenEvent) => never;
+    'update:openKeys': (openKeys: (string | number)[]) => boolean;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    mode: {
+        type: import("vue").PropType<"inline" | "horizontal" | "vertical" | "vertical-left" | "vertical-right">;
+        default: string;
+        validator: (val: "inline" | "horizontal" | "vertical" | "vertical-left" | "vertical-right") => boolean;
+    };
+    theme: {
+        type: import("vue").PropType<"dark" | "light">;
+        default: string;
+        validator: (val: "dark" | "light") => boolean;
+    };
+    selectedKeys: {
+        type: import("vue").PropType<(string | number)[]>;
+        validator: (val: any[]) => boolean;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    openKeys: {
+        type: import("vue").PropType<(string | number)[]>;
+        default: () => string[];
+    };
+    subMenuOpenDelay: {
+        type: NumberConstructor;
+        default: number;
+    };
+    subMenuCloseDelay: {
+        type: NumberConstructor;
+        default: number;
+    };
+    inlineCollapsed: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    prefixCls: {
+        type: StringConstructor;
+    };
+    role: {
+        type: StringConstructor;
+    };
+    selectable: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+}>> & {
+    onClick?: (e: MenuClickEvent) => any;
+    onSelect?: (e: import("./Menu.type").MenuSelectEvent) => any;
+    onDeselect?: (e: import("./Menu.type").MenuSelectEvent) => any;
+    "onUpdate:selectedKeys"?: (selectedKeys: (string | number)[]) => any;
+    "onOpen-change"?: (openKeys: (string | number)[], event: MenuOpenEvent) => any;
+    "onUpdate:openKeys"?: (openKeys: (string | number)[]) => any;
+}, {
+    multiple: boolean;
+    mode: "inline" | "horizontal" | "vertical" | "vertical-left" | "vertical-right";
+    theme: "dark" | "light";
+    openKeys: (string | number)[];
+    subMenuOpenDelay: number;
+    subMenuCloseDelay: number;
+    inlineCollapsed: boolean;
+    selectable: boolean;
+}, {}>;
+export default _default;

package/es/components/Menu/Menu.mjs

@@ -0,0 +1,202 @@
+import { defineComponent, inject, toRefs, computed, ref, watch, provide, createVNode } from 'vue';
+import warning from '../../utils/warn.mjs';
+import useGlobalConfig from '../base/hooks/useGlobalConfig.mjs';
+import Render from '../base/Render.mjs';
+import useWrapDom from './hooks/useWrapDom.mjs';
+import { menuProps, menuEmits } from './Menu.type.mjs';
+
+var Menu = defineComponent({
+  name: "UMenu",
+  components: {
+    Render
+  },
+  props: menuProps,
+  emits: menuEmits,
+  setup(props, {
+    emit,
+    slots
+  }) {
+    const dropdownContext = inject("dropdownContext", void 0);
+    const layoutSiderContext = inject("layoutSiderContext", {});
+    const inDrop = dropdownContext !== void 0;
+    const {
+      collapsed: layoutSiderCollapsed
+    } = layoutSiderContext;
+    const {
+      prefixCls: statePrefixCls
+    } = useGlobalConfig(inDrop ? "dropdown-menu" : "menu");
+    const {
+      mode,
+      theme,
+      subMenuOpenDelay,
+      subMenuCloseDelay,
+      inlineCollapsed
+    } = toRefs(props);
+    const computedPrefixCls = computed(() => props.prefixCls || statePrefixCls.value);
+    if (props.mode !== "inline" && props.inlineCollapsed !== void 0) {
+      warning("inlineCollapsed only use in inline mode!");
+    }
+    const selectedKeys = ref(props.selectedKeys || []);
+    const openKeys = ref(!props.inlineCollapsed && props.openKeys ? props.openKeys : []);
+    const inlineOpenKeys = ref(props.inlineCollapsed ? props.openKeys : []);
+    const rootMenu = ref(null);
+    let keypath = [];
+    const computedMode = ref(props.mode);
+    const setInlineMode = () => {
+      if (props.mode === "inline") {
+        computedMode.value = props.inlineCollapsed || (layoutSiderCollapsed == null ? void 0 : layoutSiderCollapsed.value) ? "vertical" : props.mode;
+      }
+    };
+    setInlineMode();
+    const collapsed = ref(false);
+    const collapsedChange = (val) => {
+      setTimeout(() => {
+        setInlineMode();
+      }, 300);
+      if (val) {
+        inlineOpenKeys.value = openKeys.value;
+        openKeys.value = [];
+        collapsed.value = true;
+      } else {
+        openKeys.value = inlineOpenKeys.value;
+        inlineOpenKeys.value = [];
+        collapsed.value = false;
+      }
+    };
+    const updateKeyPath = (key, type) => {
+      if (type === "item") {
+        keypath = [key];
+      } else if (type === "sub") {
+        keypath.push(key);
+      }
+    };
+    const fireMenuClick = (event) => {
+      const info = {
+        ...event,
+        keypath
+      };
+      emit("click", info);
+      if (dropdownContext && dropdownContext.fireItemClick && info.key) {
+        dropdownContext.fireItemClick(info);
+      }
+    };
+    const selectable = computed(() => {
+      return !inDrop || !!props.selectable;
+    });
+    const fireMenuDeselect = (event) => {
+      if (selectable.value && props.multiple) {
+        const _selectedKeys = selectedKeys.value.filter((x) => x !== event.key);
+        emit("deselect", {
+          key: event.key,
+          item: event.item,
+          selectedKeys: _selectedKeys
+        });
+        if (props.selectedKeys === void 0) {
+          selectedKeys.value = _selectedKeys;
+        }
+        emit("update:selectedKeys", _selectedKeys);
+      }
+    };
+    const fireMenuSelect = (event) => {
+      if (selectable.value) {
+        let _selectedKeys = [];
+        if (props.multiple) {
+          _selectedKeys = [...selectedKeys.value, event.key];
+        } else {
+          _selectedKeys = [event.key];
+        }
+        emit("select", {
+          key: event.key,
+          item: event.item,
+          selectedKeys: _selectedKeys
+        });
+        if (props.selectedKeys === void 0) {
+          selectedKeys.value = _selectedKeys;
+        }
+        emit("update:selectedKeys", _selectedKeys);
+      }
+    };
+    const fireMenuOpenChange = (event) => {
+      const {
+        open,
+        key
+      } = event;
+      let _openKeys = openKeys.value;
+      if (open) {
+        _openKeys = [..._openKeys, key];
+      } else {
+        _openKeys = _openKeys.filter((x) => x !== key);
+      }
+      emit("open-change", _openKeys, event);
+      openKeys.value = _openKeys;
+      emit("update:openKeys", _openKeys);
+    };
+    watch(() => props.selectedKeys, (val) => {
+      selectedKeys.value = val || [];
+    });
+    watch(() => props.openKeys, (val) => {
+      openKeys.value = val;
+    });
+    watch(() => props.inlineCollapsed, (val) => {
+      if (val !== void 0) {
+        collapsedChange(val);
+      }
+    });
+    if (layoutSiderContext && layoutSiderCollapsed) {
+      watch(layoutSiderCollapsed, (val) => {
+        collapsedChange(val);
+      });
+    }
+    provide("parentMenu", {
+      isRootMenu: true,
+      getPopupContainer: () => {
+        var _a;
+        if (dropdownContext) {
+          return (_a = rootMenu.value) == null ? void 0 : _a.parentNode;
+        }
+        return document.body;
+      }
+    });
+    provide("menuStore", {
+      mode: computedMode,
+      originalMode: mode,
+      theme,
+      selectedKeys,
+      openKeys,
+      subMenuOpenDelay,
+      subMenuCloseDelay,
+      rootPrefixCls: computedPrefixCls,
+      updateKeyPath,
+      inlineCollapsed,
+      collapsed
+    });
+    provide("menuEvent", {
+      fireMenuClick,
+      fireMenuDeselect,
+      fireMenuSelect,
+      fireMenuOpenChange
+    });
+    const {
+      renderChild
+    } = useWrapDom(props.mode, rootMenu, slots);
+    return {
+      rootMenu,
+      computedPrefixCls,
+      computedMode,
+      layoutSiderCollapsed,
+      renderChild
+    };
+  },
+  render() {
+    return createVNode("ul", {
+      "ref": "rootMenu",
+      "role": this.role || "menu",
+      "class": [`${this.computedPrefixCls}`, `${this.computedPrefixCls}-${this.computedMode}`, `${this.computedPrefixCls}-root`, `${this.computedPrefixCls}-${this.theme}`, {
+        [`${this.computedPrefixCls}-inline-collapsed`]: this.inlineCollapsed || !!this.layoutSiderCollapsed
+      }]
+    }, [this.renderChild()]);
+  }
+});
+
+export { Menu as default };
+//# sourceMappingURL=Menu.mjs.map

package/es/components/Menu/Menu.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.mjs","sources":["../../../../src/components/Menu/Menu.tsx"],"sourcesContent":["import { defineComponent, provide, inject, ref, toRefs, watch, computed } from 'vue';\nimport warn from '../../utils/warn';\nimport useGlobalConfig from '../base/hooks/useGlobalConfig';\nimport Render from '../base/Render';\nimport useWrapDom from './hooks/useWrapDom';\nimport type { DropdownContext } from '../Dropdown/Dropdown.type';\nimport type { LayoutSiderContext } from '../Layout/Layout.type';\nimport { menuProps, menuEmits, type MenuItemClickEvent, type MenuClickEvent, type MenuOpenEvent } from './Menu.type';\n\nexport default defineComponent({\n  name: 'UMenu',\n  components: { Render },\n  props: menuProps,\n  emits: menuEmits,\n  setup(props, { emit, slots }) {\n    const dropdownContext = inject<DropdownContext | undefined>('dropdownContext', undefined);\n    const layoutSiderContext = inject<LayoutSiderContext>('layoutSiderContext', {} as LayoutSiderContext);\n    const inDrop = dropdownContext !== undefined;\n    const { collapsed: layoutSiderCollapsed } = layoutSiderContext;\n    const { prefixCls: statePrefixCls } = useGlobalConfig(inDrop ? 'dropdown-menu' : 'menu');\n    const { mode, theme, subMenuOpenDelay, subMenuCloseDelay, inlineCollapsed } = toRefs(props);\n\n    const computedPrefixCls = computed(() => props.prefixCls || statePrefixCls.value);\n    if (props.mode !== 'inline' && props.inlineCollapsed !== undefined) {\n      warn('inlineCollapsed only use in inline mode!');\n    }\n    const selectedKeys = ref(props.selectedKeys || []);\n    const openKeys = ref(!props.inlineCollapsed && props.openKeys ? props.openKeys : []);\n    const inlineOpenKeys = ref(props.inlineCollapsed ? props.openKeys : []);\n\n    const rootMenu = ref<any | null>(null);\n    let keypath: (string | number)[] = [];\n\n    // const computedMode = computed(() => {\n    //   if (props.mode === 'inline') {\n    //     return props.inlineCollapsed || layoutSiderCollapsed?.value ? 'vertical' : props.mode;\n    //   }\n    //   return props.mode;\n    // });\n    const computedMode = ref(props.mode);\n    const setInlineMode = () => {\n      if (props.mode === 'inline') {\n        computedMode.value = props.inlineCollapsed || layoutSiderCollapsed?.value ? 'vertical' : props.mode;\n      }\n    };\n    setInlineMode();\n    const collapsed = ref(false);\n    // const handleTransitionEnd = (e: any) => {\n    //   if (e.target !== rootMenu.value || e.propertyName !== 'width') {\n    //     return;\n    //   }\n    //   if (props.mode === 'inline') {\n    //     if (props.inlineCollapsed || layoutSiderCollapsed?.value) {\n    //       computedMode.value = 'vertical';\n    //       inlineOpenKeys.value = openKeys.value;\n    //       openKeys.value = [];\n    //       collapsed.value = true;\n    //     } else {\n    //       computedMode.value = 'inline';\n    //       openKeys.value = inlineOpenKeys.value;\n    //       inlineOpenKeys.value = [];\n    //       collapsed.value = false;\n    //     }\n    //   }\n    // };\n\n    // #region methods\n    const collapsedChange = (val: boolean) => {\n      setTimeout(() => {\n        setInlineMode();\n      }, 300);\n\n      if (val) {\n        inlineOpenKeys.value = openKeys.value;\n        openKeys.value = [];\n        collapsed.value = true;\n      } else {\n        openKeys.value = inlineOpenKeys.value;\n        inlineOpenKeys.value = [];\n        collapsed.value = false;\n      }\n    };\n\n    const updateKeyPath = (key: string | number, type: string) => {\n      if (type === 'item') {\n        keypath = [key];\n      } else if (type === 'sub') {\n        keypath.push(key);\n      }\n    };\n\n    const fireMenuClick = (event: MenuItemClickEvent) => {\n      const info: MenuClickEvent = {\n        ...event,\n        keypath\n      };\n      emit('click', info);\n      if (dropdownContext && dropdownContext.fireItemClick && info.key) {\n        dropdownContext.fireItemClick(info);\n      }\n    };\n\n    const selectable = computed(() => {\n      return !inDrop || !!props.selectable;\n    });\n\n    const fireMenuDeselect = (event: MenuItemClickEvent) => {\n      if (selectable.value && props.multiple) {\n        const _selectedKeys = selectedKeys.value.filter((x) => x !== event.key);\n\n        emit('deselect', {\n          key: event.key,\n          item: event.item,\n          selectedKeys: _selectedKeys\n        });\n        if (props.selectedKeys === undefined) {\n          selectedKeys.value = _selectedKeys;\n        }\n        emit('update:selectedKeys', _selectedKeys);\n      }\n    };\n\n    const fireMenuSelect = (event: MenuItemClickEvent) => {\n      if (selectable.value) {\n        let _selectedKeys = [] as (string | number)[];\n        if (props.multiple) {\n          _selectedKeys = [...selectedKeys.value, event.key];\n        } else {\n          _selectedKeys = [event.key];\n        }\n        emit('select', {\n          key: event.key,\n          item: event.item,\n          selectedKeys: _selectedKeys\n        });\n        if (props.selectedKeys === undefined) {\n          selectedKeys.value = _selectedKeys;\n        }\n\n        emit('update:selectedKeys', _selectedKeys);\n      }\n    };\n\n    const fireMenuOpenChange = (event: MenuOpenEvent) => {\n      const { open, key } = event;\n      let _openKeys = openKeys.value;\n      if (open) {\n        _openKeys = [..._openKeys, key];\n      } else {\n        _openKeys = _openKeys.filter((x) => x !== key);\n      }\n      emit('open-change', _openKeys, event);\n      openKeys.value = _openKeys;\n      emit('update:openKeys', _openKeys);\n    };\n    // #endregion\n\n    watch(\n      () => props.selectedKeys,\n      (val) => {\n        selectedKeys.value = val || [];\n      }\n    );\n\n    watch(\n      () => props.openKeys,\n      (val) => {\n        openKeys.value = val;\n      }\n    );\n    watch(\n      () => props.inlineCollapsed,\n      (val) => {\n        if (val !== undefined) {\n          collapsedChange(val);\n        }\n      }\n    );\n\n    if (layoutSiderContext && layoutSiderCollapsed) {\n      watch(layoutSiderCollapsed, (val) => {\n        collapsedChange(val);\n      });\n    }\n\n    // #region provides\n    // just children to use it\n    provide('parentMenu', {\n      isRootMenu: true,\n      getPopupContainer: () => {\n        if (dropdownContext) {\n          return rootMenu.value?.parentNode;\n        }\n        return document.body;\n      }\n    });\n    // rootMenu's props supply to descendants use\n    provide('menuStore', {\n      mode: computedMode,\n      originalMode: mode,\n      theme,\n      selectedKeys,\n      openKeys,\n      subMenuOpenDelay,\n      subMenuCloseDelay,\n      rootPrefixCls: computedPrefixCls,\n      updateKeyPath,\n      // inlineIndent,\n      inlineCollapsed,\n      collapsed\n    });\n    // descendants trigger rootMenu's events\n    provide('menuEvent', {\n      fireMenuClick,\n      fireMenuDeselect,\n      fireMenuSelect,\n      fireMenuOpenChange\n    });\n    // #endregion\n\n    const { renderChild } = useWrapDom(props.mode, rootMenu, slots);\n\n    return {\n      rootMenu,\n      computedPrefixCls,\n      computedMode,\n      layoutSiderCollapsed,\n      renderChild\n    };\n  },\n  render() {\n    return (\n      <ul\n        ref=\"rootMenu\"\n        role={this.role || 'menu'}\n        class={[\n          `${this.computedPrefixCls}`,\n          `${this.computedPrefixCls}-${this.computedMode}`,\n          `${this.computedPrefixCls}-root`,\n          `${this.computedPrefixCls}-${this.theme}`,\n          {\n            [`${this.computedPrefixCls}-inline-collapsed`]: this.inlineCollapsed || !!this.layoutSiderCollapsed\n          }\n        ]}\n      >\n        {this.renderChild()}\n      </ul>\n    );\n  }\n});\n"],"names":["defineComponent","name","components","Render","props","menuProps","emits","menuEmits","setup","emit","slots","dropdownContext","inject","undefined","layoutSiderContext","inDrop","collapsed","layoutSiderCollapsed","prefixCls","statePrefixCls","useGlobalConfig","mode","theme","subMenuOpenDelay","subMenuCloseDelay","inlineCollapsed","toRefs","computedPrefixCls","computed","value","warn","selectedKeys","ref","openKeys","inlineOpenKeys","rootMenu","keypath","computedMode","setInlineMode","collapsedChange","val","setTimeout","updateKeyPath","key","type","push","fireMenuClick","event","info","fireItemClick","selectable","fireMenuDeselect","multiple","_selectedKeys","filter","x","item","fireMenuSelect","fireMenuOpenChange","open","_openKeys","watch","provide","isRootMenu","getPopupContainer","parentNode","document","body","originalMode","rootPrefixCls","renderChild","useWrapDom","render","_createVNode","role"],"mappings":"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"}

package/es/components/Menu/Menu.type.d.ts

@@ -0,0 +1,172 @@
+import type { Ref, ComputedRef, PropType, ExtractPropTypes } from 'vue';
+import type { GetPopupContainer, PopupTrigger } from '@koi-design/uxd-ui/es/components/Popup/Popup.type';
+import type Menu from './Menu';
+import type MenuItem from './MenuItem.vue';
+import type SubMenu from './SubMenu.vue';
+import type MenuItemGroup from './MenuItemGroup.vue';
+import type MenuDivider from './MenuDivider.vue';
+export declare const menuMode: readonly ["horizontal", "vertical", "vertical-left", "vertical-right", "inline"];
+export declare type MenuMode = (typeof menuMode)[number];
+export declare const menuTheme: readonly ["light", "dark"];
+export declare type MenuTheme = (typeof menuTheme)[number];
+export declare const menuProps: {
+    mode: {
+        type: PropType<"inline" | "vertical" | "horizontal" | "vertical-left" | "vertical-right">;
+        default: string;
+        validator: (val: "inline" | "vertical" | "horizontal" | "vertical-left" | "vertical-right") => boolean;
+    };
+    theme: {
+        type: PropType<"light" | "dark">;
+        default: string;
+        validator: (val: "light" | "dark") => boolean;
+    };
+    selectedKeys: {
+        type: PropType<(string | number)[]>;
+        validator: (val: any[]) => boolean;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    openKeys: {
+        type: PropType<(string | number)[]>;
+        default: () => string[];
+    };
+    subMenuOpenDelay: {
+        type: NumberConstructor;
+        default: number;
+    };
+    subMenuCloseDelay: {
+        type: NumberConstructor;
+        default: number;
+    };
+    inlineCollapsed: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    prefixCls: {
+        type: StringConstructor;
+    };
+    role: {
+        type: StringConstructor;
+    };
+    selectable: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+};
+export declare type MenuProps = ExtractPropTypes<typeof menuProps>;
+export interface ParentMenu {
+    isRootMenu: boolean;
+    getPopupContainer: GetPopupContainer;
+    level?: number;
+    setSubMenuSelected?: (key: string | number, value: boolean) => void;
+    fireSubmenuClick?: () => void;
+    subMode?: ComputedRef<MenuMode>;
+}
+export interface MenuStore {
+    mode: ComputedRef<MenuMode>;
+    originalMode: Ref<MenuMode>;
+    theme: Ref<MenuTheme>;
+    selectedKeys: Ref<(string | number)[]>;
+    openKeys: Ref<(string | number)[]>;
+    subMenuOpenDelay: Ref<number>;
+    subMenuCloseDelay: Ref<number>;
+    rootPrefixCls: ComputedRef<string>;
+    updateKeyPath: (key: string | number, type: string) => void;
+    inlineIndent: Ref<number>;
+    inlineCollapsed: Ref<boolean>;
+    collapsed: Ref<boolean>;
+}
+export interface MenuItemClickEvent {
+    key: string | number;
+    item: any;
+}
+export declare type MenuClickEvent = MenuItemClickEvent & {
+    keypath: (string | number)[];
+};
+export interface MenuOpenEvent {
+    key: string | number;
+    trigger: PopupTrigger & 'Click';
+    item: any;
+    open: boolean;
+}
+export interface MenuSelectEvent {
+    key: string | number;
+    item: any;
+    selectedKeys: (string | number)[];
+}
+export interface MenuEvent {
+    fireMenuClick: (event: MenuItemClickEvent) => void;
+    fireMenuDeselect: (event: MenuItemClickEvent) => void;
+    fireMenuSelect: (event: MenuItemClickEvent) => void;
+    fireMenuOpenChange: (event: MenuOpenEvent) => void;
+}
+export declare const menuEmits: {
+    click: (e: MenuClickEvent) => boolean;
+    select: (e: MenuSelectEvent) => boolean;
+    deselect: (e: MenuSelectEvent) => boolean;
+    'update:selectedKeys': (selectedKeys: (string | number)[]) => boolean;
+    'open-change': (openKeys: (string | number)[], event: MenuOpenEvent) => never;
+    'update:openKeys': (openKeys: (string | number)[]) => boolean;
+};
+export declare type MenuInstanceType = InstanceType<typeof Menu>;
+export declare const menuItemProps: {
+    name: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    title: {
+        type: StringConstructor;
+    };
+    color: {
+        type: PropType<"primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint">;
+        default: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
+        validator: (val: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint") => boolean;
+    };
+};
+export declare type MenuItemProps = ExtractPropTypes<typeof menuItemProps>;
+export declare const menuItemEmits: {
+    click: (e: MenuItemClickEvent) => boolean;
+};
+export declare type MenuItemEmits = typeof menuItemEmits;
+export declare type MenuItemInstanceType = InstanceType<typeof MenuItem>;
+export declare const subMenuProps: {
+    name: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
+    title: {
+        type: StringConstructor;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    popupClassName: {
+        type: StringConstructor;
+    };
+    color: {
+        type: PropType<"primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint">;
+        default: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
+        validator: (val: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint") => boolean;
+    };
+};
+export declare type SubMenuProps = ExtractPropTypes<typeof subMenuProps>;
+export declare const subMenuEmits: {
+    'title-click': (e: {
+        key: string | number;
+    }) => boolean;
+};
+export declare type SubMenuEmits = typeof subMenuEmits;
+export declare type SubMenuInstanceType = InstanceType<typeof SubMenu>;
+export declare const menuItemGroupProps: {
+    title: {
+        type: StringConstructor;
+    };
+};
+export declare type MenuItemGroupProps = ExtractPropTypes<typeof menuItemGroupProps>;
+export declare type MenuItemGroupInstanceType = InstanceType<typeof MenuItemGroup>;
+export declare type MenuDividerInstanceType = InstanceType<typeof MenuDivider>;

package/es/components/Menu/Menu.type.mjs

@@ -0,0 +1,111 @@
+import { oneOf, isArrayOf } from '../../utils/propsValidators.mjs';
+import '../../utils/index.mjs';
+import { colorType } from '../../utils/globalType.mjs';
+
+const menuMode = ["horizontal", "vertical", "vertical-left", "vertical-right", "inline"];
+const menuTheme = ["light", "dark"];
+const menuProps = {
+  mode: {
+    type: String,
+    default: "vertical",
+    validator: oneOf(menuMode)
+  },
+  theme: {
+    type: String,
+    default: "light",
+    validator: oneOf(menuTheme)
+  },
+  selectedKeys: {
+    type: Array,
+    validator: isArrayOf([Number, String])
+  },
+  multiple: {
+    type: Boolean,
+    default: false
+  },
+  openKeys: {
+    type: Array,
+    default: () => []
+  },
+  subMenuOpenDelay: {
+    type: Number,
+    default: 0.1
+  },
+  subMenuCloseDelay: {
+    type: Number,
+    default: 0.1
+  },
+  inlineCollapsed: {
+    type: Boolean,
+    default: void 0
+  },
+  prefixCls: {
+    type: String
+  },
+  role: {
+    type: String
+  },
+  selectable: {
+    type: Boolean,
+    default: void 0
+  }
+};
+const menuEmits = {
+  click: (e) => e.keypath && e.key !== void 0,
+  select: (e) => (typeof e.key === "string" || typeof e.key === "number") && Array.isArray(e.selectedKeys),
+  deselect: (e) => (typeof e.key === "string" || typeof e.key === "number") && Array.isArray(e.selectedKeys),
+  "update:selectedKeys": (selectedKeys) => Array.isArray(selectedKeys),
+  "open-change": (openKeys, event) => Array.isArray(openKeys) && event.trigger && typeof event.open === "boolean",
+  "update:openKeys": (openKeys) => Array.isArray(openKeys)
+};
+const menuItemProps = {
+  name: {
+    type: [String, Number]
+  },
+  disabled: {
+    type: Boolean,
+    default: void 0
+  },
+  title: {
+    type: String
+  },
+  color: {
+    type: String,
+    default: void 0,
+    validator: oneOf(colorType)
+  }
+};
+const menuItemEmits = {
+  click: (e) => typeof e.key === "string" || typeof e.key === "number"
+};
+const subMenuProps = {
+  name: {
+    type: [String, Number]
+  },
+  title: {
+    type: String
+  },
+  disabled: {
+    type: Boolean,
+    default: void 0
+  },
+  popupClassName: {
+    type: String
+  },
+  color: {
+    type: String,
+    default: void 0,
+    validator: oneOf(colorType)
+  }
+};
+const subMenuEmits = {
+  "title-click": (e) => typeof e.key === "string" || typeof e.key === "number"
+};
+const menuItemGroupProps = {
+  title: {
+    type: String
+  }
+};
+
+export { menuEmits, menuItemEmits, menuItemGroupProps, menuItemProps, menuMode, menuProps, menuTheme, subMenuEmits, subMenuProps };
+//# sourceMappingURL=Menu.type.mjs.map

package/es/components/Menu/Menu.type.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.type.mjs","sources":["../../../../src/components/Menu/Menu.type.ts"],"sourcesContent":["import type { Ref, ComputedRef, PropType, ExtractPropTypes } from 'vue';\nimport type { GetPopupContainer, PopupTrigger } from '@uxd-ui/components/Popup/Popup.type';\nimport { isArrayOf, oneOf } from '../../utils/propsValidators';\n\nimport type Menu from './Menu';\n\nimport type MenuItem from './MenuItem.vue';\n\nimport type SubMenu from './SubMenu.vue';\n\nimport type MenuItemGroup from './MenuItemGroup.vue';\n\nimport type MenuDivider from './MenuDivider.vue';\nimport type { ColorType } from '../../utils';\nimport { colorType } from '../../utils';\n\nexport const menuMode = ['horizontal', 'vertical', 'vertical-left', 'vertical-right', 'inline'] as const;\nexport type MenuMode = (typeof menuMode)[number];\nexport const menuTheme = ['light', 'dark'] as const;\nexport type MenuTheme = (typeof menuTheme)[number];\n\nexport const menuProps = {\n  mode: {\n    type: String as PropType<MenuMode>,\n    default: 'vertical',\n    validator: oneOf(menuMode)\n  },\n  theme: {\n    type: String as PropType<MenuTheme>,\n    default: 'light',\n    validator: oneOf(menuTheme)\n  },\n  selectedKeys: {\n    type: Array as PropType<(string | number)[]>,\n    validator: isArrayOf([Number, String])\n  },\n  multiple: {\n    type: Boolean,\n    default: false\n  },\n  openKeys: {\n    type: Array as PropType<(string | number)[]>,\n    default: () => [] as string[]\n  },\n  subMenuOpenDelay: {\n    type: Number,\n    default: 0.1\n  },\n  subMenuCloseDelay: {\n    type: Number,\n    default: 0.1\n  },\n  inlineCollapsed: {\n    type: Boolean,\n    default: undefined as undefined\n  },\n  // inlineIndent: {\n  //   type: Number,\n  //   default: 24\n  // },\n  prefixCls: {\n    type: String\n  },\n  role: {\n    type: String\n  },\n  selectable: {\n    type: Boolean,\n    default: undefined as undefined\n  }\n};\nexport type MenuProps = ExtractPropTypes<typeof menuProps>;\n\nexport interface ParentMenu {\n  isRootMenu: boolean;\n  getPopupContainer: GetPopupContainer;\n  level?: number;\n  setSubMenuSelected?: (key: string | number, value: boolean) => void;\n  fireSubmenuClick?: () => void;\n  subMode?: ComputedRef<MenuMode>;\n}\n\nexport interface MenuStore {\n  mode: ComputedRef<MenuMode>;\n  originalMode: Ref<MenuMode>;\n  theme: Ref<MenuTheme>;\n  selectedKeys: Ref<(string | number)[]>;\n  openKeys: Ref<(string | number)[]>;\n  subMenuOpenDelay: Ref<number>;\n  subMenuCloseDelay: Ref<number>;\n  rootPrefixCls: ComputedRef<string>;\n  updateKeyPath: (key: string | number, type: string) => void;\n  inlineIndent: Ref<number>;\n  inlineCollapsed: Ref<boolean>;\n  collapsed: Ref<boolean>;\n}\n\nexport interface MenuItemClickEvent {\n  key: string | number;\n  item: any;\n}\n\nexport type MenuClickEvent = MenuItemClickEvent & {\n  keypath: (string | number)[];\n};\n\nexport interface MenuOpenEvent {\n  key: string | number;\n  trigger: PopupTrigger & 'Click';\n  item: any;\n  open: boolean;\n}\n\nexport interface MenuSelectEvent {\n  key: string | number;\n  item: any;\n  selectedKeys: (string | number)[];\n}\n\nexport interface MenuEvent {\n  fireMenuClick: (event: MenuItemClickEvent) => void;\n  fireMenuDeselect: (event: MenuItemClickEvent) => void;\n  fireMenuSelect: (event: MenuItemClickEvent) => void;\n  fireMenuOpenChange: (event: MenuOpenEvent) => void;\n}\n\nexport const menuEmits = {\n  click: (e: MenuClickEvent) => e.keypath && e.key !== undefined,\n  select: (e: MenuSelectEvent) => (typeof e.key === 'string' || typeof e.key === 'number') && Array.isArray(e.selectedKeys),\n  deselect: (e: MenuSelectEvent) => (typeof e.key === 'string' || typeof e.key === 'number') && Array.isArray(e.selectedKeys),\n  'update:selectedKeys': (selectedKeys: (string | number)[]) => Array.isArray(selectedKeys),\n  'open-change': (openKeys: (string | number)[], event: MenuOpenEvent) => Array.isArray(openKeys) && event.trigger && typeof event.open === 'boolean',\n  'update:openKeys': (openKeys: (string | number)[]) => Array.isArray(openKeys)\n};\n\nexport type MenuInstanceType = InstanceType<typeof Menu>;\n\nexport const menuItemProps = {\n  name: {\n    type: [String, Number]\n  },\n  disabled: {\n    type: Boolean,\n    default: undefined as undefined\n  },\n  title: {\n    type: String\n  },\n  color: {\n    type: String as PropType<ColorType | undefined>,\n    default: undefined as undefined | ColorType,\n    validator: oneOf(colorType)\n  }\n};\n\nexport type MenuItemProps = ExtractPropTypes<typeof menuItemProps>;\n\nexport const menuItemEmits = {\n  click: (e: MenuItemClickEvent) => typeof e.key === 'string' || typeof e.key === 'number'\n};\n\nexport type MenuItemEmits = typeof menuItemEmits;\n\nexport type MenuItemInstanceType = InstanceType<typeof MenuItem>;\n\nexport const subMenuProps = {\n  name: {\n    type: [String, Number]\n  },\n  title: {\n    type: String\n  },\n  disabled: {\n    type: Boolean,\n    default: undefined as undefined\n  },\n  popupClassName: {\n    type: String\n  },\n  color: {\n    type: String as PropType<ColorType | undefined>,\n    default: undefined as undefined | ColorType,\n    validator: oneOf(colorType)\n  }\n};\n\nexport type SubMenuProps = ExtractPropTypes<typeof subMenuProps>;\n\nexport const subMenuEmits = {\n  'title-click': (e: { key: string | number }) => typeof e.key === 'string' || typeof e.key === 'number'\n};\n\nexport type SubMenuEmits = typeof subMenuEmits;\n\nexport type SubMenuInstanceType = InstanceType<typeof SubMenu>;\n\nexport const menuItemGroupProps = {\n  title: {\n    type: String\n  }\n};\n\nexport type MenuItemGroupProps = ExtractPropTypes<typeof menuItemGroupProps>;\n\nexport type MenuItemGroupInstanceType = InstanceType<typeof MenuItemGroup>;\n\nexport type MenuDividerInstanceType = InstanceType<typeof MenuDivider>;\n"],"names":[],"mappings":";;;;MAgBa,WAAW,CAAC,cAAc,YAAY,iBAAiB,kBAAkB,QAAQ;MAEjF,YAAY,CAAC,SAAS,MAAM;MAG5B,YAAY;AAAA,EACvB,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA,IACT,WAAW,MAAM,QAAQ;AAAA;AAC3B,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,IACT,WAAW,MAAM,SAAS;AAAA;AAC5B,EACA,cAAc;AAAA,IACZ,MAAM;AAAA,IACN,WAAW,UAAU,CAAC,QAAQ,MAAM,CAAC;AAAA;AACvC,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS,MAAM;AAAC;AAClB,EACA,kBAAkB;AAAA,IAChB,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,mBAAmB;AAAA,IACjB,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EAKA,WAAW;AAAA,IACT,MAAM;AAAA;AACR,EACA,MAAM;AAAA,IACJ,MAAM;AAAA;AACR,EACA,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA;AAEb;MAwDa,YAAY;AAAA,EACvB,OAAO,CAAC,MAAsB,EAAE,WAAW,EAAE,QAAQ;AAAA,EACrD,QAAQ,CAAC,OAAwB,OAAO,EAAE,QAAQ,YAAY,OAAO,EAAE,QAAQ,aAAa,MAAM,QAAQ,EAAE,YAAY;AAAA,EACxH,UAAU,CAAC,OAAwB,OAAO,EAAE,QAAQ,YAAY,OAAO,EAAE,QAAQ,aAAa,MAAM,QAAQ,EAAE,YAAY;AAAA,EAC1H,uBAAuB,CAAC,iBAAsC,MAAM,QAAQ,YAAY;AAAA,EACxF,eAAe,CAAC,UAA+B,UAAyB,MAAM,QAAQ,QAAQ,KAAK,MAAM,WAAW,OAAO,MAAM,SAAS;AAAA,EAC1I,mBAAmB,CAAC,aAAkC,MAAM,QAAQ,QAAQ;AAC9E;MAIa,gBAAgB;AAAA,EAC3B,MAAM;AAAA,IACJ,MAAM,CAAC,QAAQ,MAAM;AAAA;AACvB,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,OAAO;AAAA,IACL,MAAM;AAAA;AACR,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,IACT,WAAW,MAAM,SAAS;AAAA;AAE9B;MAIa,gBAAgB;AAAA,EAC3B,OAAO,CAAC,MAA0B,OAAO,EAAE,QAAQ,YAAY,OAAO,EAAE,QAAQ;AAClF;MAMa,eAAe;AAAA,EAC1B,MAAM;AAAA,IACJ,MAAM,CAAC,QAAQ,MAAM;AAAA;AACvB,EACA,OAAO;AAAA,IACL,MAAM;AAAA;AACR,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,gBAAgB;AAAA,IACd,MAAM;AAAA;AACR,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,IACT,WAAW,MAAM,SAAS;AAAA;AAE9B;MAIa,eAAe;AAAA,EAC1B,eAAe,CAAC,MAAgC,OAAO,EAAE,QAAQ,YAAY,OAAO,EAAE,QAAQ;AAChG;MAMa,qBAAqB;AAAA,EAChC,OAAO;AAAA,IACL,MAAM;AAAA;AAEV;;;;"}

package/es/components/Menu/MenuDivider.mjs

@@ -0,0 +1,21 @@
+import { defineComponent, inject, openBlock, createElementBlock, normalizeClass } from 'vue';
+import _export_sfc from '../../_virtual/plugin-vue_export-helper.mjs';
+
+const _sfc_main = defineComponent({
+  name: "UMenuDivider",
+  setup() {
+    const { rootPrefixCls } = inject("menuStore", {});
+    return {
+      rootPrefixCls
+    };
+  }
+});
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("li", {
+    class: normalizeClass([`${_ctx.rootPrefixCls}-item-divider`])
+  }, null, 2);
+}
+var MenuDivider = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "E:\\br-fe\\uxd-ui\\src\\components\\Menu\\MenuDivider.vue"]]);
+
+export { MenuDivider as default };
+//# sourceMappingURL=MenuDivider.mjs.map