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

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuDivider.mjs","sources":["../../../../src/components/Menu/MenuDivider.vue"],"sourcesContent":["<template>\n  <li :class=\"[`${rootPrefixCls}-item-divider`]\" />\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, inject } from 'vue';\nimport type { MenuStore } from './Menu.type';\n\nexport default defineComponent({\n  name: 'UMenuDivider',\n  setup() {\n    const { rootPrefixCls } = inject<MenuStore>('menuStore', {} as MenuStore);\n    return {\n      rootPrefixCls\n    };\n  }\n});\n</script>\n"],"names":["_createElementBlock","_normalizeClass"],"mappings":";;;AAQA,MAAK,YAAa,gBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,QAAQ;UACA,EAAE,kBAAkB,OAAkB,aAAa,EAAe;WACjE;AAAA,MACL;AAAA;AACF;AAEJ,CAAC;;sBAfCA,mBAAiD;IAA5C,OAAKC,mBAAM,iCAAa;;;;;;;"}

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

@@ -0,0 +1,4 @@
+declare const _default: import("vue").DefineComponent<{}, {
+    rootPrefixCls: import("vue").ComputedRef<string>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/es/components/Menu/MenuItem.mjs

@@ -0,0 +1,132 @@
+import { defineComponent, inject, computed, ref, watch, resolveComponent, openBlock, createBlock, normalizeClass, withCtx, createElementVNode, mergeProps, renderSlot, createTextVNode, toDisplayString } from 'vue';
+import { UTooltip } from '../Tooltip/index.mjs';
+import warning from '../../utils/warn.mjs';
+import { isFunction } from '../../utils/isValid.mjs';
+import { menuItemProps, menuItemEmits } from './Menu.type.mjs';
+import _export_sfc from '../../_virtual/plugin-vue_export-helper.mjs';
+
+let guid = -1;
+const _sfc_main = defineComponent({
+  name: "UMenuItem",
+  components: {
+    UTooltip
+  },
+  inheritAttrs: false,
+  props: menuItemProps,
+  emits: menuItemEmits,
+  setup(props, { emit, attrs }) {
+    const {
+      selectedKeys,
+      mode,
+      rootPrefixCls,
+      updateKeyPath,
+      collapsed
+    } = inject("menuStore", {});
+    const { fireMenuClick, fireMenuDeselect, fireMenuSelect } = inject("menuEvent", {});
+    const parentMenu = inject("parentMenu", {});
+    const prefixCls = computed(() => `${rootPrefixCls.value}-item`);
+    const level = parentMenu.isRootMenu ? 1 : parentMenu.level + 1;
+    if (mode === void 0) {
+      warning("cannot find menu parent Component ,OR! the menu mode is error");
+    }
+    const eventKey = computed(() => {
+      if (props.name) {
+        return props.name;
+      }
+      guid += 1;
+      return `${guid}$MenuItem`;
+    });
+    const isSelected = ref(false);
+    watch(
+      selectedKeys,
+      () => {
+        const selected = selectedKeys.value.includes(eventKey.value);
+        if (parentMenu.setSubMenuSelected) {
+          parentMenu.setSubMenuSelected(eventKey.value, selected);
+        }
+        isSelected.value = selected;
+      },
+      { immediate: true }
+    );
+    const style = computed(() => {
+      const attrStyle = attrs.style ? attrs.style : {};
+      if (mode.value === "inline") {
+        return {
+          ...attrStyle
+        };
+      }
+      return { ...attrStyle };
+    });
+    const showTooltip = computed(() => {
+      if (collapsed.value) {
+        return props.title !== void 0 && !props.disabled && level === 1;
+      }
+      return false;
+    });
+    const onClick = () => {
+      if (props.disabled) {
+        return;
+      }
+      const key = eventKey.value;
+      updateKeyPath(key, "item");
+      if (parentMenu.fireSubmenuClick && isFunction(parentMenu.fireSubmenuClick)) {
+        parentMenu.fireSubmenuClick();
+      }
+      const _event = {
+        key,
+        item: {}
+      };
+      fireMenuClick && isFunction(fireMenuClick) && fireMenuClick(_event);
+      if (isSelected.value) {
+        fireMenuDeselect && isFunction(fireMenuDeselect) && fireMenuDeselect(_event);
+      } else {
+        fireMenuSelect && isFunction(fireMenuSelect) && fireMenuSelect(_event);
+      }
+      emit("click", _event);
+    };
+    return {
+      prefixCls,
+      rootPrefixCls,
+      showTooltip,
+      isSelected,
+      style,
+      onClick
+    };
+  }
+});
+const _hoisted_1 = ["data-color"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_UTooltip = resolveComponent("UTooltip");
+  return openBlock(), createBlock(_component_UTooltip, {
+    title: _ctx.title,
+    disabled: !_ctx.showTooltip,
+    placement: "right",
+    class: normalizeClass(`${_ctx.prefixCls}-trigger`)
+  }, {
+    default: withCtx(() => [
+      createElementVNode("li", mergeProps({
+        role: "menuitem",
+        class: [
+          _ctx.prefixCls,
+          {
+            [`${_ctx.prefixCls}-selected`]: _ctx.isSelected,
+            [`${_ctx.prefixCls}-disabled`]: _ctx.disabled
+          }
+        ],
+        style: _ctx.style,
+        "data-color": _ctx.color
+      }, _ctx.$attrs, {
+        onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args))
+      }), [
+        renderSlot(_ctx.$slots, "default", {}, () => [
+          createTextVNode(toDisplayString(_ctx.title), 1)
+        ])
+      ], 16, _hoisted_1)
+    ]),
+    _: 3
+  }, 8, ["title", "disabled", "class"]);
+}
+var MenuItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "E:\\br-fe\\uxd-ui\\src\\components\\Menu\\MenuItem.vue"]]);
+
+export { MenuItem as default };
+//# sourceMappingURL=MenuItem.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItem.mjs","sources":["../../../../src/components/Menu/MenuItem.vue"],"sourcesContent":["<template>\n  <UTooltip :title=\"title\" :disabled=\"!showTooltip\" placement=\"right\" :class=\"`${prefixCls}-trigger`\">\n    <li\n      role=\"menuitem\"\n      :class=\"[\n        prefixCls,\n        {\n          [`${prefixCls}-selected`]: isSelected,\n          [`${prefixCls}-disabled`]: disabled\n        }\n      ]\"\n      :style=\"style\"\n      :data-color=\"color\"\n      v-bind=\"$attrs\"\n      @click=\"onClick\"\n    >\n      <slot>{{ title }}</slot>\n    </li>\n  </UTooltip>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, inject, computed, watch, ref } from 'vue';\nimport type { CSSProperties } from 'vue';\nimport UTooltip from '@uxd-ui/components/Tooltip';\nimport warn from '../../utils/warn';\nimport { isFunction } from '../../utils/isValid';\nimport { menuItemProps, menuItemEmits, type MenuEvent, type MenuStore, type ParentMenu } from './Menu.type';\n\nlet guid = -1;\n\nexport default defineComponent({\n  name: 'UMenuItem',\n  components: {\n    UTooltip\n  },\n  inheritAttrs: false,\n  props: menuItemProps,\n  emits: menuItemEmits,\n  setup(props, { emit, attrs }) {\n    const {\n      selectedKeys,\n      mode,\n      rootPrefixCls,\n      updateKeyPath,\n      // inlineIndent,\n      collapsed\n    } = inject<MenuStore>('menuStore', {} as MenuStore);\n    const { fireMenuClick, fireMenuDeselect, fireMenuSelect } = inject<MenuEvent>('menuEvent', {} as MenuEvent);\n    const parentMenu = inject<ParentMenu>('parentMenu', {} as ParentMenu);\n    const prefixCls = computed(() => `${rootPrefixCls.value}-item`);\n    const level = parentMenu.isRootMenu ? 1 : (parentMenu.level as number) + 1;\n\n    if (mode === undefined) {\n      warn('cannot find menu parent Component ,OR! the menu mode is error');\n    }\n    const eventKey = computed(() => {\n      if (props.name) {\n        return props.name;\n      }\n      guid += 1;\n      return `${guid}$MenuItem`;\n    });\n\n    const isSelected = ref(false);\n\n    watch(\n      selectedKeys,\n      () => {\n        const selected = selectedKeys.value.includes(eventKey.value);\n        if (parentMenu.setSubMenuSelected) {\n          parentMenu.setSubMenuSelected(eventKey.value, selected);\n        }\n        isSelected.value = selected;\n      },\n      { immediate: true }\n    );\n\n    const style = computed<CSSProperties>(() => {\n      const attrStyle: CSSProperties = attrs.style ? (attrs.style as CSSProperties) : ({} as CSSProperties);\n      if (mode.value === 'inline') {\n        return {\n          // paddingLeft: `${inlineIndent.value * level}px`,\n          ...attrStyle\n        };\n      }\n      return { ...attrStyle };\n    });\n\n    const showTooltip = computed(() => {\n      if (collapsed.value) {\n        return props.title !== undefined && !props.disabled && level === 1;\n      }\n      return false;\n    });\n\n    const onClick = () => {\n      if (props.disabled) {\n        return;\n      }\n      const key = eventKey.value;\n      updateKeyPath(key, 'item');\n      if (parentMenu.fireSubmenuClick && isFunction(parentMenu.fireSubmenuClick)) {\n        parentMenu.fireSubmenuClick();\n      }\n      const _event = {\n        key,\n        item: {}\n      };\n      fireMenuClick && isFunction(fireMenuClick) && fireMenuClick(_event);\n      if (isSelected.value) {\n        fireMenuDeselect && isFunction(fireMenuDeselect) && fireMenuDeselect(_event);\n      } else {\n        fireMenuSelect && isFunction(fireMenuSelect) && fireMenuSelect(_event);\n      }\n      emit('click', _event);\n    };\n\n    return {\n      prefixCls,\n      rootPrefixCls,\n      showTooltip,\n      isSelected,\n      style,\n      onClick\n    };\n  }\n});\n</script>\n"],"names":["_createBlock","_normalizeClass","_createElementVNode","_mergeProps","_renderSlot"],"mappings":";;;;;;;AA6BA,IAAI,OAAO;AAEX,MAAK,YAAa,gBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA;AACF,EACA,cAAc;AAAA,EACd,OAAO;AAAA,EACP,OAAO;AAAA,EACP,MAAM,OAAO,EAAE,MAAM,SAAS;UACtB;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,QACE,OAAkB,aAAa,EAAe;UAC5C,EAAE,eAAe,kBAAkB,mBAAmB,OAAkB,aAAa,EAAe;UACpG,aAAa,OAAmB,cAAc,EAAgB;UAC9D,YAAY,SAAS,MAAM,GAAG,cAAc,YAAY;UACxD,QAAQ,WAAW,aAAa,IAAK,WAAW,QAAmB;QAErE,SAAS,QAAW;cACjB,+DAA+D;AAAA;UAEhE,WAAW,SAAS,MAAM;UAC1B,MAAM,MAAM;eACP,MAAM;AAAA;cAEP;aACD,GAAG;AAAA,KACX;UAEK,aAAa,IAAI,KAAK;;MAG1B;AAAA,MACA,MAAM;cACE,WAAW,aAAa,MAAM,SAAS,SAAS,KAAK;YACvD,WAAW,oBAAoB;qBACtB,mBAAmB,SAAS,OAAO,QAAQ;AAAA;mBAE7C,QAAQ;AAAA;AACrB,MACA,EAAE,WAAW;AAAK;UAGd,QAAQ,SAAwB,MAAM;YACpC,YAA2B,MAAM,QAAS,MAAM,QAA2B;UAC7E,KAAK,UAAU,UAAU;eACpB;AAAA,UAEL,GAAG;AAAA;AACL;aAEK,EAAE,GAAG;AAAU,KACvB;UAEK,cAAc,SAAS,MAAM;UAC7B,UAAU,OAAO;eACZ,MAAM,UAAU,UAAa,CAAC,MAAM,YAAY,UAAU;AAAA;aAE5D;AAAA,KACR;UAEK,UAAU,MAAM;UAChB,MAAM,UAAU;;;YAGd,MAAM,SAAS;oBACP,KAAK,MAAM;UACrB,WAAW,oBAAoB,WAAW,WAAW,gBAAgB,GAAG;mBAC/D;AAAiB;YAExB,SAAS;AAAA,QACb;AAAA,QACA,MAAM;AAAC;uBAEQ,WAAW,aAAa,KAAK,cAAc,MAAM;UAC9D,WAAW,OAAO;4BACA,WAAW,gBAAgB,KAAK,iBAAiB,MAAM;AAAA,aACtE;0BACa,WAAW,cAAc,KAAK,eAAe,MAAM;AAAA;WAElE,SAAS,MAAM;AAAA;WAGf;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AACF;AAEJ,CAAC;;;;sBA9HCA,YAiBW;IAjBA,OAAO;IAAQ,UAAQ,CAAG;IAAa,WAAU;AAAA,IAAS,OAAKC,kBAAK,wBAAS;AAAA;qBACtF,MAeK;AAAA,MAfLC,mBAeK,MAfLC,WAeK;AAAA,QAdH,MAAK;AAAA,QACJ,OAAK;AAAA,UAAY;;gBAAmC,4BAAuB;gBAA0B,4BAAuB;;;QAO5H,OAAO;QACP,cAAY;SACL,aAAM;AAAA,QACb,SAAK,uCAAE;;QAERC,WAAwB,4BAAxB,MAAwB;AAAA,0CAAf,UAAK;;;;;;;;;;;"}

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

