naive-ui 2.35.0 → 2.37.0

package/es/menu/src/Submenu.js

@@ -1,123 +0,0 @@
-import { h, ref, defineComponent, provide, computed } from 'vue';
-import { useMemo } from 'vooks';
-import { NFadeInExpandTransition } from '../../_internal';
-import { NDropdown } from '../../dropdown';
-import NMenuOptionContent from './MenuOptionContent';
-// eslint-disable-next-line import/no-cycle
-import { itemRenderer } from './utils';
-import { useMenuChild } from './use-menu-child';
-import { useMenuChildProps } from './use-menu-child-props';
-import { menuItemGroupInjectionKey, submenuInjectionKey } from './context';
-export const submenuProps = Object.assign(Object.assign({}, useMenuChildProps), { rawNodes: {
-        type: Array,
-        default: () => []
-    }, tmNodes: {
-        type: Array,
-        default: () => []
-    }, tmNode: {
-        type: Object,
-        required: true
-    }, disabled: {
-        type: Boolean,
-        default: false
-    }, icon: Function, onClick: Function });
-export const NSubmenu = defineComponent({
-    name: 'Submenu',
-    props: submenuProps,
-    setup(props) {
-        const MenuChild = useMenuChild(props);
-        const { NMenu, NSubmenu } = MenuChild;
-        const { props: menuProps, mergedCollapsedRef, mergedThemeRef } = NMenu;
-        const mergedDisabledRef = computed(() => {
-            const { disabled } = props;
-            if (NSubmenu === null || NSubmenu === void 0 ? void 0 : NSubmenu.mergedDisabledRef.value)
-                return true;
-            if (menuProps.disabled)
-                return true;
-            return disabled;
-        });
-        const dropdownShowRef = ref(false);
-        provide(submenuInjectionKey, {
-            paddingLeftRef: MenuChild.paddingLeft,
-            mergedDisabledRef
-        });
-        provide(menuItemGroupInjectionKey, null);
-        function doClick() {
-            const { onClick } = props;
-            if (onClick)
-                onClick();
-        }
-        function handleClick() {
-            if (!mergedDisabledRef.value) {
-                if (!mergedCollapsedRef.value) {
-                    NMenu.toggleExpand(props.internalKey);
-                }
-                doClick();
-            }
-        }
-        function handlePopoverShowChange(value) {
-            dropdownShowRef.value = value;
-        }
-        return {
-            menuProps,
-            mergedTheme: mergedThemeRef,
-            doSelect: NMenu.doSelect,
-            inverted: NMenu.invertedRef,
-            isHorizontal: NMenu.isHorizontalRef,
-            mergedClsPrefix: NMenu.mergedClsPrefixRef,
-            maxIconSize: MenuChild.maxIconSize,
-            activeIconSize: MenuChild.activeIconSize,
-            iconMarginRight: MenuChild.iconMarginRight,
-            dropdownPlacement: MenuChild.dropdownPlacement,
-            dropdownShow: dropdownShowRef,
-            paddingLeft: MenuChild.paddingLeft,
-            mergedDisabled: mergedDisabledRef,
-            mergedValue: NMenu.mergedValueRef,
-            childActive: useMemo(() => {
-                return NMenu.activePathRef.value.includes(props.internalKey);
-            }),
-            collapsed: computed(() => {
-                if (menuProps.mode === 'horizontal')
-                    return false;
-                if (mergedCollapsedRef.value) {
-                    return true;
-                }
-                return !NMenu.mergedExpandedKeysRef.value.includes(props.internalKey);
-            }),
-            dropdownEnabled: computed(() => {
-                return (!mergedDisabledRef.value &&
-                    (menuProps.mode === 'horizontal' || mergedCollapsedRef.value));
-            }),
-            handlePopoverShowChange,
-            handleClick
-        };
-    },
-    render() {
-        var _a;
-        const { mergedClsPrefix, menuProps: { renderIcon, renderLabel } } = this;
-        const createSubmenuItem = () => {
-            const { isHorizontal, paddingLeft, collapsed, mergedDisabled, maxIconSize, activeIconSize, title, childActive, icon, handleClick, menuProps: { nodeProps }, dropdownShow, iconMarginRight, tmNode, mergedClsPrefix } = this;
-            const attrs = nodeProps === null || nodeProps === void 0 ? void 0 : nodeProps(tmNode.rawNode);
-            return (h("div", Object.assign({}, attrs, { class: [`${mergedClsPrefix}-menu-item`, attrs === null || attrs === void 0 ? void 0 : attrs.class], role: "menuitem" }),
-                h(NMenuOptionContent, { tmNode: tmNode, paddingLeft: paddingLeft, collapsed: collapsed, disabled: mergedDisabled, iconMarginRight: iconMarginRight, maxIconSize: maxIconSize, activeIconSize: activeIconSize, title: title, extra: this.extra, showArrow: !isHorizontal, childActive: childActive, clsPrefix: mergedClsPrefix, icon: icon, hover: dropdownShow, onClick: handleClick })));
-        };
-        const createSubmenuChildren = () => {
-            return (h(NFadeInExpandTransition, null, {
-                default: () => {
-                    const { tmNodes, collapsed } = this;
-                    return !collapsed ? (h("div", { class: `${mergedClsPrefix}-submenu-children`, role: "menu" }, tmNodes.map((item) => itemRenderer(item, this.menuProps)))) : null;
-                }
-            }));
-        };
-        return this.root ? (h(NDropdown, Object.assign({ size: "large", trigger: "hover" }, (_a = this.menuProps) === null || _a === void 0 ? void 0 : _a.dropdownProps, { themeOverrides: this.mergedTheme.peerOverrides.Dropdown, theme: this.mergedTheme.peers.Dropdown, builtinThemeOverrides: {
-                fontSizeLarge: '14px',
-                optionIconSizeLarge: '18px'
-            }, value: this.mergedValue, disabled: !this.dropdownEnabled, placement: this.dropdownPlacement, keyField: this.menuProps.keyField, labelField: this.menuProps.labelField, childrenField: this.menuProps.childrenField, onUpdateShow: this.handlePopoverShowChange, options: this.rawNodes, onSelect: this.doSelect, inverted: this.inverted, renderIcon: renderIcon, renderLabel: renderLabel }), {
-            default: () => (h("div", { class: `${mergedClsPrefix}-submenu`, role: "menuitem", "aria-expanded": !this.collapsed },
-                createSubmenuItem(),
-                this.isHorizontal ? null : createSubmenuChildren()))
-        })) : (h("div", { class: `${mergedClsPrefix}-submenu`, role: "menuitem", "aria-expanded": !this.collapsed },
-            createSubmenuItem(),
-            createSubmenuChildren()));
-    }
-});

