@v-c/menu 0.0.1 → 0.0.3

package/dist/placements.js

@@ -1,77 +1,74 @@
-const autoAdjustOverflow = {
-  adjustX: 1,
-  adjustY: 1
+var autoAdjustOverflow = {
+	adjustX: 1,
+	adjustY: 1
 };
 const placements = {
-  topLeft: {
-    points: ["bl", "tl"],
-    overflow: autoAdjustOverflow
-  },
-  topRight: {
-    points: ["br", "tr"],
-    overflow: autoAdjustOverflow
-  },
-  bottomLeft: {
-    points: ["tl", "bl"],
-    overflow: autoAdjustOverflow
-  },
-  bottomRight: {
-    points: ["tr", "br"],
-    overflow: autoAdjustOverflow
-  },
-  leftTop: {
-    points: ["tr", "tl"],
-    overflow: autoAdjustOverflow
-  },
-  leftBottom: {
-    points: ["br", "bl"],
-    overflow: autoAdjustOverflow
-  },
-  rightTop: {
-    points: ["tl", "tr"],
-    overflow: autoAdjustOverflow
-  },
-  rightBottom: {
-    points: ["bl", "br"],
-    overflow: autoAdjustOverflow
-  }
+	topLeft: {
+		points: ["bl", "tl"],
+		overflow: autoAdjustOverflow
+	},
+	topRight: {
+		points: ["br", "tr"],
+		overflow: autoAdjustOverflow
+	},
+	bottomLeft: {
+		points: ["tl", "bl"],
+		overflow: autoAdjustOverflow
+	},
+	bottomRight: {
+		points: ["tr", "br"],
+		overflow: autoAdjustOverflow
+	},
+	leftTop: {
+		points: ["tr", "tl"],
+		overflow: autoAdjustOverflow
+	},
+	leftBottom: {
+		points: ["br", "bl"],
+		overflow: autoAdjustOverflow
+	},
+	rightTop: {
+		points: ["tl", "tr"],
+		overflow: autoAdjustOverflow
+	},
+	rightBottom: {
+		points: ["bl", "br"],
+		overflow: autoAdjustOverflow
+	}
 };
 const placementsRtl = {
-  topLeft: {
-    points: ["bl", "tl"],
-    overflow: autoAdjustOverflow
-  },
-  topRight: {
-    points: ["br", "tr"],
-    overflow: autoAdjustOverflow
-  },
-  bottomLeft: {
-    points: ["tl", "bl"],
-    overflow: autoAdjustOverflow
-  },
-  bottomRight: {
-    points: ["tr", "br"],
-    overflow: autoAdjustOverflow
-  },
-  rightTop: {
-    points: ["tr", "tl"],
-    overflow: autoAdjustOverflow
-  },
-  rightBottom: {
-    points: ["br", "bl"],
-    overflow: autoAdjustOverflow
-  },
-  leftTop: {
-    points: ["tl", "tr"],
-    overflow: autoAdjustOverflow
-  },
-  leftBottom: {
-    points: ["bl", "br"],
-    overflow: autoAdjustOverflow
-  }
-};
-export {
-  placements as default,
-  placements,
-  placementsRtl
+	topLeft: {
+		points: ["bl", "tl"],
+		overflow: autoAdjustOverflow
+	},
+	topRight: {
+		points: ["br", "tr"],
+		overflow: autoAdjustOverflow
+	},
+	bottomLeft: {
+		points: ["tl", "bl"],
+		overflow: autoAdjustOverflow
+	},
+	bottomRight: {
+		points: ["tr", "br"],
+		overflow: autoAdjustOverflow
+	},
+	rightTop: {
+		points: ["tr", "tl"],
+		overflow: autoAdjustOverflow
+	},
+	rightBottom: {
+		points: ["br", "bl"],
+		overflow: autoAdjustOverflow
+	},
+	leftTop: {
+		points: ["tl", "tr"],
+		overflow: autoAdjustOverflow
+	},
+	leftBottom: {
+		points: ["bl", "br"],
+		overflow: autoAdjustOverflow
+	}
 };
+var placements_default = placements;
+export { placements_default as default, placements, placementsRtl };

package/dist/utils/commonUtil.cjs

@@ -1,29 +1,27 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const toArray = require("@v-c/util/dist/Children/toArray");
-const vue = require("vue");
+const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
+let vue = require("vue");
+let __v_c_util_dist_Children_toArray = require("@v-c/util/dist/Children/toArray");
 function parseChildren(children, keyPath) {
-  return toArray.toArray(children).map((child, index) => {
-    if (vue.isVNode(child)) {
-      const key = child.key;
-      let eventKey = child.props?.eventKey ?? key;
-      const emptyKey = eventKey === null || eventKey === void 0;
-      if (emptyKey) {
-        eventKey = `tmp_key-${[...keyPath, index].join("-")}`;
-      }
-      const cloneProps = { key: eventKey, eventKey };
-      if (process.env.NODE_ENV !== "production" && emptyKey) {
-        cloneProps.warnKey = true;
-      }
-      return {
-        ...child,
-        props: {
-          ...child.props,
-          ...cloneProps
-        }
-      };
-    }
-    return child;
-  });
+	return (0, __v_c_util_dist_Children_toArray.toArray)(children).map((child, index) => {
+		if ((0, vue.isVNode)(child)) {
+			const key = child.key;
+			let eventKey = child.props?.eventKey ?? key;
+			const emptyKey = eventKey === null || eventKey === void 0;
+			if (emptyKey) eventKey = `tmp_key-${[...keyPath, index].join("-")}`;
+			const cloneProps = {
+				key: eventKey,
+				eventKey
+			};
+			if (process.env.NODE_ENV !== "production" && emptyKey) cloneProps.warnKey = true;
+			return {
+				...child,
+				props: {
+					...child.props,
+					...cloneProps
+				}
+			};
+		}
+		return child;
+	});
 }
 exports.parseChildren = parseChildren;

package/dist/utils/commonUtil.js

@@ -1,29 +1,26 @@
-import { toArray } from "@v-c/util/dist/Children/toArray";
 import { isVNode } from "vue";
+import { toArray } from "@v-c/util/dist/Children/toArray";
 function parseChildren(children, keyPath) {
-  return toArray(children).map((child, index) => {
-    if (isVNode(child)) {
-      const key = child.key;
-      let eventKey = child.props?.eventKey ?? key;
-      const emptyKey = eventKey === null || eventKey === void 0;
-      if (emptyKey) {
-        eventKey = `tmp_key-${[...keyPath, index].join("-")}`;
-      }
-      const cloneProps = { key: eventKey, eventKey };
-      if (process.env.NODE_ENV !== "production" && emptyKey) {
-        cloneProps.warnKey = true;
-      }
-      return {
-        ...child,
-        props: {
-          ...child.props,
-          ...cloneProps
-        }
-      };
-    }
-    return child;
-  });
+	return toArray(children).map((child, index) => {
+		if (isVNode(child)) {
+			const key = child.key;
+			let eventKey = child.props?.eventKey ?? key;
+			const emptyKey = eventKey === null || eventKey === void 0;
+			if (emptyKey) eventKey = `tmp_key-${[...keyPath, index].join("-")}`;
+			const cloneProps = {
+				key: eventKey,
+				eventKey
+			};
+			if (process.env.NODE_ENV !== "production" && emptyKey) cloneProps.warnKey = true;
+			return {
+				...child,
+				props: {
+					...child.props,
+					...cloneProps
+				}
+			};
+		}
+		return child;
+	});
 }
-export {
-  parseChildren
-};
+export { parseChildren };

package/dist/utils/motionUtil.cjs

@@ -1,12 +1,5 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 function getMotion(mode, motion, defaultMotions) {
-  if (motion) {
-    return motion;
-  }
-  if (defaultMotions) {
-    return defaultMotions?.[mode] || defaultMotions?.other;
-  }
-  return void 0;
+	if (motion) return motion;
+	if (defaultMotions) return defaultMotions?.[mode] || defaultMotions?.other;
 }
 exports.getMotion = getMotion;

package/dist/utils/motionUtil.js

@@ -1,12 +1,5 @@
 function getMotion(mode, motion, defaultMotions) {
-  if (motion) {
-    return motion;
-  }
-  if (defaultMotions) {
-    return defaultMotions?.[mode] || defaultMotions?.other;
-  }
-  return void 0;
+	if (motion) return motion;
+	if (defaultMotions) return defaultMotions?.[mode] || defaultMotions?.other;
 }
-export {
-  getMotion
-};
+export { getMotion };

package/dist/utils/nodeUtil.cjs

@@ -1,82 +1,54 @@
-"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");
+const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
+const require_Divider = require("../Divider.cjs");
+const require_MenuItem = require("../MenuItem.cjs");
+const require_commonUtil = require("./commonUtil.cjs");
+const require_index = require("../SubMenu/index.cjs");
+const require_MenuItemGroup = require("../MenuItemGroup.cjs");
+let vue = require("vue");
+let __v_c_util_dist_props_util = require("@v-c/util/dist/props-util");
 function _isSlot(s) {
-  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !(0, 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 convertItemsToNodes(list, components, prefixCls, slots) {
+	const { item: MergedMenuItem, group: MergedMenuItemGroup, submenu: MergedSubMenu, divider: MergedDivider } = components;
+	return (list || []).map((opt, index) => {
+		if (opt && typeof opt === "object") {
+			const { children, key, type,...restProps } = opt;
+			const mergedKey = key ?? `tmp-${index}`;
+			let label;
+			let extra;
+			const _labelRender = slots?.labelRender ? slots.labelRender(opt) : null;
+			const _extraRender = slots?.extraRender ? slots.extraRender(opt) : null;
+			const labelArr = (0, __v_c_util_dist_props_util.filterEmpty)(Array.isArray(_labelRender) ? _labelRender : [_labelRender]);
+			const extraArr = (0, __v_c_util_dist_props_util.filterEmpty)(Array.isArray(_extraRender) ? _extraRender : [_extraRender]);
+			if (labelArr.length) label = labelArr?.[0];
+			if (extraArr.length) extra = extraArr?.[0];
+			if (!label) label = opt.label;
+			if (!extra) extra = opt.extra;
+			if (children || type === "group") {
+				let _slot2;
+				if (type === "group") {
+					let _slot;
+					return (0, vue.createVNode)(MergedMenuItemGroup, (0, vue.mergeProps)({ "key": mergedKey }, restProps, { "title": label }), _isSlot(_slot = convertItemsToNodes(children, components, prefixCls)) ? _slot : { default: () => [_slot] });
+				}
+				return (0, vue.createVNode)(MergedSubMenu, (0, vue.mergeProps)({ "key": mergedKey }, restProps, { "title": label }), _isSlot(_slot2 = convertItemsToNodes(children, components, prefixCls)) ? _slot2 : { default: () => [_slot2] });
+			}
+			if (type === "divider") return (0, vue.createVNode)(MergedDivider, (0, vue.mergeProps)({ "key": mergedKey }, restProps), null);
+			return (0, vue.createVNode)(MergedMenuItem, (0, vue.mergeProps)({ "key": mergedKey }, restProps, { "extra": extra }), { default: () => [label, (!!extra || extra === 0) && (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);
+function parseItems(children, items, keyPath, components, prefixCls, slots) {
+	let childNodes = children;
+	const mergedComponents = {
+		divider: require_Divider.default,
+		item: require_MenuItem.default,
+		group: require_MenuItemGroup.default,
+		submenu: require_index.default,
+		...components
+	};
+	if (items) childNodes = convertItemsToNodes(items, mergedComponents, prefixCls, slots);
+	return require_commonUtil.parseChildren(childNodes, keyPath);
 }
 exports.parseItems = parseItems;

package/dist/utils/nodeUtil.d.ts

@@ -1,3 +1,6 @@
 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[];
+export declare function parseItems(children: VueNode | undefined, items: ItemType[] | undefined, keyPath: string[], components: Components, prefixCls?: string, slots?: {
+    labelRender?: (item: ItemType) => any;
+    extraRender?: (item: ItemType) => any;
+}): any[];

package/dist/utils/nodeUtil.js

@@ -1,82 +1,53 @@
-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 Divider_default from "../Divider.js";
+import MenuItem_default from "../MenuItem.js";
 import { parseChildren } from "./commonUtil.js";
+import SubMenu_default from "../SubMenu/index.js";
+import MenuItemGroup_default from "../MenuItemGroup.js";
+import { createVNode, isVNode, mergeProps } from "vue";
+import { filterEmpty } from "@v-c/util/dist/props-util";
 function _isSlot(s) {
-  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(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 convertItemsToNodes(list, components, prefixCls, slots) {
+	const { item: MergedMenuItem, group: MergedMenuItemGroup, submenu: MergedSubMenu, divider: MergedDivider } = components;
+	return (list || []).map((opt, index) => {
+		if (opt && typeof opt === "object") {
+			const { children, key, type,...restProps } = opt;
+			const mergedKey = key ?? `tmp-${index}`;
+			let label;
+			let extra;
+			const _labelRender = slots?.labelRender ? slots.labelRender(opt) : null;
+			const _extraRender = slots?.extraRender ? slots.extraRender(opt) : null;
+			const labelArr = filterEmpty(Array.isArray(_labelRender) ? _labelRender : [_labelRender]);
+			const extraArr = filterEmpty(Array.isArray(_extraRender) ? _extraRender : [_extraRender]);
+			if (labelArr.length) label = labelArr?.[0];
+			if (extraArr.length) extra = extraArr?.[0];
+			if (!label) label = opt.label;
+			if (!extra) extra = opt.extra;
+			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);
+function parseItems(children, items, keyPath, components, prefixCls, slots) {
+	let childNodes = children;
+	const mergedComponents = {
+		divider: Divider_default,
+		item: MenuItem_default,
+		group: MenuItemGroup_default,
+		submenu: SubMenu_default,
+		...components
+	};
+	if (items) childNodes = convertItemsToNodes(items, mergedComponents, prefixCls, slots);
+	return parseChildren(childNodes, keyPath);
 }
-export {
-  parseItems
-};
+export { parseItems };

package/dist/utils/timeUtil.cjs

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

package/dist/utils/timeUtil.js

@@ -1,6 +1,5 @@
 function nextSlice(callback) {
-  Promise.resolve().then(callback);
+	/* istanbul ignore next */
+	Promise.resolve().then(callback);
 }
-export {
-  nextSlice
-};
+export { nextSlice };

package/dist/utils/warnUtil.cjs

@@ -1,16 +1,10 @@
-"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;
+const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
+let __v_c_util = require("@v-c/util");
+function warnItemProp({ item,...restInfo }) {
+	Object.defineProperty(restInfo, "item", { get: () => {
+		(0, __v_c_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.js

@@ -1,16 +1,9 @@
 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;
+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
-};
+export { warnItemProp };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@v-c/menu",
   "type": "module",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "description": "menu ui component for vue",
   "exports": {
     ".": {
@@ -24,8 +24,8 @@
     "vue": "^3.0.0"
   },
   "dependencies": {
-    "@v-c/trigger": "0.0.13",
     "@v-c/overflow": "0.0.1",
+    "@v-c/trigger": "0.0.13",
     "@v-c/util": "0.0.13"
   },
   "scripts": {