naive-ui
Version:
A Vue 3 Component Library. Fairly Complete, Theme Customizable, Uses TypeScript, Fast
59 lines (58 loc) • 2.24 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.isIgnoredNode = isIgnoredNode;
exports.isDividerNode = isDividerNode;
exports.itemRenderer = itemRenderer;
const vue_1 = require("vue");
const _utils_1 = require("../../_utils");
const MenuDivider_1 = __importDefault(require("./MenuDivider"));
const MenuOption_1 = require("./MenuOption");
const MenuOptionGroup_1 = require("./MenuOptionGroup");
const Submenu_1 = require("./Submenu");
function isIgnoredNode(rawNode) {
return rawNode.type === 'divider' || rawNode.type === 'render';
}
function isDividerNode(rawNode) {
return rawNode.type === 'divider';
}
function itemRenderer(tmNode, menuProps) {
const { rawNode } = tmNode;
const { show } = rawNode;
if (show === false) {
return null;
}
if (isIgnoredNode(rawNode)) {
if (isDividerNode(rawNode)) {
return (0, vue_1.h)(MenuDivider_1.default, Object.assign({ key: tmNode.key }, rawNode.props));
}
return null;
}
const { labelField } = menuProps;
const { key, level, isGroup } = tmNode;
const props = Object.assign(Object.assign({}, rawNode), { title: (rawNode.title || rawNode[labelField]), extra: rawNode.titleExtra || rawNode.extra, key, internalKey: key, // since key can't be used as a prop
level, root: level === 0, isGroup });
if (tmNode.children) {
if (tmNode.isGroup) {
return (0, vue_1.h)(MenuOptionGroup_1.NMenuOptionGroup, (0, _utils_1.keep)(props, MenuOptionGroup_1.menuItemGroupPropKeys, {
tmNode,
tmNodes: tmNode.children,
key
}));
}
return (0, vue_1.h)(Submenu_1.NSubmenu, (0, _utils_1.keep)(props, Submenu_1.submenuPropKeys, {
key,
rawNodes: rawNode[menuProps.childrenField],
tmNodes: tmNode.children,
tmNode
}));
}
else {
return (0, vue_1.h)(MenuOption_1.NMenuOption, (0, _utils_1.keep)(props, MenuOption_1.menuItemPropKeys, {
key,
tmNode
}));
}
}