package/es/menu/src/context.js

@@ -1,4 +0,0 @@
-import { createInjectionKey } from '../../_utils';
-export const menuInjectionKey = createInjectionKey('n-menu');
-export const submenuInjectionKey = createInjectionKey('n-submenu');
-export const menuItemGroupInjectionKey = createInjectionKey('n-menu-item-group');

package/es/menu/src/interface.js

@@ -1 +0,0 @@
-export {};

package/es/menu/src/styles/index.cssr.js

@@ -1,228 +0,0 @@
-import { fadeInHeightExpandTransition } from '../../../_styles/transitions/fade-in-height-expand.cssr';
-import { c, cB, cE, cM, cNotM } from '../../../_utils/cssr';
-const hoverStyleChildren = [c('&::before', 'background-color: var(--n-item-color-hover);'), cE('arrow', `
- color: var(--n-arrow-color-hover);
- `), cE('icon', `
- color: var(--n-item-icon-color-hover);
- `), cB('menu-item-content-header', `
- color: var(--n-item-text-color-hover);
- `, [c('a', `
- color: var(--n-item-text-color-hover);
- `), cE('extra', `
- color: var(--n-item-text-color-hover);
- `)])];
-const horizontalHoverStyleChildren = [cE('icon', `
- color: var(--n-item-icon-color-hover-horizontal);
- `), cB('menu-item-content-header', `
- color: var(--n-item-text-color-hover-horizontal);
- `, [c('a', `
- color: var(--n-item-text-color-hover-horizontal);
- `), cE('extra', `
- color: var(--n-item-text-color-hover-horizontal);
- `)])];
-// vars:
-// --n-color
-// --n-group-text-color
-// --n-bezier
-// --n-font-size
-// --n-border-color-horizontal
-// --n-border-radius
-// --n-item-color-hover
-// --n-item-color-active
-// --n-item-color-active-hover
-// --n-item-color-active-collapsed
-// --n-arrow-color
-// --n-arrow-color-hover
-// --n-arrow-color-active
-// --n-arrow-color-active-hover
-// --n-arrow-color-child-active
-// --n-arrow-color-child-active-hover
-// --n-item-text-color
-// --n-item-text-color-hover
-// --n-item-text-color-active
-// --n-item-text-color-active-hover
-// --n-item-text-color-child-active
-// --n-item-text-color-child-active-hover
-// --n-item-text-color-horizontal
-// --n-item-text-color-hover-horizontal
-// --n-item-text-color-active-horizontal
-// --n-item-text-color-active-hover-horizontal
-// --n-item-text-color-child-active-horizontal
-// --n-item-text-color-child-active-hover-horizontal
-// --n-item-icon-color
-// --n-item-icon-color-hover
-// --n-item-icon-color-active
-// --n-item-icon-color-active-hover
-// --n-item-icon-color-child-active
-// --n-item-icon-color-child-active-hover
-// --n-item-icon-color-collapsed
-// --n-item-icon-color-horizontal
-// --n-item-icon-color-hover-horizontal
-// --n-item-icon-color-active-horizontal
-// --n-item-icon-color-active-hover-horizontal
-// --n-item-icon-color-child-active-horizontal
-// --n-item-icon-color-child-active-hover-horizontal
-// --n-item-height
-export default c([cB('menu', `
- background-color: var(--n-color);
- color: var(--n-item-text-color);
- overflow: hidden;
- transition: background-color .3s var(--n-bezier);
- box-sizing: border-box;
- font-size: var(--n-font-size);
- padding-bottom: 6px;
- `, [cM('horizontal', `
- display: inline-flex;
- padding-bottom: 0;
- `, [cB('submenu', 'margin: 0;'), cB('menu-item', 'margin: 0;'), cB('menu-item-content', `
- padding: 0 20px;
- border-bottom: 2px solid #0000;
- `, [c('&::before', 'display: none;'), cM('selected', 'border-bottom: 2px solid var(--n-border-color-horizontal)')]), cB('menu-item-content', [cM('selected', [cE('icon', 'color: var(--n-item-icon-color-active-horizontal);'), cB('menu-item-content-header', `
- color: var(--n-item-text-color-active-horizontal);
- `, [c('a', 'color: var(--n-item-text-color-active-horizontal);'), cE('extra', 'color: var(--n-item-text-color-active-horizontal);')])]), cM('child-active', `
- border-bottom: 2px solid var(--n-border-color-horizontal);
- `, [cB('menu-item-content-header', `
- color: var(--n-item-text-color-child-active-horizontal);
- `, [c('a', `
- color: var(--n-item-text-color-child-active-horizontal);
- `), cE('extra', `
- color: var(--n-item-text-color-child-active-horizontal);
- `)]), cE('icon', `
- color: var(--n-item-icon-color-child-active-horizontal);
- `)]), cNotM('disabled', [cNotM('selected, child-active', [c('&:focus-within', horizontalHoverStyleChildren)]), cM('selected', [hoverStyle(null, [cE('icon', 'color: var(--n-item-icon-color-active-hover-horizontal);'), cB('menu-item-content-header', `
- color: var(--n-item-text-color-active-hover-horizontal);
- `, [c('a', 'color: var(--n-item-text-color-active-hover-horizontal);'), cE('extra', 'color: var(--n-item-text-color-active-hover-horizontal);')])])]), cM('child-active', [hoverStyle(null, [cE('icon', 'color: var(--n-item-icon-color-child-active-hover-horizontal);'), cB('menu-item-content-header', `
- color: var(--n-item-text-color-child-active-hover-horizontal);
- `, [c('a', 'color: var(--n-item-text-color-child-active-hover-horizontal);'), cE('extra', 'color: var(--n-item-text-color-child-active-hover-horizontal);')])])]), hoverStyle('border-bottom: 2px solid var(--n-border-color-horizontal);', horizontalHoverStyleChildren)]), cB('menu-item-content-header', [c('a', 'color: var(--n-item-text-color-horizontal);')])])]), cM('collapsed', [cB('menu-item-content', [cM('selected', [c('&::before', `
- background-color: var(--n-item-color-active-collapsed) !important;
- `)]), cB('menu-item-content-header', 'opacity: 0;'), cE('arrow', 'opacity: 0;'), cE('icon', 'color: var(--n-item-icon-color-collapsed);')])]), cB('menu-item', `
- height: var(--n-item-height);
- margin-top: 6px;
- position: relative;
- `), cB('menu-item-content', `
- box-sizing: border-box;
- line-height: 1.75;
- height: 100%;
- display: grid;
- grid-template-areas: "icon content arrow";
- grid-template-columns: auto 1fr auto;
- align-items: center;
- cursor: pointer;
- position: relative;
- padding-right: 18px;
- transition:
- background-color .3s var(--n-bezier),
- padding-left .3s var(--n-bezier),
- border-color .3s var(--n-bezier);
- `, [c('> *', 'z-index: 1;'), c('&::before', `
- z-index: auto;
- content: "";
- background-color: #0000;
- position: absolute;
- left: 8px;
- right: 8px;
- top: 0;
- bottom: 0;
- pointer-events: none;
- border-radius: var(--n-border-radius);
- transition: background-color .3s var(--n-bezier);
- `), cM('disabled', `
- opacity: .45;
- cursor: not-allowed;
- `), cM('collapsed', [cE('arrow', 'transform: rotate(0);')]), cM('selected', [c('&::before', 'background-color: var(--n-item-color-active);'), cE('arrow', 'color: var(--n-arrow-color-active);'), cE('icon', 'color: var(--n-item-icon-color-active);'), cB('menu-item-content-header', `
- color: var(--n-item-text-color-active);
- `, [c('a', 'color: var(--n-item-text-color-active);'), cE('extra', 'color: var(--n-item-text-color-active);')])]), cM('child-active', [cB('menu-item-content-header', `
- color: var(--n-item-text-color-child-active);
- `, [c('a', `
- color: var(--n-item-text-color-child-active);
- `), cE('extra', `
- color: var(--n-item-text-color-child-active);
- `)]), cE('arrow', `
- color: var(--n-arrow-color-child-active);
- `), cE('icon', `
- color: var(--n-item-icon-color-child-active);
- `)]), cNotM('disabled', [cNotM('selected, child-active', [c('&:focus-within', hoverStyleChildren)]), cM('selected', [hoverStyle(null, [cE('arrow', 'color: var(--n-arrow-color-active-hover);'), cE('icon', 'color: var(--n-item-icon-color-active-hover);'), cB('menu-item-content-header', `
- color: var(--n-item-text-color-active-hover);
- `, [c('a', 'color: var(--n-item-text-color-active-hover);'), cE('extra', 'color: var(--n-item-text-color-active-hover);')])])]), cM('child-active', [hoverStyle(null, [cE('arrow', 'color: var(--n-arrow-color-child-active-hover);'), cE('icon', 'color: var(--n-item-icon-color-child-active-hover);'), cB('menu-item-content-header', `
- color: var(--n-item-text-color-child-active-hover);
- `, [c('a', 'color: var(--n-item-text-color-child-active-hover);'), cE('extra', 'color: var(--n-item-text-color-child-active-hover);')])])]), cM('selected', [hoverStyle(null, [c('&::before', 'background-color: var(--n-item-color-active-hover);')])]), hoverStyle(null, hoverStyleChildren)]), cE('icon', `
- grid-area: icon;
- color: var(--n-item-icon-color);
- transition:
- color .3s var(--n-bezier),
- font-size .3s var(--n-bezier),
- margin-right .3s var(--n-bezier);
- box-sizing: content-box;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- `), cE('arrow', `
- grid-area: arrow;
- font-size: 16px;
- color: var(--n-arrow-color);
- transform: rotate(180deg);
- opacity: 1;
- transition:
- color .3s var(--n-bezier),
- transform 0.2s var(--n-bezier),
- opacity 0.2s var(--n-bezier);
- `), cB('menu-item-content-header', `
- grid-area: content;
- transition:
- color .3s var(--n-bezier),
- opacity .3s var(--n-bezier);
- opacity: 1;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- color: var(--n-item-text-color);
- `, [c('a', `
- outline: none;
- text-decoration: none;
- transition: color .3s var(--n-bezier);
- color: var(--n-item-text-color);
- `, [c('&::before', `
- content: "";
- position: absolute;
- left: 0;
- right: 0;
- top: 0;
- bottom: 0;
- `)]), cE('extra', `
- font-size: .93em;
- color: var(--n-group-text-color);
- transition: color .3s var(--n-bezier);
- `)])]), cB('submenu', `
- cursor: pointer;
- position: relative;
- margin-top: 6px;
- `, [cB('menu-item-content', `
- height: var(--n-item-height);
- `), cB('submenu-children', `
- overflow: hidden;
- padding: 0;
- `, [fadeInHeightExpandTransition({
-  duration: '.2s'
-})])]), cB('menu-item-group', [cB('menu-item-group-title', `
- margin-top: 6px;
- color: var(--n-group-text-color);
- cursor: default;
- font-size: .93em;
- height: 36px;
- display: flex;
- align-items: center;
- transition:
- padding-left .3s var(--n-bezier),
- color .3s var(--n-bezier);
- `)])]), cB('menu-tooltip', [c('a', `
- color: inherit;
- text-decoration: none;
- `)]), cB('menu-divider', `
- transition: background-color .3s var(--n-bezier);
- background-color: var(--n-divider-color);
- height: 1px;
- margin: 6px 18px;
- `)]);
-function hoverStyle(props, children) {
-  return [cM('hover', props, children), c('&:hover', props, children)];
-}

