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

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

@@ -0,0 +1 @@
+{"version":3,"file":"useGetTriggerProps.mjs","sources":["../../../../../src/components/Menu/hooks/useGetTriggerProps.ts"],"sourcesContent":["import { computed, inject } from 'vue';\nimport type { Ref } from 'vue';\nimport type { Placement } from '@popperjs/core';\nimport type { MenuMode } from '../Menu.type';\nimport type { DropdownContext } from '../../Dropdown/Dropdown.type';\nimport type { PopupTrigger } from '../../Popup/Popup.type';\n\nconst popupPlacementMap = {\n  inline: { placement: undefined as undefined, offset: undefined as undefined },\n  horizontal: { placement: 'bottom-start' as Placement, offset: [0, 8] },\n  vertical: { placement: 'right-start' as Placement, offset: [0, 4] },\n  'vertical-left': { placement: 'right-start' as Placement, offset: [0, 4] },\n  'vertical-right': { placement: 'left-start' as Placement, offset: [0, 4] }\n};\nexport default function useTriggerProps(mode: Ref<MenuMode>) {\n  const dropdownContext = inject<DropdownContext | undefined>('dropdownContext', undefined);\n\n  const popupPlacement = computed(() => {\n    return popupPlacementMap[mode.value].placement;\n  });\n\n  const popupOffset = computed(() => {\n    return dropdownContext === undefined ? popupPlacementMap[mode.value].offset : [0, 0];\n  });\n\n  const trigger = computed(() => {\n    // if (dropdownContext) {\n    //   if (dropdownContext.trigger && dropdownContext.trigger.value) {\n    //     return [dropdownContext.trigger.value] as PopupTrigger[];\n    //   }\n    // }\n    return ['hover'] as PopupTrigger[];\n  });\n\n  return {\n    popupPlacement,\n    popupOffset,\n    trigger\n  };\n}\n"],"names":[],"mappings":";;AAOA,MAAM,oBAAoB;AAAA,EACxB,QAAQ,EAAE,WAAW,QAAwB,QAAQ;AAAuB,EAC5E,YAAY,EAAE,WAAW,gBAA6B,QAAQ,CAAC,GAAG,CAAC;AAAE,EACrE,UAAU,EAAE,WAAW,eAA4B,QAAQ,CAAC,GAAG,CAAC;AAAE,EAClE,iBAAiB,EAAE,WAAW,eAA4B,QAAQ,CAAC,GAAG,CAAC;AAAE,EACzE,kBAAkB,EAAE,WAAW,cAA2B,QAAQ,CAAC,GAAG,CAAC;AACzE;SACwB,gBAAgB,MAAqB;AAC3D,QAAM,kBAAkB,OAAoC,mBAAmB,MAAS;AAExF,QAAM,iBAAiB,SAAS,MAAM;AACpC,WAAO,kBAAkB,KAAK,OAAO;AAAA,GACtC;AAED,QAAM,cAAc,SAAS,MAAM;AACjC,WAAO,oBAAoB,SAAY,kBAAkB,KAAK,OAAO,SAAS,CAAC,GAAG,CAAC;AAAA,GACpF;AAED,QAAM,UAAU,SAAS,MAAM;AAM7B,WAAO,CAAC,OAAO;AAAA,GAChB;AAED,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA;AAEJ;;;;"}

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

@@ -0,0 +1,5 @@
+import type { Ref, VNodeArrayChildren, Slots } from 'vue';
+export declare const getWidth: (elem: HTMLElement) => number;
+export default function useWrapDom(mode: string, rootMenu: Ref<HTMLElement | null>, slots: Slots): {
+    renderChild: () => VNodeArrayChildren;
+};

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