@@ -0,0 +1,49 @@
+import type { CSSProperties } from 'vue';
+declare const _default: import("vue").DefineComponent<{
+    name: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    title: {
+        type: StringConstructor;
+    };
+    color: {
+        type: import("vue").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;
+    };
+}, {
+    prefixCls: import("vue").ComputedRef<string>;
+    rootPrefixCls: import("vue").ComputedRef<string>;
+    showTooltip: import("vue").ComputedRef<boolean>;
+    isSelected: import("vue").Ref<boolean, boolean>;
+    style: import("vue").ComputedRef<CSSProperties>;
+    onClick: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (e: import("./Menu.type").MenuItemClickEvent) => boolean;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    name: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    title: {
+        type: StringConstructor;
+    };
+    color: {
+        type: import("vue").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;
+    };
+}>> & {
+    onClick?: (e: import("./Menu.type").MenuItemClickEvent) => any;
+}, {
+    color: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
+    disabled: boolean;
+}, {}>;
+export default _default;

package/es/components/Menu/MenuItemGroup.mjs

@@ -0,0 +1,36 @@
+import { defineComponent, inject, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createTextVNode, toDisplayString } from 'vue';
+import { menuItemGroupProps } from './Menu.type.mjs';
+import _export_sfc from '../../_virtual/plugin-vue_export-helper.mjs';
+
+const _sfc_main = defineComponent({
+  name: "UMenuItemGroup",
+  props: menuItemGroupProps,
+  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-group`)
+  }, [
+    createElementVNode("div", {
+      class: normalizeClass(`${_ctx.rootPrefixCls}-item-group-title`)
+    }, [
+      renderSlot(_ctx.$slots, "title", {}, () => [
+        createTextVNode(toDisplayString(_ctx.title), 1)
+      ])
+    ], 2),
+    createElementVNode("ul", {
+      class: normalizeClass(`${_ctx.rootPrefixCls}-item-group-list`)
+    }, [
+      renderSlot(_ctx.$slots, "default")
+    ], 2)
+  ], 2);
+}
+var MenuItemGroup = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "E:\\br-fe\\uxd-ui\\src\\components\\Menu\\MenuItemGroup.vue"]]);
+
+export { MenuItemGroup as default };
+//# sourceMappingURL=MenuItemGroup.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItemGroup.mjs","sources":["../../../../src/components/Menu/MenuItemGroup.vue"],"sourcesContent":["<template>\n  <li :class=\"`${rootPrefixCls}-item-group`\">\n    <div :class=\"`${rootPrefixCls}-item-group-title`\">\n      <slot name=\"title\">\n        {{ title }}\n      </slot>\n    </div>\n    <ul :class=\"`${rootPrefixCls}-item-group-list`\">\n      <slot />\n    </ul>\n  </li>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, inject } from 'vue';\nimport { menuItemGroupProps, type MenuStore } from './Menu.type';\n\nexport default defineComponent({\n  name: 'UMenuItemGroup',\n  props: menuItemGroupProps,\n  setup() {\n    const { rootPrefixCls } = inject<MenuStore>('menuStore', {} as MenuStore);\n\n    return {\n      rootPrefixCls\n    };\n  }\n});\n</script>\n"],"names":["_createElementBlock","_normalizeClass","_createElementVNode","_renderSlot"],"mappings":";;;;AAiBA,MAAK,YAAa,gBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;UACA,EAAE,kBAAkB,OAAkB,aAAa,EAAe;WAEjE;AAAA,MACL;AAAA;AACF;AAEJ,CAAC;;sBA1BCA,mBASK;IATA,OAAKC,kBAAK,+BAAa;AAAA;IAC1BC,mBAIM;MAJA,OAAKD,kBAAK,qCAAa;AAAA;MAC3BE,WAEO,0BAFP,MAEO;AAAA,wCADF,UAAK;;;IAGZD,mBAEK;MAFA,OAAKD,kBAAK,oCAAa;AAAA;MAC1BE,WAAQ;;;;;;;;"}

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

@@ -0,0 +1,12 @@
+declare const _default: import("vue").DefineComponent<{
+    title: {
+        type: StringConstructor;
+    };
+}, {
+    rootPrefixCls: import("vue").ComputedRef<string>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    title: {
+        type: StringConstructor;
+    };
+}>>, {}, {}>;
+export default _default;

package/es/components/Menu/SubMenu.mjs

@@ -0,0 +1,260 @@
+import { defineComponent, inject, reactive, computed, provide, resolveComponent, openBlock, createElementBlock, normalizeClass, Fragment, createElementVNode, normalizeStyle, renderSlot, createTextVNode, toDisplayString, createVNode, withCtx, createCommentVNode, withDirectives, vShow, createBlock } from 'vue';
+import '../Popup/index.mjs';
+import { UIcon } from '../Icon/index.mjs';
+import { ULineDown, ULineRight } from '@koi-design/uxd-icon';
+import warning from '../../utils/warn.mjs';
+import useTriggerProps from './hooks/useGetTriggerProps.mjs';
+import { isFunction } from '../../utils/isValid.mjs';
+import CollapseTransition from '../base/CollapseTransition.mjs';
+import { subMenuProps, subMenuEmits } from './Menu.type.mjs';
+import _export_sfc from '../../_virtual/plugin-vue_export-helper.mjs';
+import Popup from '../Popup/Popup.mjs';
+
+let guid = -1;
+const _sfc_main = defineComponent({
+  name: "USubMenu",
+  components: {
+    Popup,
+    UIcon,
+    ULineDown,
+    ULineRight,
+    CollapseTransition
+  },
+  props: subMenuProps,
+  emits: subMenuEmits,
+  setup(props, { emit }) {
+    const parentMenu = inject("parentMenu", {});
+    const {
+      openKeys,
+      mode: menuMode,
+      theme,
+      subMenuOpenDelay,
+      subMenuCloseDelay,
+      rootPrefixCls,
+      updateKeyPath
+    } = inject("menuStore", {});
+    const childrenSelected = reactive({});
+    if (menuMode === void 0) {
+      warning("cannot find menu parent Component ,OR! the menu mode is error");
+    }
+    const { fireMenuOpenChange } = inject("menuEvent", {});
+    const prefixCls = computed(() => `${rootPrefixCls.value}-submenu`);
+    guid += 1;
+    const menuId = computed(() => props.name ? `${props.name}$Menu` : `${guid}$Menu`);
+    const level = parentMenu.isRootMenu ? 1 : (parentMenu.level || 0) + 1;
+    const mode = computed(() => {
+      return (parentMenu.subMode || menuMode).value;
+    });
+    const subMode = computed(() => {
+      if (parentMenu.subMode) {
+        return parentMenu.subMode.value;
+      }
+      return mode.value === "horizontal" ? "vertical" : mode.value;
+    });
+    const subMenuStyle = computed(() => {
+      return `--menu-level: ${level};`;
+    });
+    const eventKey = computed(() => {
+      if (props.name) {
+        return props.name;
+      }
+      return menuId.value;
+    });
+    const isOpen = computed(() => {
+      return openKeys.value.includes(eventKey.value);
+    });
+    const isClickOpen = computed(() => {
+      return mode.value === "inline";
+    });
+    const titleStyle = computed(() => {
+      if (mode.value === "inline") {
+        return {};
+      }
+      return {};
+    });
+    const isSelected = computed(() => {
+      const selected = Object.keys(childrenSelected).some((key) => childrenSelected[key]);
+      if (parentMenu.setSubMenuSelected) {
+        parentMenu.setSubMenuSelected(eventKey.value, selected);
+      }
+      return selected;
+    });
+    const { popupPlacement, popupOffset, trigger } = useTriggerProps(mode);
+    const setSubMenuSelected = (key, value) => {
+      childrenSelected[`${key}`] = value;
+    };
+    const getPopupContainer = parentMenu.isRootMenu ? () => parentMenu.getPopupContainer() : (node) => {
+      return (node == null ? void 0 : node.parentNode) || void 0;
+    };
+    const triggerOpenChange = (open, type) => {
+      const _event = {
+        key: eventKey.value,
+        trigger: type,
+        item: {},
+        open
+      };
+      fireMenuOpenChange && isFunction(fireMenuOpenChange) && fireMenuOpenChange(_event);
+    };
+    const onTitleClick = () => {
+      const _event = {
+        key: eventKey.value
+      };
+      emit("title-click", _event);
+      if (isClickOpen.value) {
+        triggerOpenChange(!isOpen.value, "click");
+      }
+    };
+    const onPopupVisibleChange = (visible) => {
+      triggerOpenChange(visible, trigger.value[0]);
+    };
+    const fireSubmenuClick = () => {
+      const key = eventKey.value;
+      updateKeyPath && isFunction(updateKeyPath) && updateKeyPath(key, "sub");
+      if (parentMenu.fireSubmenuClick && isFunction(parentMenu.fireSubmenuClick)) {
+        parentMenu.fireSubmenuClick();
+      }
+    };
+    provide("parentMenu", {
+      isRootMenu: false,
+      isSubMenu: true,
+      fireSubmenuClick,
+      setSubMenuSelected,
+      level,
+      subMode
+    });
+    return {
+      prefixCls,
+      rootPrefixCls,
+      titleStyle,
+      mode,
+      subMode,
+      theme,
+      isOpen,
+      isSelected,
+      menuId,
+      popupPlacement,
+      popupOffset,
+      trigger,
+      subMenuOpenDelay,
+      subMenuCloseDelay,
+      subMenuStyle,
+      getPopupContainer,
+      onTitleClick,
+      onPopupVisibleChange
+    };
+  }
+});
+const _hoisted_1 = ["aria-expanded", "aria-owns"];
+const _hoisted_2 = ["id"];
+const _hoisted_3 = ["data-color", "aria-owns"];
+const _hoisted_4 = ["id"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_ULineDown = resolveComponent("ULineDown");
+  const _component_UIcon = resolveComponent("UIcon");
+  const _component_CollapseTransition = resolveComponent("CollapseTransition");
+  const _component_ULineRight = resolveComponent("ULineRight");
+  const _component_Popup = resolveComponent("Popup");
+  return openBlock(), createElementBlock("li", {
+    role: "menuitem",
+    class: normalizeClass([
+      _ctx.prefixCls,
+      `${_ctx.prefixCls}-${_ctx.mode}`,
+      {
+        [`${_ctx.prefixCls}-open`]: _ctx.isOpen,
+        [`${_ctx.prefixCls}-disabled`]: _ctx.disabled,
+        [`${_ctx.prefixCls}-selected`]: _ctx.isSelected
+      }
+    ])
+  }, [
+    _ctx.mode === "inline" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+      createElementVNode("div", {
+        class: normalizeClass([`${_ctx.prefixCls}-title`]),
+        style: normalizeStyle(_ctx.titleStyle),
+        "aria-expanded": _ctx.isOpen,
+        "aria-owns": _ctx.menuId,
+        "aria-haspopup": "true",
+        onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onTitleClick && _ctx.onTitleClick(...args))
+      }, [
+        renderSlot(_ctx.$slots, "title", {}, () => [
+          createTextVNode(toDisplayString(_ctx.title), 1)
+        ]),
+        createVNode(_component_UIcon, {
+          class: normalizeClass(`${_ctx.prefixCls}-arrow`)
+        }, {
+          default: withCtx(() => [
+            createVNode(_component_ULineDown)
+          ]),
+          _: 1
+        }, 8, ["class"])
+      ], 14, _hoisted_1),
+      createCommentVNode(' <transition name="slide-up"> '),
+      createVNode(_component_CollapseTransition, { appear: "" }, {
+        default: withCtx(() => [
+          withDirectives(createElementVNode("ul", {
+            id: _ctx.menuId,
+            class: normalizeClass(["collapse-transition", [_ctx.rootPrefixCls, `${_ctx.rootPrefixCls}-${_ctx.mode}`, `${_ctx.rootPrefixCls}-sub`]]),
+            style: normalizeStyle(_ctx.subMenuStyle)
+          }, [
+            renderSlot(_ctx.$slots, "default")
+          ], 14, _hoisted_2), [
+            [vShow, _ctx.isOpen]
+          ])
+        ]),
+        _: 3
+      }),
+      createCommentVNode(" </transition> ")
+    ], 64)) : (openBlock(), createBlock(_component_Popup, {
+      key: 1,
+      "aria-owns": _ctx.menuId,
+      "aria-haspopup": "true",
+      "popup-class": `${_ctx.prefixCls}-popup ${_ctx.rootPrefixCls}-${_ctx.theme} ${_ctx.popupClassName || ""}`,
+      prefix: _ctx.prefixCls,
+      placement: _ctx.popupPlacement,
+      offset: _ctx.popupOffset,
+      trigger: _ctx.disabled ? [] : _ctx.trigger,
+      "mouse-enter-delay": _ctx.subMenuOpenDelay,
+      "mouse-leave-delay": _ctx.subMenuCloseDelay,
+      "transition-name": _ctx.mode === "horizontal" ? "slide-up" : "zoom-big",
+      "get-popup-container": _ctx.getPopupContainer,
+      onPopupVisibleChange: _ctx.onPopupVisibleChange,
+      onClick: _ctx.onTitleClick
+    }, {
+      popup: withCtx(() => [
+        createElementVNode("ul", {
+          id: _ctx.menuId,
+          class: normalizeClass([_ctx.rootPrefixCls, `${_ctx.rootPrefixCls}-${_ctx.subMode}`, `${_ctx.rootPrefixCls}-sub`])
+        }, [
+          renderSlot(_ctx.$slots, "default")
+        ], 10, _hoisted_4)
+      ]),
+      default: withCtx(() => [
+        createElementVNode("div", {
+          class: normalizeClass({
+            [`${_ctx.prefixCls}-title`]: true,
+            [`${_ctx.prefixCls}-title-disabled`]: _ctx.disabled
+          }),
+          "data-color": _ctx.color,
+          "aria-owns": _ctx.menuId,
+          "aria-haspopup": "true"
+        }, [
+          renderSlot(_ctx.$slots, "title", {}, () => [
+            createTextVNode(toDisplayString(_ctx.title), 1)
+          ]),
+          createVNode(_component_UIcon, {
+            class: normalizeClass(`${_ctx.prefixCls}-arrow`)
+          }, {
+            default: withCtx(() => [
+              createVNode(_component_ULineRight)
+            ]),
+            _: 1
+          }, 8, ["class"])
+        ], 10, _hoisted_3)
+      ]),
+      _: 3
+    }, 8, ["aria-owns", "popup-class", "prefix", "placement", "offset", "trigger", "mouse-enter-delay", "mouse-leave-delay", "transition-name", "get-popup-container", "onPopupVisibleChange", "onClick"]))
+  ], 2);
+}
+var SubMenu = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "E:\\br-fe\\uxd-ui\\src\\components\\Menu\\SubMenu.vue"]]);
+
+export { SubMenu as default };
+//# sourceMappingURL=SubMenu.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SubMenu.mjs","sources":["../../../../src/components/Menu/SubMenu.vue"],"sourcesContent":["<template>\n  <li\n    role=\"menuitem\"\n    :class=\"[\n      prefixCls,\n      `${prefixCls}-${mode}`,\n      {\n        [`${prefixCls}-open`]: isOpen,\n        [`${prefixCls}-disabled`]: disabled,\n        [`${prefixCls}-selected`]: isSelected\n      }\n    ]\"\n  >\n    <template v-if=\"mode === 'inline'\">\n      <div :class=\"[`${prefixCls}-title`]\" :style=\"titleStyle\" :aria-expanded=\"isOpen\" :aria-owns=\"menuId\" aria-haspopup=\"true\" @click=\"onTitleClick\">\n        <slot name=\"title\">\n          {{ title }}\n        </slot>\n        <UIcon :class=\"`${prefixCls}-arrow`\">\n          <ULineDown />\n        </UIcon>\n      </div>\n      <!-- <transition name=\"slide-up\"> -->\n      <CollapseTransition appear>\n        <ul\n          v-show=\"isOpen\"\n          :id=\"menuId\"\n          class=\"collapse-transition\"\n          :class=\"[rootPrefixCls, `${rootPrefixCls}-${mode}`, `${rootPrefixCls}-sub`]\"\n          :style=\"subMenuStyle\"\n        >\n          <slot />\n        </ul>\n      </CollapseTransition>\n      <!-- </transition> -->\n    </template>\n    <template v-else>\n      <Popup\n        :aria-owns=\"menuId\"\n        aria-haspopup=\"true\"\n        :popup-class=\"`${prefixCls}-popup ${rootPrefixCls}-${theme} ${popupClassName || ''}`\"\n        :prefix=\"prefixCls\"\n        :placement=\"popupPlacement\"\n        :offset=\"popupOffset\"\n        :trigger=\"disabled ? [] : trigger\"\n        :mouse-enter-delay=\"subMenuOpenDelay\"\n        :mouse-leave-delay=\"subMenuCloseDelay\"\n        :transition-name=\"mode === 'horizontal' ? 'slide-up' : 'zoom-big'\"\n        :get-popup-container=\"getPopupContainer\"\n        @popup-visible-change=\"onPopupVisibleChange\"\n        @click=\"onTitleClick\"\n      >\n        <div\n          :class=\"{\n            [`${prefixCls}-title`]: true,\n            [`${prefixCls}-title-disabled`]: disabled\n          }\"\n          :data-color=\"color\"\n          :aria-owns=\"menuId\"\n          aria-haspopup=\"true\"\n        >\n          <slot name=\"title\">\n            {{ title }}\n          </slot>\n          <UIcon :class=\"`${prefixCls}-arrow`\">\n            <ULineRight />\n          </UIcon>\n        </div>\n\n        <template #popup>\n          <ul :id=\"menuId\" :class=\"[rootPrefixCls, `${rootPrefixCls}-${subMode}`, `${rootPrefixCls}-sub`]\">\n            <slot />\n          </ul>\n        </template>\n      </Popup>\n    </template>\n  </li>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, provide, inject, computed, reactive } from 'vue';\nimport Popup from '@uxd-ui/components/Popup';\nimport UIcon from '@uxd-ui/components/Icon';\nimport { ULineDown, ULineRight } from '@koi-design/uxd-icon';\nimport warn from '../../utils/warn';\nimport useGetTriggerProps from './hooks/useGetTriggerProps';\nimport { isFunction } from '../../utils/isValid';\nimport CollapseTransition from '../base/CollapseTransition';\nimport { subMenuProps, subMenuEmits, type MenuEvent, type MenuStore, type MenuOpenEvent, type ParentMenu } from './Menu.type';\nimport type { GetPopupContainer } from '../Popup/Popup.type';\n\nlet guid = -1;\n\nexport default defineComponent({\n  name: 'USubMenu',\n  components: {\n    Popup,\n    UIcon,\n    ULineDown,\n    ULineRight,\n    CollapseTransition\n  },\n  props: subMenuProps,\n  emits: subMenuEmits,\n  setup(props, { emit }) {\n    const parentMenu = inject<ParentMenu>('parentMenu', {} as ParentMenu);\n    const {\n      openKeys,\n      mode: menuMode,\n      theme,\n      subMenuOpenDelay,\n      subMenuCloseDelay,\n      rootPrefixCls,\n      updateKeyPath\n      // inlineIndent\n    } = inject<MenuStore>('menuStore', {} as MenuStore);\n    const childrenSelected: Record<string, boolean> = reactive({});\n\n    if (menuMode === undefined) {\n      warn('cannot find menu parent Component ,OR! the menu mode is error');\n    }\n    const { fireMenuOpenChange } = inject<MenuEvent>('menuEvent', {} as MenuEvent);\n    const prefixCls = computed(() => `${rootPrefixCls.value}-submenu`);\n    guid += 1;\n    const menuId = computed(() => (props.name ? `${props.name}$Menu` : `${guid}$Menu`));\n\n    const level = parentMenu.isRootMenu ? 1 : (parentMenu.level || 0) + 1;\n\n    // #region computed\n    const mode = computed(() => {\n      return (parentMenu.subMode || menuMode).value;\n    });\n    const subMode = computed(() => {\n      if (parentMenu.subMode) {\n        // fix useGetTriggerProps\n        return parentMenu.subMode.value;\n      }\n      return mode.value === 'horizontal' ? 'vertical' : mode.value;\n    });\n\n    const subMenuStyle = computed(() => {\n      return `--menu-level: ${level};`;\n    });\n\n    const eventKey = computed(() => {\n      if (props.name) {\n        return props.name;\n      }\n      return menuId.value;\n    });\n\n    const isOpen = computed(() => {\n      return openKeys.value.includes(eventKey.value);\n    });\n\n    const isClickOpen = computed(() => {\n      return mode.value === 'inline';\n    });\n    const titleStyle = computed(() => {\n      if (mode.value === 'inline') {\n        return {\n          // paddingLeft: `${inlineIndent.value * level}px`\n        };\n      }\n      return {};\n    });\n    const isSelected = computed(() => {\n      const selected = Object.keys(childrenSelected).some((key) => childrenSelected[key]);\n      if (parentMenu.setSubMenuSelected) {\n        parentMenu.setSubMenuSelected(eventKey.value, selected);\n      }\n      return selected;\n    });\n    // #endregion\n    const { popupPlacement, popupOffset, trigger } = useGetTriggerProps(mode);\n\n    // #region methods\n    const setSubMenuSelected = (key: string | number, value: boolean) => {\n      childrenSelected[`${key}`] = value;\n    };\n\n    const getPopupContainer: GetPopupContainer = parentMenu.isRootMenu\n      ? () => parentMenu.getPopupContainer()\n      : (node?: HTMLElement) => {\n          return (node?.parentNode as HTMLElement) || undefined;\n        };\n\n    const triggerOpenChange = (open: boolean, type: string) => {\n      const _event = {\n        key: eventKey.value,\n        trigger: type,\n        item: {},\n        open\n      } as MenuOpenEvent;\n      fireMenuOpenChange && isFunction(fireMenuOpenChange) && fireMenuOpenChange(_event);\n    };\n\n    const onTitleClick = () => {\n      const _event = {\n        key: eventKey.value\n      };\n      emit('title-click', _event);\n      if (isClickOpen.value) {\n        triggerOpenChange(!isOpen.value, 'click');\n      }\n    };\n\n    const onPopupVisibleChange = (visible: boolean) => {\n      triggerOpenChange(visible, trigger.value[0]);\n    };\n\n    const fireSubmenuClick = () => {\n      const key = eventKey.value;\n      updateKeyPath && isFunction(updateKeyPath) && updateKeyPath(key, 'sub');\n      if (parentMenu.fireSubmenuClick && isFunction(parentMenu.fireSubmenuClick)) {\n        parentMenu.fireSubmenuClick();\n      }\n    };\n    // #endregion\n\n    provide('parentMenu', {\n      isRootMenu: false,\n      isSubMenu: true,\n      fireSubmenuClick,\n      setSubMenuSelected,\n      level,\n      subMode\n    });\n\n    return {\n      prefixCls,\n      rootPrefixCls,\n      titleStyle,\n      mode,\n      subMode,\n      theme,\n      isOpen,\n      isSelected,\n      menuId,\n      popupPlacement,\n      popupOffset,\n      trigger,\n      subMenuOpenDelay,\n      subMenuCloseDelay,\n      subMenuStyle,\n      getPopupContainer,\n      onTitleClick,\n      onPopupVisibleChange\n    };\n  }\n});\n</script>\n"],"names":["useGetTriggerProps","_createElementBlock","_normalizeClass","_Fragment","_createElementVNode","_normalizeStyle","_renderSlot","_createVNode","_createCommentVNode","_createBlock","_withCtx"],"mappings":"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"}

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

@@ -0,0 +1,71 @@
+import type { GetPopupContainer } from '../Popup/Popup.type';
+declare const _default: import("vue").DefineComponent<{
+    name: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
+    title: {
+        type: StringConstructor;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    popupClassName: {
+        type: StringConstructor;
+    };
+    color: {
+        type: import("vue").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;
+    };
+}, {
+    prefixCls: import("vue").ComputedRef<string>;
+    rootPrefixCls: import("vue").ComputedRef<string>;
+    titleStyle: import("vue").ComputedRef<{}>;
+    mode: import("vue").ComputedRef<"inline" | "vertical" | "horizontal" | "vertical-left" | "vertical-right">;
+    subMode: import("vue").ComputedRef<"inline" | "vertical" | "horizontal" | "vertical-left" | "vertical-right">;
+    theme: import("vue").Ref<"light" | "dark", "light" | "dark">;
+    isOpen: import("vue").ComputedRef<boolean>;
+    isSelected: import("vue").ComputedRef<boolean>;
+    menuId: import("vue").ComputedRef<string>;
+    popupPlacement: import("vue").ComputedRef<import("@popperjs/core").Placement>;
+    popupOffset: import("vue").ComputedRef<number[]>;
+    trigger: import("vue").ComputedRef<("click" | "hover" | "focus" | "contextmenu")[]>;
+    subMenuOpenDelay: import("vue").Ref<number, number>;
+    subMenuCloseDelay: import("vue").Ref<number, number>;
+    subMenuStyle: import("vue").ComputedRef<string>;
+    getPopupContainer: GetPopupContainer;
+    onTitleClick: () => void;
+    onPopupVisibleChange: (visible: boolean) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    'title-click': (e: {
+        key: string | number;
+    }) => boolean;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    name: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
+    title: {
+        type: StringConstructor;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    popupClassName: {
+        type: StringConstructor;
+    };
+    color: {
+        type: import("vue").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;
+    };
+}>> & {
+    "onTitle-click"?: (e: {
+        key: string | number;
+    }) => any;
+}, {
+    color: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
+    disabled: boolean;
+}, {}>;
+export default _default;

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

@@ -0,0 +1,8 @@
+import type { Ref } from 'vue';
+import type { Placement } from '@popperjs/core';
+import type { MenuMode } from '../Menu.type';
+export default function useTriggerProps(mode: Ref<MenuMode>): {
+    popupPlacement: import("vue").ComputedRef<Placement>;
+    popupOffset: import("vue").ComputedRef<number[]>;
+    trigger: import("vue").ComputedRef<("click" | "hover" | "focus" | "contextmenu")[]>;
+};

package/es/components/Menu/hooks/useGetTriggerProps.mjs

@@ -0,0 +1,29 @@
+import { inject, computed } from 'vue';
+
+const popupPlacementMap = {
+  inline: { placement: void 0, offset: void 0 },
+  horizontal: { placement: "bottom-start", offset: [0, 8] },
+  vertical: { placement: "right-start", offset: [0, 4] },
+  "vertical-left": { placement: "right-start", offset: [0, 4] },
+  "vertical-right": { placement: "left-start", offset: [0, 4] }
+};
+function useTriggerProps(mode) {
+  const dropdownContext = inject("dropdownContext", void 0);
+  const popupPlacement = computed(() => {
+    return popupPlacementMap[mode.value].placement;
+  });
+  const popupOffset = computed(() => {
+    return dropdownContext === void 0 ? popupPlacementMap[mode.value].offset : [0, 0];
+  });
+  const trigger = computed(() => {
+    return ["hover"];
+  });
+  return {
+    popupPlacement,
+    popupOffset,
+    trigger
+  };
+}
+
+export { useTriggerProps as default };
+//# sourceMappingURL=useGetTriggerProps.mjs.map