package/es/menu/src/use-menu-child-props.js

@@ -1,14 +0,0 @@
-export const useMenuChildProps = {
-    internalKey: {
-        type: [String, Number],
-        required: true
-    },
-    root: Boolean,
-    isGroup: Boolean,
-    level: {
-        type: Number,
-        required: true
-    },
-    title: [String, Function],
-    extra: [String, Function]
-};

package/es/menu/src/use-menu-child.js

@@ -1,80 +0,0 @@
-import { inject, computed } from 'vue';
-import { menuInjectionKey, submenuInjectionKey, menuItemGroupInjectionKey } from './context';
-const ICON_MARGIN_RIGHT = 8;
-export function useMenuChild(props) {
-    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-    const NMenu = inject(menuInjectionKey);
-    const { props: menuProps, mergedCollapsedRef } = NMenu;
-    const NSubmenu = inject(submenuInjectionKey, null);
-    const NMenuOptionGroup = inject(menuItemGroupInjectionKey, null);
-    const horizontalRef = computed(() => {
-        return menuProps.mode === 'horizontal';
-    });
-    const dropdownPlacementRef = computed(() => {
-        if (horizontalRef.value) {
-            return menuProps.dropdownPlacement;
-        }
-        if ('tmNodes' in props)
-            return 'right-start';
-        return 'right';
-    });
-    const maxIconSizeRef = computed(() => {
-        var _a;
-        return Math.max((_a = menuProps.collapsedIconSize) !== null && _a !== void 0 ? _a : menuProps.iconSize, menuProps.iconSize);
-    });
-    const activeIconSizeRef = computed(() => {
-        var _a;
-        if (!horizontalRef.value && props.root && mergedCollapsedRef.value) {
-            return (_a = menuProps.collapsedIconSize) !== null && _a !== void 0 ? _a : menuProps.iconSize;
-        }
-        else {
-            return menuProps.iconSize;
-        }
-    });
-    const paddingLeftRef = computed(() => {
-        if (horizontalRef.value)
-            return undefined;
-        const { collapsedWidth, indent, rootIndent } = menuProps;
-        const { root, isGroup } = props;
-        const mergedRootIndent = rootIndent === undefined ? indent : rootIndent;
-        if (root) {
-            if (mergedCollapsedRef.value) {
-                return collapsedWidth / 2 - maxIconSizeRef.value / 2;
-            }
-            return mergedRootIndent;
-        }
-        if (NMenuOptionGroup) {
-            return indent / 2 + NMenuOptionGroup.paddingLeftRef.value;
-        }
-        if (NSubmenu) {
-            return ((isGroup ? indent / 2 : indent) +
-                NSubmenu.paddingLeftRef.value);
-        }
-        return undefined;
-    });
-    const iconMarginRightRef = computed(() => {
-        const { collapsedWidth, indent, rootIndent } = menuProps;
-        const { value: maxIconSize } = maxIconSizeRef;
-        const { root } = props;
-        if (horizontalRef.value)
-            return ICON_MARGIN_RIGHT;
-        if (!root)
-            return ICON_MARGIN_RIGHT;
-        if (!mergedCollapsedRef.value)
-            return ICON_MARGIN_RIGHT;
-        const mergedRootIndent = rootIndent === undefined ? indent : rootIndent;
-        return (mergedRootIndent +
-            maxIconSize +
-            ICON_MARGIN_RIGHT -
-            (collapsedWidth + maxIconSize) / 2);
-    });
-    return {
-        dropdownPlacement: dropdownPlacementRef,
-        activeIconSize: activeIconSizeRef,
-        maxIconSize: maxIconSizeRef,
-        paddingLeft: paddingLeftRef,
-        iconMarginRight: iconMarginRightRef,
-        NMenu,
-        NSubmenu
-    };
-}