@@ -0,0 +1,145 @@
+import { ref, createVNode, cloneVNode, onMounted, nextTick, onBeforeUnmount } from 'vue';
+import ResizeObserver from 'resize-observer-polyfill';
+import { UIcon } from '../../Icon/index.mjs';
+import { ULineMenu } from '@koi-design/uxd-icon';
+import SubMenu from '../SubMenu.mjs';
+import { getSlot } from '../../../utils/slots.mjs';
+
+const FLOAT_PRECISION_ADJUST = 0.5;
+const getWidth = (elem) => {
+  let width = elem && typeof elem.getBoundingClientRect === "function" && elem.getBoundingClientRect().width;
+  if (width) {
+    width = +width.toFixed(6);
+  }
+  return width || 0;
+};
+function useWrapDom(mode, rootMenu, slots) {
+  let resizeObserver = null;
+  let mutationObserver = null;
+  const lastVisibleIndex = ref(-1);
+  const childrenSizes = ref([]);
+  const setChildrenWidthAndResize = () => {
+    if (mode !== "horizontal") {
+      return;
+    }
+    const rootEl = rootMenu.value;
+    if (!rootEl) {
+      return;
+    }
+    const childrenNodes = rootEl.children;
+    if (!childrenNodes || childrenNodes.length === 0) {
+      return;
+    }
+    const indicatorEl = childrenNodes[childrenNodes.length - 1];
+    childrenSizes.value = [].slice.call(childrenNodes).map((el) => getWidth(el));
+    const indicatorWidth = childrenSizes.value[childrenSizes.value.length - 1];
+    let lastVisibleIdx = -1;
+    const containerWidth = getWidth(rootEl);
+    let totalWidth = 0;
+    for (let index = 0; index < childrenSizes.value.length; index++) {
+      const width = childrenSizes.value[index];
+      totalWidth += width;
+      if (totalWidth > containerWidth + FLOAT_PRECISION_ADJUST) {
+        lastVisibleIdx = index;
+        break;
+      }
+    }
+    if (lastVisibleIdx > 0 && totalWidth - childrenSizes.value[lastVisibleIdx] + indicatorWidth > containerWidth + FLOAT_PRECISION_ADJUST) {
+      lastVisibleIdx -= 1;
+    }
+    if (lastVisibleIdx === -1) {
+      indicatorEl.style.display = "none";
+    }
+    lastVisibleIndex.value = lastVisibleIdx;
+  };
+  const getOverflowIndicator = (restNodes) => {
+    const style = lastVisibleIndex.value === -1 ? {
+      display: "none"
+    } : {
+      display: "inline-flex"
+    };
+    return createVNode(SubMenu, {
+      "style": style
+    }, {
+      title: () => createVNode(UIcon, {
+        "style": "margin-right: 0;"
+      }, {
+        default: () => [createVNode(ULineMenu, null, null)]
+      }),
+      default: () => restNodes
+    });
+  };
+  const renderChild = () => {
+    const defaultSlots = getSlot(slots, "default");
+    if (mode === "horizontal") {
+      let overflowedNodes = [];
+      if (lastVisibleIndex.value !== -1) {
+        overflowedNodes = defaultSlots.slice(lastVisibleIndex.value).map((c) => cloneVNode(c));
+      }
+      const cloneNodes = defaultSlots.map((child, index) => {
+        if (lastVisibleIndex.value !== -1 && index >= lastVisibleIndex.value) {
+          return cloneVNode(child, {
+            style: {
+              position: "absolute",
+              height: 0,
+              opcity: 0,
+              pointerEvents: "none",
+              overflowY: "hidden",
+              border: "none"
+            }
+          });
+        }
+        return cloneVNode(child, {
+          style: {}
+        });
+      });
+      cloneNodes.push(getOverflowIndicator(overflowedNodes));
+      return cloneNodes;
+    }
+    return defaultSlots;
+  };
+  onMounted(() => {
+    nextTick(() => {
+      setChildrenWidthAndResize();
+      if (mode === "horizontal") {
+        const rootEl = rootMenu.value;
+        if (!rootEl) {
+          return;
+        }
+        resizeObserver = new ResizeObserver((entries) => {
+          entries.forEach(setChildrenWidthAndResize);
+        });
+        [].slice.call(rootEl.children).concat(rootEl).forEach((el) => {
+          resizeObserver.observe(el);
+        });
+        if (typeof MutationObserver !== "undefined") {
+          mutationObserver = new MutationObserver(() => {
+            resizeObserver == null ? void 0 : resizeObserver.disconnect();
+            [].slice.call(rootEl.children).concat(rootEl).forEach((el) => {
+              resizeObserver.observe(el);
+            });
+            setChildrenWidthAndResize();
+          });
+          mutationObserver.observe(rootEl, {
+            attributes: false,
+            childList: true
+          });
+        }
+      }
+    });
+  });
+  onBeforeUnmount(() => {
+    if (resizeObserver) {
+      resizeObserver.disconnect();
+    }
+    if (mutationObserver) {
+      mutationObserver.disconnect();
+    }
+  });
+  return {
+    renderChild
+  };
+}
+
+export { useWrapDom as default, getWidth };
+//# sourceMappingURL=useWrapDom.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useWrapDom.mjs","sources":["../../../../../src/components/Menu/hooks/useWrapDom.tsx"],"sourcesContent":["import { ref, nextTick, cloneVNode, onMounted, onBeforeUnmount } from 'vue';\nimport type { Ref, VNodeArrayChildren, Slots } from 'vue';\nimport ResizeObserver from 'resize-observer-polyfill';\nimport UIcon from '@uxd-ui/components/Icon';\nimport { ULineMenu } from '@koi-design/uxd-icon';\nimport SubMenu from '../SubMenu.vue';\nimport { getSlot } from '../../../utils/slots';\n\nconst FLOAT_PRECISION_ADJUST = 0.5;\n\nexport const getWidth = (elem: HTMLElement): number => {\n  let width = elem && typeof elem.getBoundingClientRect === 'function' && elem.getBoundingClientRect().width;\n  if (width) {\n    width = +width.toFixed(6);\n  }\n  return width || 0;\n};\n\nexport default function useWrapDom(mode: string, rootMenu: Ref<HTMLElement | null>, slots: Slots) {\n  let resizeObserver: ResizeObserver | null = null;\n  let mutationObserver: MutationObserver | null = null;\n  const lastVisibleIndex: Ref<number> = ref(-1);\n  const childrenSizes: Ref<number[]> = ref([]);\n\n  const setChildrenWidthAndResize = (): void => {\n    if (mode !== 'horizontal') {\n      return;\n    }\n    const rootEl = rootMenu.value;\n    if (!rootEl) {\n      return;\n    }\n    const childrenNodes = rootEl.children;\n    if (!childrenNodes || childrenNodes.length === 0) {\n      return;\n    }\n\n    const indicatorEl = childrenNodes[childrenNodes.length - 1];\n    // (indicatorEl as HTMLElement).style.display = 'inline-block';\n\n    childrenSizes.value = [].slice.call(childrenNodes).map((el) => getWidth(el));\n    const indicatorWidth = childrenSizes.value[childrenSizes.value.length - 1];\n    let lastVisibleIdx = -1;\n    const containerWidth: number = getWidth(rootEl);\n    let totalWidth = 0;\n    for (let index = 0; index < childrenSizes.value.length; index++) {\n      const width = childrenSizes.value[index];\n      totalWidth += width;\n      if (totalWidth > containerWidth + FLOAT_PRECISION_ADJUST) {\n        lastVisibleIdx = index;\n        break;\n      }\n    }\n    if (lastVisibleIdx > 0 && totalWidth - childrenSizes.value[lastVisibleIdx] + indicatorWidth > containerWidth + FLOAT_PRECISION_ADJUST) {\n      lastVisibleIdx -= 1;\n    }\n    if (lastVisibleIdx === -1) {\n      (indicatorEl as HTMLElement).style.display = 'none';\n    }\n    lastVisibleIndex.value = lastVisibleIdx;\n  };\n\n  const getOverflowIndicator = (restNodes: VNodeArrayChildren) => {\n    const style =\n      lastVisibleIndex.value === -1\n        ? {\n            display: 'none'\n          }\n        : {\n            display: 'inline-flex'\n          };\n    return (\n      <SubMenu style={style}>\n        {{\n          title: () => (\n            <UIcon style=\"margin-right: 0;\">\n              <ULineMenu />\n            </UIcon>\n          ),\n          default: () => restNodes\n        }}\n      </SubMenu>\n    );\n  };\n\n  const renderChild = (): VNodeArrayChildren => {\n    const defaultSlots = getSlot(slots, 'default');\n    if (mode === 'horizontal') {\n      let overflowedNodes: VNodeArrayChildren = [];\n      if (lastVisibleIndex.value !== -1) {\n        overflowedNodes = (defaultSlots.slice(lastVisibleIndex.value) as VNodeArrayChildren).map((c) => cloneVNode(c as any));\n      }\n      const cloneNodes = defaultSlots.map((child, index) => {\n        if (lastVisibleIndex.value !== -1 && index >= lastVisibleIndex.value) {\n          return cloneVNode(child as any, {\n            style: {\n              position: 'absolute',\n              height: 0,\n              opcity: 0,\n              pointerEvents: 'none',\n              overflowY: 'hidden',\n              border: 'none'\n            }\n          });\n        }\n        return cloneVNode(child as any, { style: {} });\n      });\n      cloneNodes.push(getOverflowIndicator(overflowedNodes as VNodeArrayChildren));\n      return cloneNodes as VNodeArrayChildren;\n    }\n    return defaultSlots;\n  };\n\n  onMounted(() => {\n    nextTick(() => {\n      setChildrenWidthAndResize();\n      if (mode === 'horizontal') {\n        const rootEl = rootMenu.value;\n        if (!rootEl) {\n          return;\n        }\n\n        resizeObserver = new ResizeObserver((entries) => {\n          entries.forEach(setChildrenWidthAndResize);\n        });\n\n        [].slice\n          .call(rootEl.children)\n          .concat(rootEl as any)\n          .forEach((el) => {\n            (resizeObserver as ResizeObserver).observe(el);\n          });\n\n        if (typeof MutationObserver !== 'undefined') {\n          mutationObserver = new MutationObserver(() => {\n            resizeObserver?.disconnect();\n            [].slice\n              .call(rootEl.children)\n              .concat(rootEl as any)\n              .forEach((el) => {\n                (resizeObserver as ResizeObserver).observe(el);\n              });\n            setChildrenWidthAndResize();\n          });\n          mutationObserver.observe(rootEl, {\n            attributes: false,\n            childList: true\n            // subTree: false\n          });\n        }\n      }\n    });\n  });\n\n  onBeforeUnmount(() => {\n    if (resizeObserver) {\n      resizeObserver.disconnect();\n    }\n    if (mutationObserver) {\n      mutationObserver.disconnect();\n    }\n  });\n\n  return {\n    renderChild\n  };\n}\n"],"names":["FLOAT_PRECISION_ADJUST","getWidth","elem","width","getBoundingClientRect","toFixed","useWrapDom","mode","rootMenu","slots","resizeObserver","mutationObserver","lastVisibleIndex","ref","childrenSizes","setChildrenWidthAndResize","rootEl","value","childrenNodes","children","length","indicatorEl","slice","call","map","el","indicatorWidth","lastVisibleIdx","containerWidth","totalWidth","index","style","display","getOverflowIndicator","restNodes","_createVNode","SubMenu","title","UIcon","default","ULineMenu","renderChild","defaultSlots","getSlot","overflowedNodes","c","cloneVNode","cloneNodes","child","position","height","opcity","pointerEvents","overflowY","border","push","onMounted","nextTick","ResizeObserver","entries","forEach","concat","observe","MutationObserver","disconnect","attributes","childList","onBeforeUnmount"],"mappings":"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"}

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

