@v-c/menu 0.0.1

package/dist/utils/nodeUtil.cjs

@@ -0,0 +1,82 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const vue = require("vue");
+const Divider = require("../Divider.cjs");
+const MenuItem = require("../MenuItem.cjs");
+const MenuItemGroup = require("../MenuItemGroup.cjs");
+const index = require("../SubMenu/index.cjs");
+const commonUtil = require("./commonUtil.cjs");
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
+function convertItemsToNodes(list, components, prefixCls) {
+  const {
+    item: MergedMenuItem,
+    group: MergedMenuItemGroup,
+    submenu: MergedSubMenu,
+    divider: MergedDivider
+  } = components;
+  return (list || []).map((opt, index2) => {
+    if (opt && typeof opt === "object") {
+      const {
+        label,
+        children,
+        key,
+        type,
+        extra,
+        ...restProps
+      } = opt;
+      const mergedKey = key ?? `tmp-${index2}`;
+      if (children || type === "group") {
+        let _slot2;
+        if (type === "group") {
+          let _slot;
+          return vue.createVNode(MergedMenuItemGroup, vue.mergeProps({
+            "key": mergedKey
+          }, restProps, {
+            "title": label
+          }), _isSlot(_slot = convertItemsToNodes(children, components, prefixCls)) ? _slot : {
+            default: () => [_slot]
+          });
+        }
+        return vue.createVNode(MergedSubMenu, vue.mergeProps({
+          "key": mergedKey
+        }, restProps, {
+          "title": label
+        }), _isSlot(_slot2 = convertItemsToNodes(children, components, prefixCls)) ? _slot2 : {
+          default: () => [_slot2]
+        });
+      }
+      if (type === "divider") {
+        return vue.createVNode(MergedDivider, vue.mergeProps({
+          "key": mergedKey
+        }, restProps), null);
+      }
+      return vue.createVNode(MergedMenuItem, vue.mergeProps({
+        "key": mergedKey
+      }, restProps, {
+        "extra": extra
+      }), {
+        default: () => [label, (!!extra || extra === 0) && vue.createVNode("span", {
+          "class": `${prefixCls}-item-extra`
+        }, [extra])]
+      });
+    }
+    return null;
+  }).filter((opt) => opt);
+}
+function parseItems(children, items, keyPath, components, prefixCls) {
+  let childNodes = children;
+  const mergedComponents = {
+    divider: Divider.default,
+    item: MenuItem.default,
+    group: MenuItemGroup.default,
+    submenu: index.default,
+    ...components
+  };
+  if (items) {
+    childNodes = convertItemsToNodes(items, mergedComponents, prefixCls);
+  }
+  return commonUtil.parseChildren(childNodes, keyPath);
+}
+exports.parseItems = parseItems;

package/dist/utils/nodeUtil.d.ts

@@ -0,0 +1,3 @@
+import { VueNode } from '@v-c/util/dist/type';
+import { Components, ItemType } from '../interface';
+export declare function parseItems(children: VueNode | undefined, items: ItemType[] | undefined, keyPath: string[], components: Components, prefixCls?: string): any[];

package/dist/utils/nodeUtil.js