package/es/menu/src/useCheckDeprecated.js

@@ -1,24 +0,0 @@
-import { watchEffect } from 'vue';
-import { warnOnce } from '../../_utils';
-export function useCheckDeprecated(props) {
-    watchEffect(() => {
-        if (props.items) {
-            warnOnce('menu', '`items` is deprecated, please use `options` instead.');
-        }
-        if (props.onOpenNamesChange) {
-            warnOnce('menu', '`on-open-names-change` is deprecated, please use `on-update:expanded-keys` instead.');
-        }
-        if (props.onSelect) {
-            warnOnce('menu', '`on-select` is deprecated, please use `on-update:value` instead.');
-        }
-        if (props.onExpandedNamesChange) {
-            warnOnce('menu', '`on-expanded-names-change` is deprecated, please use `on-update:expanded-keys` instead.');
-        }
-        if (props.expandedNames) {
-            warnOnce('menu', '`expanded-names` is deprecated, please use `expanded-keys` instead.');
-        }
-        if (props.defaultExpandedNames) {
-            warnOnce('menu', '`default-expanded-names` is deprecated, please use `default-expanded-keys` instead.');
-        }
-    });
-}

package/es/menu/src/utils.js

@@ -1,51 +0,0 @@
-import { h } from 'vue';
-import { keep, keysOf } from '../../_utils';
-// eslint-disable-next-line import/no-cycle
-import { NMenuOptionGroup, menuItemGroupProps } from './MenuOptionGroup';
-// eslint-disable-next-line import/no-cycle
-import { NSubmenu, submenuProps } from './Submenu';
-import { NMenuOption, menuItemProps } from './MenuOption';
-import NMenuDivider from './MenuDivider';
-const groupPropKeys = keysOf(menuItemGroupProps);
-const itemPropKeys = keysOf(menuItemProps);
-const submenuPropKeys = keysOf(submenuProps);
-export function isIgnoredNode(rawNode) {
-    return rawNode.type === 'divider' || rawNode.type === 'render';
-}
-export function isDividerNode(rawNode) {
-    return rawNode.type === 'divider';
-}
-export function itemRenderer(tmNode, menuProps) {
-    const { rawNode } = tmNode;
-    const { show } = rawNode;
-    if (show === false) {
-        return null;
-    }
-    if (isIgnoredNode(rawNode)) {
-        if (isDividerNode(rawNode)) {
-            return h(NMenuDivider, 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 h(NMenuOptionGroup, keep(props, groupPropKeys, { tmNode, tmNodes: tmNode.children, key }));
-        }
-        return h(NSubmenu, keep(props, submenuPropKeys, {
-            key,
-            rawNodes: rawNode[menuProps.childrenField],
-            tmNodes: tmNode.children,
-            tmNode
-        }));
-    }
-    else {
-        return h(NMenuOption, keep(props, itemPropKeys, {
-            key,
-            tmNode
-        }));
-    }
-}

package/es/menu/styles/dark.js

@@ -1,27 +0,0 @@
-import { changeColor } from 'seemly';
-import { tooltipDark } from '../../tooltip/styles';
-import { dropdownDark } from '../../dropdown/styles';
-import { commonDark } from '../../_styles/common';
-import { self } from './light';
-const menuDark = {
-    name: 'Menu',
-    common: commonDark,
-    peers: {
-        Tooltip: tooltipDark,
-        Dropdown: dropdownDark
-    },
-    self(vars) {
-        const { primaryColor, primaryColorSuppl } = vars;
-        const commonSelf = self(vars);
-        commonSelf.itemColorActive = changeColor(primaryColor, { alpha: 0.15 });
-        commonSelf.itemColorActiveHover = changeColor(primaryColor, { alpha: 0.15 });
-        commonSelf.itemColorActiveCollapsed = changeColor(primaryColor, {
-            alpha: 0.15
-        });
-        commonSelf.itemColorActiveInverted = primaryColorSuppl;
-        commonSelf.itemColorActiveHoverInverted = primaryColorSuppl;
-        commonSelf.itemColorActiveCollapsedInverted = primaryColorSuppl;
-        return commonSelf;
-    }
-};
-export default menuDark;

package/es/menu/styles/index.js

@@ -1,2 +0,0 @@
-export { default as menuDark } from './dark';
-export { default as menuLight } from './light';

package/es/menu/styles/light.js

@@ -1,60 +0,0 @@
-import { changeColor } from 'seemly';
-import { tooltipLight } from '../../tooltip/styles';
-import { dropdownLight } from '../../dropdown/styles';
-import { commonLight } from '../../_styles/common';
-import { createTheme } from '../../_mixins/use-theme';
-export function createPartialInvertedVars(color, activeItemColor, activeTextColor, groupTextColor) {
-    return {
-        itemColorHoverInverted: '#0000',
-        itemColorActiveInverted: activeItemColor,
-        itemColorActiveHoverInverted: activeItemColor,
-        itemColorActiveCollapsedInverted: activeItemColor,
-        itemTextColorInverted: color,
-        itemTextColorHoverInverted: activeTextColor,
-        itemTextColorChildActiveInverted: activeTextColor,
-        itemTextColorChildActiveHoverInverted: activeTextColor,
-        itemTextColorActiveInverted: activeTextColor,
-        itemTextColorActiveHoverInverted: activeTextColor,
-        itemTextColorHorizontalInverted: color,
-        itemTextColorHoverHorizontalInverted: activeTextColor,
-        itemTextColorChildActiveHorizontalInverted: activeTextColor,
-        itemTextColorChildActiveHoverHorizontalInverted: activeTextColor,
-        itemTextColorActiveHorizontalInverted: activeTextColor,
-        itemTextColorActiveHoverHorizontalInverted: activeTextColor,
-        itemIconColorInverted: color,
-        itemIconColorHoverInverted: activeTextColor,
-        itemIconColorActiveInverted: activeTextColor,
-        itemIconColorActiveHoverInverted: activeTextColor,
-        itemIconColorChildActiveInverted: activeTextColor,
-        itemIconColorChildActiveHoverInverted: activeTextColor,
-        itemIconColorCollapsedInverted: color,
-        itemIconColorHorizontalInverted: color,
-        itemIconColorHoverHorizontalInverted: activeTextColor,
-        itemIconColorActiveHorizontalInverted: activeTextColor,
-        itemIconColorActiveHoverHorizontalInverted: activeTextColor,
-        itemIconColorChildActiveHorizontalInverted: activeTextColor,
-        itemIconColorChildActiveHoverHorizontalInverted: activeTextColor,
-        arrowColorInverted: color,
-        arrowColorHoverInverted: activeTextColor,
-        arrowColorActiveInverted: activeTextColor,
-        arrowColorActiveHoverInverted: activeTextColor,
-        arrowColorChildActiveInverted: activeTextColor,
-        arrowColorChildActiveHoverInverted: activeTextColor,
-        groupTextColorInverted: groupTextColor
-    };
-}
-export const self = (vars) => {
-    const { borderRadius, textColor3, primaryColor, textColor2, textColor1, fontSize, dividerColor, hoverColor, primaryColorHover } = vars;
-    return Object.assign({ borderRadius, color: '#0000', groupTextColor: textColor3, itemColorHover: hoverColor, itemColorActive: changeColor(primaryColor, { alpha: 0.1 }), itemColorActiveHover: changeColor(primaryColor, { alpha: 0.1 }), itemColorActiveCollapsed: changeColor(primaryColor, { alpha: 0.1 }), itemTextColor: textColor2, itemTextColorHover: textColor2, itemTextColorActive: primaryColor, itemTextColorActiveHover: primaryColor, itemTextColorChildActive: primaryColor, itemTextColorChildActiveHover: primaryColor, itemTextColorHorizontal: textColor2, itemTextColorHoverHorizontal: primaryColorHover, itemTextColorActiveHorizontal: primaryColor, itemTextColorActiveHoverHorizontal: primaryColor, itemTextColorChildActiveHorizontal: primaryColor, itemTextColorChildActiveHoverHorizontal: primaryColor, itemIconColor: textColor1, itemIconColorHover: textColor1, itemIconColorActive: primaryColor, itemIconColorActiveHover: primaryColor, itemIconColorChildActive: primaryColor, itemIconColorChildActiveHover: primaryColor, itemIconColorCollapsed: textColor1, itemIconColorHorizontal: textColor1, itemIconColorHoverHorizontal: primaryColorHover, itemIconColorActiveHorizontal: primaryColor, itemIconColorActiveHoverHorizontal: primaryColor, itemIconColorChildActiveHorizontal: primaryColor, itemIconColorChildActiveHoverHorizontal: primaryColor, itemHeight: '42px', arrowColor: textColor2, arrowColorHover: textColor2, arrowColorActive: primaryColor, arrowColorActiveHover: primaryColor, arrowColorChildActive: primaryColor, arrowColorChildActiveHover: primaryColor, colorInverted: '#0000', borderColorHorizontal: '#0000', fontSize,
-        dividerColor }, createPartialInvertedVars('#BBB', primaryColor, '#FFF', '#AAA'));
-};
-const menuLight = createTheme({
-    name: 'Menu',
-    common: commonLight,
-    peers: {
-        Tooltip: tooltipLight,
-        Dropdown: dropdownLight
-    },
-    self
-});
-export default menuLight;

package/es/message/index.js

@@ -1,2 +0,0 @@
-export { default as NMessageProvider, messageProviderProps } from './src/MessageProvider';
-export { useMessage } from './src/use-message';