@@ -0,0 +1,418 @@
+import MenuItem from './MenuItem.vue';
+import SubMenu from './SubMenu.vue';
+import MenuItemGroup from './MenuItemGroup.vue';
+import MenuDivider from './MenuDivider.vue';
+export declare const UMenu: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+        mode: {
+            type: import("vue").PropType<"inline" | "vertical" | "horizontal" | "vertical-left" | "vertical-right">;
+            default: string;
+            validator: (val: "inline" | "vertical" | "horizontal" | "vertical-left" | "vertical-right") => boolean;
+        };
+        theme: {
+            type: import("vue").PropType<"light" | "dark">;
+            default: string;
+            validator: (val: "light" | "dark") => 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: import("./Menu.type").MenuClickEvent) => any;
+        onSelect?: (e: import("./Menu.type").MenuSelectEvent) => any;
+        "onOpen-change"?: (openKeys: (string | number)[], event: import("./Menu.type").MenuOpenEvent) => any;
+        onDeselect?: (e: import("./Menu.type").MenuSelectEvent) => any;
+        "onUpdate:selectedKeys"?: (selectedKeys: (string | number)[]) => any;
+        "onUpdate:openKeys"?: (openKeys: (string | number)[]) => any;
+    }, {
+        rootMenu: import("vue").Ref<any, any>;
+        computedPrefixCls: import("vue").ComputedRef<string>;
+        computedMode: import("vue").Ref<"inline" | "vertical" | "horizontal" | "vertical-left" | "vertical-right", "inline" | "vertical" | "horizontal" | "vertical-left" | "vertical-right">;
+        layoutSiderCollapsed: import("vue").Ref<boolean, boolean>;
+        renderChild: () => import("vue").VNodeArrayChildren;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        click: (e: import("./Menu.type").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: import("./Menu.type").MenuOpenEvent) => never;
+        'update:openKeys': (openKeys: (string | number)[]) => boolean;
+    }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+        mode: {
+            type: import("vue").PropType<"inline" | "vertical" | "horizontal" | "vertical-left" | "vertical-right">;
+            default: string;
+            validator: (val: "inline" | "vertical" | "horizontal" | "vertical-left" | "vertical-right") => boolean;
+        };
+        theme: {
+            type: import("vue").PropType<"light" | "dark">;
+            default: string;
+            validator: (val: "light" | "dark") => 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: import("./Menu.type").MenuClickEvent) => any;
+        onSelect?: (e: import("./Menu.type").MenuSelectEvent) => any;
+        "onOpen-change"?: (openKeys: (string | number)[], event: import("./Menu.type").MenuOpenEvent) => any;
+        onDeselect?: (e: import("./Menu.type").MenuSelectEvent) => any;
+        "onUpdate:selectedKeys"?: (selectedKeys: (string | number)[]) => any;
+        "onUpdate:openKeys"?: (openKeys: (string | number)[]) => any;
+    }, {
+        mode: "inline" | "vertical" | "horizontal" | "vertical-left" | "vertical-right";
+        multiple: boolean;
+        theme: "light" | "dark";
+        openKeys: (string | number)[];
+        subMenuOpenDelay: number;
+        subMenuCloseDelay: number;
+        inlineCollapsed: boolean;
+        selectable: boolean;
+    }, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        mode: {
+            type: import("vue").PropType<"inline" | "vertical" | "horizontal" | "vertical-left" | "vertical-right">;
+            default: string;
+            validator: (val: "inline" | "vertical" | "horizontal" | "vertical-left" | "vertical-right") => boolean;
+        };
+        theme: {
+            type: import("vue").PropType<"light" | "dark">;
+            default: string;
+            validator: (val: "light" | "dark") => 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: import("./Menu.type").MenuClickEvent) => any;
+        onSelect?: (e: import("./Menu.type").MenuSelectEvent) => any;
+        "onOpen-change"?: (openKeys: (string | number)[], event: import("./Menu.type").MenuOpenEvent) => any;
+        onDeselect?: (e: import("./Menu.type").MenuSelectEvent) => any;
+        "onUpdate:selectedKeys"?: (selectedKeys: (string | number)[]) => any;
+        "onUpdate:openKeys"?: (openKeys: (string | number)[]) => any;
+    }, {
+        rootMenu: import("vue").Ref<any, any>;
+        computedPrefixCls: import("vue").ComputedRef<string>;
+        computedMode: import("vue").Ref<"inline" | "vertical" | "horizontal" | "vertical-left" | "vertical-right", "inline" | "vertical" | "horizontal" | "vertical-left" | "vertical-right">;
+        layoutSiderCollapsed: import("vue").Ref<boolean, boolean>;
+        renderChild: () => import("vue").VNodeArrayChildren;
+    }, {}, {}, {}, {
+        mode: "inline" | "vertical" | "horizontal" | "vertical-left" | "vertical-right";
+        multiple: boolean;
+        theme: "light" | "dark";
+        openKeys: (string | number)[];
+        subMenuOpenDelay: number;
+        subMenuCloseDelay: number;
+        inlineCollapsed: boolean;
+        selectable: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    mode: {
+        type: import("vue").PropType<"inline" | "vertical" | "horizontal" | "vertical-left" | "vertical-right">;
+        default: string;
+        validator: (val: "inline" | "vertical" | "horizontal" | "vertical-left" | "vertical-right") => boolean;
+    };
+    theme: {
+        type: import("vue").PropType<"light" | "dark">;
+        default: string;
+        validator: (val: "light" | "dark") => 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: import("./Menu.type").MenuClickEvent) => any;
+    onSelect?: (e: import("./Menu.type").MenuSelectEvent) => any;
+    "onOpen-change"?: (openKeys: (string | number)[], event: import("./Menu.type").MenuOpenEvent) => any;
+    onDeselect?: (e: import("./Menu.type").MenuSelectEvent) => any;
+    "onUpdate:selectedKeys"?: (selectedKeys: (string | number)[]) => any;
+    "onUpdate:openKeys"?: (openKeys: (string | number)[]) => any;
+}, {
+    rootMenu: import("vue").Ref<any, any>;
+    computedPrefixCls: import("vue").ComputedRef<string>;
+    computedMode: import("vue").Ref<"inline" | "vertical" | "horizontal" | "vertical-left" | "vertical-right", "inline" | "vertical" | "horizontal" | "vertical-left" | "vertical-right">;
+    layoutSiderCollapsed: import("vue").Ref<boolean, boolean>;
+    renderChild: () => import("vue").VNodeArrayChildren;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (e: import("./Menu.type").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: import("./Menu.type").MenuOpenEvent) => never;
+    'update:openKeys': (openKeys: (string | number)[]) => boolean;
+}, string, {
+    mode: "inline" | "vertical" | "horizontal" | "vertical-left" | "vertical-right";
+    multiple: boolean;
+    theme: "light" | "dark";
+    openKeys: (string | number)[];
+    subMenuOpenDelay: number;
+    subMenuCloseDelay: number;
+    inlineCollapsed: boolean;
+    selectable: boolean;
+}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & {
+    Item: 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<import("vue").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;
+    }, {}>;
+    SubMenu: 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: import("../Popup").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;
+    }, {}>;
+    ItemGroup: 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;
+        };
+    }>>, {}, {}>;
+    Divider: import("vue").DefineComponent<{}, {
+        rootPrefixCls: import("vue").ComputedRef<string>;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+};
+export default UMenu;
+export { MenuItem as UMenuItem, SubMenu as USubMenu, MenuItemGroup as UMenuItemGroup, MenuDivider as UMenuDivider };
+export * from './Menu.type';