@@ -0,0 +1,82 @@
+import { createVNode, mergeProps, isVNode } from "vue";
+import Divider from "../Divider.js";
+import MenuItem from "../MenuItem.js";
+import MenuItemGroup from "../MenuItemGroup.js";
+import SubMenu from "../SubMenu/index.js";
+import { parseChildren } from "./commonUtil.js";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+function convertItemsToNodes(list, components, prefixCls) {
+  const {
+    item: MergedMenuItem,
+    group: MergedMenuItemGroup,
+    submenu: MergedSubMenu,
+    divider: MergedDivider
+  } = components;
+  return (list || []).map((opt, index) => {
+    if (opt && typeof opt === "object") {
+      const {
+        label,
+        children,
+        key,
+        type,
+        extra,
+        ...restProps
+      } = opt;
+      const mergedKey = key ?? `tmp-${index}`;
+      if (children || type === "group") {
+        let _slot2;
+        if (type === "group") {
+          let _slot;
+          return createVNode(MergedMenuItemGroup, mergeProps({
+            "key": mergedKey
+          }, restProps, {
+            "title": label
+          }), _isSlot(_slot = convertItemsToNodes(children, components, prefixCls)) ? _slot : {
+            default: () => [_slot]
+          });
+        }
+        return createVNode(MergedSubMenu, mergeProps({
+          "key": mergedKey
+        }, restProps, {
+          "title": label
+        }), _isSlot(_slot2 = convertItemsToNodes(children, components, prefixCls)) ? _slot2 : {
+          default: () => [_slot2]
+        });
+      }
+      if (type === "divider") {
+        return createVNode(MergedDivider, mergeProps({
+          "key": mergedKey
+        }, restProps), null);
+      }
+      return createVNode(MergedMenuItem, mergeProps({
+        "key": mergedKey
+      }, restProps, {
+        "extra": extra
+      }), {
+        default: () => [label, (!!extra || extra === 0) && createVNode("span", {
+          "class": `${prefixCls}-item-extra`
+        }, [extra])]
+      });
+    }
+    return null;
+  }).filter((opt) => opt);
+}
+function parseItems(children, items, keyPath, components, prefixCls) {
+  let childNodes = children;
+  const mergedComponents = {
+    divider: Divider,
+    item: MenuItem,
+    group: MenuItemGroup,
+    submenu: SubMenu,
+    ...components
+  };
+  if (items) {
+    childNodes = convertItemsToNodes(items, mergedComponents, prefixCls);
+  }
+  return parseChildren(childNodes, keyPath);
+}
+export {
+  parseItems
+};

package/dist/utils/timeUtil.cjs

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+function nextSlice(callback) {
+  Promise.resolve().then(callback);
+}
+exports.nextSlice = nextSlice;

package/dist/utils/timeUtil.d.ts

@@ -0,0 +1 @@
+export declare function nextSlice(callback: () => void): void;

package/dist/utils/timeUtil.js

@@ -0,0 +1,6 @@
+function nextSlice(callback) {
+  Promise.resolve().then(callback);
+}
+export {
+  nextSlice
+};

package/dist/utils/warnUtil.cjs

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const util = require("@v-c/util");
+function warnItemProp({ item, ...restInfo }) {
+  Object.defineProperty(restInfo, "item", {
+    get: () => {
+      util.warning(
+        false,
+        "`info.item` is deprecated since we will move to function component that not provides React Node instance in future."
+      );
+      return item;
+    }
+  });
+  return restInfo;
+}
+exports.warnItemProp = warnItemProp;

package/dist/utils/warnUtil.d.ts

@@ -0,0 +1,7 @@
+/**
+ * `onClick` event return `info.item` which point to react node directly.
+ * We should warning this since it will not work on FC.
+ */
+export declare function warnItemProp<T extends {
+    item: any;
+}>({ item, ...restInfo }: T): T;

package/dist/utils/warnUtil.js

@@ -0,0 +1,16 @@
+import { warning } from "@v-c/util";
+function warnItemProp({ item, ...restInfo }) {
+  Object.defineProperty(restInfo, "item", {
+    get: () => {
+      warning(
+        false,
+        "`info.item` is deprecated since we will move to function component that not provides React Node instance in future."
+      );
+      return item;
+    }
+  });
+  return restInfo;
+}
+export {
+  warnItemProp
+};

package/package.json

@@ -0,0 +1,37 @@
+{
+  "name": "@v-c/menu",
+  "type": "module",
+  "version": "0.0.1",
+  "description": "menu ui component for vue",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./dist/*": "./dist/*",
+    "./package.json": "./package.json"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "files": [
+    "dist",
+    "package.json"
+  ],
+  "main": "./dist/index.js",
+  "peerDependencies": {
+    "vue": "^3.0.0"
+  },
+  "dependencies": {
+    "@v-c/trigger": "0.0.13",
+    "@v-c/overflow": "0.0.1",
+    "@v-c/util": "0.0.13"
+  },
+  "scripts": {
+    "build": "vite build",
+    "prepublish": "pnpm build",
+    "test": "vitest run",
+    "bump": "bumpp --release patch"
+  }
+}