package/es/components/Menu/index.mjs

@@ -0,0 +1,21 @@
+import Menu from './Menu.mjs';
+import MenuItem from './MenuItem.mjs';
+export { default as UMenuItem } from './MenuItem.mjs';
+import SubMenu from './SubMenu.mjs';
+export { default as USubMenu } from './SubMenu.mjs';
+import MenuItemGroup from './MenuItemGroup.mjs';
+export { default as UMenuItemGroup } from './MenuItemGroup.mjs';
+import MenuDivider from './MenuDivider.mjs';
+export { default as UMenuDivider } from './MenuDivider.mjs';
+import { withInstall } from '../../utils/install.mjs';
+export { menuEmits, menuItemEmits, menuItemGroupProps, menuItemProps, menuMode, menuProps, menuTheme, subMenuEmits, subMenuProps } from './Menu.type.mjs';
+
+const UMenu = withInstall(Menu, {
+  Item: MenuItem,
+  SubMenu,
+  ItemGroup: MenuItemGroup,
+  Divider: MenuDivider
+});
+
+export { UMenu, UMenu as default };
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../src/components/Menu/index.ts"],"sourcesContent":["import Menu from './Menu';\nimport MenuItem from './MenuItem.vue';\nimport SubMenu from './SubMenu.vue';\nimport MenuItemGroup from './MenuItemGroup.vue';\nimport MenuDivider from './MenuDivider.vue';\nimport { withInstall } from '../../utils/install';\n\nexport const UMenu = withInstall(Menu, {\n  Item: MenuItem,\n  SubMenu,\n  ItemGroup: MenuItemGroup,\n  Divider: MenuDivider\n});\n\nexport default UMenu;\n\nexport { MenuItem as UMenuItem, SubMenu as USubMenu, MenuItemGroup as UMenuItemGroup, MenuDivider as UMenuDivider };\n\nexport * from './Menu.type';\n"],"names":[],"mappings":";;;;;;;;;;;;MAOa,QAAQ,YAAY,MAAM;AAAA,EACrC,MAAM;AAAA,EACN;AAAA,EACA,WAAW;AAAA,EACX,SAAS;AACX,CAAC;;;;"}

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

@@ -0,0 +1 @@
+import '@koi-design/uxd-ui/styles/components/menu/index.less';

package/es/components/Menu/style/index.mjs

@@ -0,0 +1,2 @@
+import '@koi-design/uxd-ui/styles/components/menu/index.less';
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/es/components/Message/Message.d.ts

@@ -0,0 +1,15 @@
+import type { MessageOption, MessageParams, MessageType } from './Message.type';
+export declare type MessageFunction = (options: string | Omit<MessageParams, 'type'>, duration?: number) => () => void;
+export interface Message {
+    config(options: MessageOption): void;
+    message(type: MessageType, options: string | Omit<MessageParams, 'type'>, duration?: number | undefined): () => void;
+    close(closeKey: string): void;
+    destroy(): void;
+    success: MessageFunction;
+    info: MessageFunction;
+    error: MessageFunction;
+    warning: MessageFunction;
+    loading: MessageFunction;
+}
+declare const _default: Message;
+export default _default;