vxe-pc-ui 3.15.27 → 3.16.0

package/es/loading/style.min.css

@@ -1 +0,0 @@
-.vxe-loading{display:none;position:absolute;width:100%;height:100%;top:0;left:0;z-index:99;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--vxe-ui-loading-color);background-color:var(--vxe-ui-loading-background-color)}.vxe-loading .vxe-loading--spinner:after,.vxe-loading .vxe-loading--spinner:before{background-color:var(--vxe-ui-font-primary-color)}.vxe-loading.theme--primary{color:var(--vxe-ui-font-primary-color);background-color:var(--vxe-ui-font-primary-tinge-color)}.vxe-loading.theme--primary .vxe-loading--spinner:after,.vxe-loading.theme--primary .vxe-loading--spinner:before{background-color:var(--vxe-ui-font-primary-tinge-color)}.vxe-loading.theme--success{color:var(--vxe-ui-status-success-color);background-color:var(--vxe-ui-status-success-tinge-color)}.vxe-loading.theme--success .vxe-loading--spinner:after,.vxe-loading.theme--success .vxe-loading--spinner:before{background-color:var(--vxe-ui-status-success-tinge-color)}.vxe-loading.theme--info{color:var(--vxe-ui-status-info-color);background-color:var(--vxe-ui-status-info-tinge-color)}.vxe-loading.theme--info .vxe-loading--spinner:after,.vxe-loading.theme--info .vxe-loading--spinner:before{background-color:var(--vxe-ui-status-info-tinge-color)}.vxe-loading.theme--warning{color:var(--vxe-ui-status-warning-color);background-color:var(--vxe-ui-status-warning-tinge-color)}.vxe-loading.theme--warning .vxe-loading--spinner:after,.vxe-loading.theme--warning .vxe-loading--spinner:before{background-color:var(--vxe-ui-status-warning-tinge-color)}.vxe-loading.theme--danger{color:var(--vxe-ui-status-danger-color);background-color:var(--vxe-ui-status-danger-tinge-color)}.vxe-loading.theme--danger .vxe-loading--spinner:after,.vxe-loading.theme--danger .vxe-loading--spinner:before{background-color:var(--vxe-ui-status-danger-tinge-color)}.vxe-loading.theme--error{color:var(--vxe-ui-status-error-color);background-color:var(--vxe-ui-status-error-tinge-color)}.vxe-loading.theme--error .vxe-loading--spinner:after,.vxe-loading.theme--error .vxe-loading--spinner:before{background-color:var(--vxe-ui-status-error-tinge-color)}.vxe-loading.is--visible{display:block}.vxe-loading>.vxe-loading--chunk,.vxe-loading>.vxe-loading--wrapper{width:100%;position:absolute;top:50%;left:0;transform:translateY(-50%);text-align:center}.vxe-loading .vxe-loading--default-icon{font-size:1.4em}.vxe-loading .vxe-loading--text{padding:.4em 0}.vxe-loading .vxe-loading--spinner{display:inline-block;position:relative;width:56px;height:56px}.vxe-loading .vxe-loading--spinner:after,.vxe-loading .vxe-loading--spinner:before{content:"";width:100%;height:100%;border-radius:50%;opacity:.6;position:absolute;top:0;left:0;animation:bounce 2s infinite ease-in-out}.vxe-loading .vxe-loading--spinner:after{animation-delay:-1s}@keyframes bounce{0%,100%{transform:scale(0)}50%{transform:scale(1)}}.size--mini .vxe-loading .vxe-loading--spinner{width:38px;height:38px}.size--small .vxe-loading .vxe-loading--spinner{width:44px;height:44px}.size--medium .vxe-loading .vxe-loading--spinner{width:50px;height:50px}

package/es/mention/index.js

@@ -1,12 +0,0 @@
-import { VxeUI } from '@vxe-ui/core';
-import { dynamicApp } from '../dynamics';
-import VxeMentionComponent from './src/mention';
-export const VxeMention = Object.assign({}, VxeMentionComponent, {
-    install(app) {
-        app.component(VxeMentionComponent.name, VxeMentionComponent);
-    }
-});
-dynamicApp.use(VxeMention);
-VxeUI.component(VxeMentionComponent);
-export const Mention = VxeMention;
-export default VxeMention;

package/es/mention/src/mention.js

@@ -1,44 +0,0 @@
-import { defineVxeComponent } from '../../ui/src/comp';
-import XEUtils from 'xe-utils';
-import { getConfig, createEvent, globalMixins } from '../../ui';
-export default {
-    name: 'VxeMention',
-    mixins: [
-        globalMixins.sizeMixin
-    ],
-    props: {
-        size: {
-            type: String,
-            default: () => getConfig().mention.size || getConfig().size
-        }
-    },
-    data() {
-        const reactData = {};
-        return {
-            xID: XEUtils.uniqueId(),
-            reactData
-        };
-    },
-    computed: Object.assign({}, {}),
-    methods: {
-        //
-        // Method
-        //
-        dispatchEvent(type, params, evnt) {
-            const $xeMention = this;
-            $xeMention.$emit(type, createEvent(evnt, { $mention: $xeMention }, params));
-        },
-        //
-        // Render
-        //
-        renderVN(h) {
-            return h('div', {
-                ref: 'refElem',
-                class: 'vxe-mention'
-            });
-        }
-    },
-    render(h) {
-        return this.renderVN(h);
-    }
-};

package/es/menu/index.js

@@ -1,12 +0,0 @@
-import { VxeUI } from '@vxe-ui/core';
-import { dynamicApp } from '../dynamics';
-import VxeMenuComponent from './src/menu';
-export const VxeMenu = Object.assign({}, VxeMenuComponent, {
-    install(app) {
-        app.component(VxeMenuComponent.name, VxeMenuComponent);
-    }
-});
-dynamicApp.use(VxeMenu);
-VxeUI.component(VxeMenuComponent);
-export const Menu = VxeMenu;
-export default VxeMenu;

package/es/menu/src/menu.js

@@ -1,589 +0,0 @@
-import { defineVxeComponent } from '../../ui/src/comp';
-import XEUtils from 'xe-utils';
-import { VxeUI, createEvent, permission, globalMixins, globalEvents, renderEmptyElement } from '../../ui';
-import { toCssUnit } from '../../ui/src/dom';
-import { getLastZIndex, nextZIndex, isEnableConf } from '../../ui/src/utils';
-import { getSlotVNs } from '../../ui/src/vn';
-import { createComponentLog } from '../../ui/src/log';
-import VxeLoadingComponent from '../../loading';
-const { errLog } = createComponentLog('menu');
-const { menus, getConfig, getIcon } = VxeUI;
-export default {
-    name: 'VxeMenu',
-    mixins: [
-        globalMixins.sizeMixin,
-        globalMixins.permissionMixin
-    ],
-    props: {
-        value: [String, Number],
-        expandAll: Boolean,
-        accordion: {
-            type: Boolean,
-            default: () => getConfig().menu.accordion
-        },
-        collapsed: {
-            type: Boolean,
-            default: null
-        },
-        collapseFixed: Boolean,
-        loading: Boolean,
-        options: {
-            type: Array,
-            default: () => []
-        },
-        size: {
-            type: String,
-            default: () => getConfig().menu.size || getConfig().size
-        },
-        menuConfig: Object
-    },
-    inject: {
-        $xeLayoutAside: {
-            default: null
-        }
-    },
-    data() {
-        const reactData = {
-            initialized: false,
-            isEnterCollapse: false,
-            collapseStyle: {},
-            collapseZindex: 0,
-            activeName: null,
-            menuList: [],
-            itemHeight: 1
-        };
-        return {
-            xID: XEUtils.uniqueId(),
-            reactData
-        };
-    },
-    computed: Object.assign(Object.assign({}, {}), { computeMenuOpts() {
-            const $xeMenu = this;
-            const props = $xeMenu;
-            return Object.assign({}, getConfig().tree.menuConfig, props.menuConfig);
-        },
-        computeIsCollapsed() {
-            const $xeMenu = this;
-            const $xeLayoutAside = $xeMenu.$xeLayoutAside;
-            const { collapsed } = $xeMenu;
-            if (XEUtils.isBoolean(collapsed)) {
-                return collapsed;
-            }
-            if ($xeLayoutAside) {
-                return !!$xeLayoutAside.collapsed;
-            }
-            return false;
-        },
-        computeCollapseWidth() {
-            const $xeMenu = this;
-            const $xeLayoutAside = $xeMenu.$xeLayoutAside;
-            let collapseWidth = '';
-            if ($xeLayoutAside) {
-                collapseWidth = $xeLayoutAside.collapseWidth || '';
-            }
-            return collapseWidth;
-        },
-        computeCollapseEnterWidth() {
-            const $xeMenu = this;
-            const $xeLayoutAside = $xeMenu.$xeLayoutAside;
-            let width = '';
-            if ($xeLayoutAside) {
-                width = $xeLayoutAside.width || '';
-            }
-            return width;
-        } }),
-    methods: {
-        //
-        // Method
-        //
-        dispatchEvent(type, params, evnt) {
-            const $xeMenu = this;
-            $xeMenu.$emit(type, createEvent(evnt, { $menu: $xeMenu }, params));
-        },
-        emitModel(value) {
-            const $xeMenu = this;
-            const reactData = $xeMenu.reactData;
-            const { _events } = $xeMenu;
-            reactData.activeName = value;
-            $xeMenu.$emit('input', value);
-            if (_events && _events.modelValue) {
-                $xeMenu.$emit('modelValue', value);
-            }
-            else {
-                $xeMenu.$emit('model-value', value);
-            }
-        },
-        callSlot(slotFunc, params, h) {
-            const $xeMenu = this;
-            const slots = $xeMenu.$scopedSlots;
-            if (slotFunc) {
-                if (XEUtils.isString(slotFunc)) {
-                    slotFunc = slots[slotFunc] || null;
-                }
-                if (XEUtils.isFunction(slotFunc)) {
-                    return getSlotVNs(slotFunc.call($xeMenu, params, h));
-                }
-            }
-            return [];
-        },
-        getMenuTitle(item) {
-            return `${item.title || item.name}`;
-        },
-        updateZindex() {
-            const $xeMenu = this;
-            const reactData = $xeMenu.reactData;
-            if (reactData.collapseZindex < getLastZIndex()) {
-                reactData.collapseZindex = nextZIndex();
-            }
-        },
-        updateActiveMenu(isDefExpand) {
-            const $xeMenu = this;
-            const reactData = $xeMenu.reactData;
-            const { activeName } = reactData;
-            XEUtils.eachTree(reactData.menuList, (item, index, items, path, parent, nodes) => {
-                if (item.itemKey === activeName) {
-                    nodes.forEach(obj => {
-                        obj.isActive = true;
-                        if (isDefExpand) {
-                            obj.isExpand = true;
-                        }
-                    });
-                    item.isExactActive = true;
-                }
-                else {
-                    item.isExactActive = false;
-                    item.isActive = false;
-                }
-            }, { children: 'childList' });
-        },
-        updateMenuConfig() {
-            const $xeMenu = this;
-            const props = $xeMenu;
-            const reactData = $xeMenu.reactData;
-            const { options, expandAll } = props;
-            reactData.menuList = XEUtils.mapTree(options, (item, index, items, path, parent) => {
-                const objItem = Object.assign(Object.assign({}, item), { parentKey: parent ? (parent.name || path.slice(0, path.length - 1).join(',')) : '', level: path.length, itemKey: item.name || path.join(','), isExactActive: false, isActive: false, isExpand: XEUtils.isBoolean(item.expanded) ? item.expanded : !!expandAll, hasChild: item.children && item.children.length > 0 });
-                return objItem;
-            }, { children: 'children', mapChildren: 'childList' });
-        },
-        updateCollapseStyle() {
-            const $xeMenu = this;
-            const props = $xeMenu;
-            const reactData = $xeMenu.reactData;
-            const { collapseFixed } = props;
-            if (collapseFixed) {
-                $xeMenu.$nextTick(() => {
-                    const { isEnterCollapse } = reactData;
-                    const isCollapsed = $xeMenu.computeIsCollapsed;
-                    const collapseEnterWidth = $xeMenu.computeCollapseEnterWidth;
-                    const collapseWidth = $xeMenu.computeCollapseWidth;
-                    const el = $xeMenu.$refs.refElem;
-                    if (el) {
-                        const clientRect = el.getBoundingClientRect();
-                        const parentNode = el.parentNode;
-                        reactData.collapseStyle = isCollapsed
-                            ? {
-                                top: toCssUnit(clientRect.top),
-                                left: toCssUnit(clientRect.left),
-                                height: toCssUnit(parentNode.clientHeight),
-                                width: isEnterCollapse ? (collapseEnterWidth ? toCssUnit(collapseEnterWidth) : '') : (collapseWidth ? toCssUnit(collapseWidth) : ''),
-                                zIndex: reactData.collapseZindex
-                            }
-                            : {};
-                    }
-                });
-            }
-        },
-        handleCollapseMenu() {
-            const $xeMenu = this;
-            const props = $xeMenu;
-            const reactData = $xeMenu.reactData;
-            const { collapseFixed } = props;
-            if (collapseFixed) {
-                const { initialized } = reactData;
-                const isCollapsed = $xeMenu.computeIsCollapsed;
-                if (isCollapsed) {
-                    if (!initialized) {
-                        reactData.initialized = true;
-                        $xeMenu.$nextTick(() => {
-                            const collapseEl = $xeMenu.$refs.refCollapseElem;
-                            if (collapseEl) {
-                                document.body.appendChild(collapseEl);
-                            }
-                        });
-                    }
-                }
-                reactData.isEnterCollapse = false;
-                $xeMenu.updateZindex();
-                $xeMenu.updateCollapseStyle();
-            }
-        },
-        handleClickIconCollapse(evnt, item, itemList) {
-            const $xeMenu = this;
-            const props = $xeMenu;
-            const { accordion } = props;
-            const { hasChild, isExpand } = item;
-            if (hasChild) {
-                evnt.stopPropagation();
-                evnt.preventDefault();
-                if (accordion) {
-                    itemList.forEach(obj => {
-                        if (obj !== item) {
-                            obj.isExpand = false;
-                        }
-                    });
-                }
-                item.isExpand = !isExpand;
-            }
-        },
-        handleContextmenuEvent(evnt, item) {
-            const $xeMenu = this;
-            const props = $xeMenu;
-            const { menuConfig } = props;
-            const menuOpts = $xeMenu.computeMenuOpts;
-            if (menuConfig ? isEnableConf(menuOpts) : menuOpts.enabled) {
-                const { options, visibleMethod } = menuOpts;
-                if (!visibleMethod || visibleMethod({ $menu: $xeMenu, options, currentMenu: item })) {
-                    if (VxeUI.contextMenu) {
-                        VxeUI.contextMenu.openByEvent(evnt, {
-                            options,
-                            events: {
-                                optionClick(eventParams) {
-                                    const { option } = eventParams;
-                                    const gMenuOpts = menus.get(option.code);
-                                    const mmMethod = gMenuOpts ? gMenuOpts.menuMenuMethod : null;
-                                    const params = { menu: option, currentMenu: item, $event: evnt, $menu: $xeMenu };
-                                    if (mmMethod) {
-                                        mmMethod(params, evnt);
-                                    }
-                                    $xeMenu.dispatchEvent('menu-click', params, eventParams.$event);
-                                }
-                            }
-                        });
-                    }
-                }
-            }
-            $xeMenu.dispatchEvent('option-menu', { currentMenu: item }, evnt);
-        },
-        handleClickMenu(evnt, item, itemList) {
-            const $xeMenu = this;
-            const { itemKey, routerLink, hasChild } = item;
-            if (routerLink) {
-                $xeMenu.emitModel(itemKey);
-            }
-            else {
-                if (hasChild) {
-                    $xeMenu.handleClickIconCollapse(evnt, item, itemList);
-                }
-                else {
-                    $xeMenu.emitModel(itemKey);
-                }
-            }
-            const params = {
-                currentMenu: item,
-                // 已废弃
-                menu: item
-            };
-            $xeMenu.dispatchEvent('click', params, evnt);
-        },
-        handleMenuMouseenter() {
-            const $xeMenu = this;
-            const reactData = $xeMenu.reactData;
-            const { collapseStyle } = reactData;
-            const collapseEnterWidth = $xeMenu.computeCollapseEnterWidth;
-            reactData.collapseStyle = Object.assign({}, collapseStyle, {
-                width: collapseEnterWidth ? toCssUnit(collapseEnterWidth) : ''
-            });
-            reactData.isEnterCollapse = true;
-        },
-        handleMenuMouseover() {
-            const $xeMenu = this;
-            const reactData = $xeMenu.reactData;
-            const { isEnterCollapse } = reactData;
-            if (!isEnterCollapse) {
-                $xeMenu.handleMenuMouseenter();
-            }
-        },
-        handleMenuMouseleave() {
-            const $xeMenu = this;
-            const reactData = $xeMenu.reactData;
-            const { collapseStyle } = reactData;
-            const el = this.$refs.refElem;
-            reactData.collapseStyle = Object.assign({}, collapseStyle, {
-                width: el ? toCssUnit(el.offsetWidth) : ''
-            });
-            reactData.isEnterCollapse = false;
-        },
-        //
-        //
-        // Render
-        //
-        renderMenuTitle(h, item, itemList) {
-            const $xeMenu = this;
-            const slots = $xeMenu.$scopedSlots;
-            const { icon, isExpand, hasChild } = item;
-            const itemSlots = item.slots || {};
-            const optionSlot = itemSlots.default || slots.option;
-            const titleSlot = itemSlots.title || slots.optionTitle || slots['option-title'];
-            const iconSlot = itemSlots.icon || slots.optionIcon || slots['option-icon'];
-            const title = $xeMenu.getMenuTitle(item);
-            const isCollapsed = $xeMenu.computeIsCollapsed;
-            const params = {
-                currentMenu: item,
-                collapsed: isCollapsed,
-                // 已废弃
-                option: item
-            };
-            return [
-                optionSlot
-                    ? renderEmptyElement($xeMenu)
-                    : h('div', {
-                        class: 'vxe-menu--item-link-icon'
-                    }, iconSlot
-                        ? $xeMenu.callSlot(iconSlot, params, h)
-                        : (icon
-                            ? [h('i', {
-                                    class: icon
-                                })]
-                            : [])),
-                optionSlot
-                    ? h('div', {
-                        class: 'vxe-menu--item-custom-title'
-                    }, $xeMenu.callSlot(optionSlot, params, h))
-                    : h('div', {
-                        class: 'vxe-menu--item-link-title',
-                        attrs: {
-                            title
-                        }
-                    }, titleSlot ? $xeMenu.callSlot(titleSlot, params, h) : title),
-                hasChild
-                    ? h('div', {
-                        class: 'vxe-menu--item-link-collapse',
-                        on: {
-                            click(evnt) {
-                                $xeMenu.handleClickIconCollapse(evnt, item, itemList);
-                            }
-                        }
-                    }, [
-                        h('i', {
-                            class: isExpand ? getIcon().MENU_ITEM_EXPAND_OPEN : getIcon().MENU_ITEM_EXPAND_CLOSE
-                        })
-                    ])
-                    : renderEmptyElement($xeMenu)
-            ];
-        },
-        renderDefaultChildren(h, item, itemList) {
-            const $xeMenu = this;
-            const reactData = $xeMenu.reactData;
-            const { itemKey, level, hasChild, isActive, isExactActive, isExpand, routerLink, childList } = item;
-            const { isEnterCollapse } = reactData;
-            const isCollapsed = $xeMenu.computeIsCollapsed;
-            if (item.permissionCode) {
-                if (!permission.checkVisible(item.permissionCode)) {
-                    return renderEmptyElement($xeMenu);
-                }
-            }
-            return h('div', {
-                key: itemKey,
-                class: ['vxe-menu--item-wrapper', `vxe-menu--item-level${level}`, {
-                        'is--exact-active': isExactActive,
-                        'is--active': isActive,
-                        'is--expand': (!isCollapsed || isEnterCollapse) && isExpand
-                    }]
-            }, [
-                routerLink
-                    ? h('router-link', {
-                        class: 'vxe-menu--item-link',
-                        props: {
-                            custom: true,
-                            to: routerLink
-                        },
-                        on: {
-                            contextmenu(evnt) {
-                                $xeMenu.handleContextmenuEvent(evnt, item);
-                            },
-                            click(evnt) {
-                                $xeMenu.handleClickMenu(evnt, item, itemList);
-                            }
-                        }
-                    }, $xeMenu.renderMenuTitle(h, item, itemList))
-                    : h('div', {
-                        class: 'vxe-menu--item-link',
-                        on: {
-                            contextmenu(evnt) {
-                                $xeMenu.handleContextmenuEvent(evnt, item);
-                            },
-                            click(evnt) {
-                                $xeMenu.handleClickMenu(evnt, item, itemList);
-                            }
-                        }
-                    }, $xeMenu.renderMenuTitle(h, item, itemList)),
-                hasChild
-                    ? h('div', {
-                        class: 'vxe-menu--item-group'
-                    }, childList.map(child => $xeMenu.renderDefaultChildren(h, child, childList)))
-                    : renderEmptyElement($xeMenu)
-            ]);
-        },
-        renderCollapseChildren(h, item, itemList) {
-            const $xeMenu = this;
-            const { itemKey, level, hasChild, isActive, isExactActive, routerLink, childList } = item;
-            if (item.permissionCode) {
-                if (!permission.checkVisible(item.permissionCode)) {
-                    return renderEmptyElement($xeMenu);
-                }
-            }
-            return h('div', {
-                key: itemKey,
-                class: ['vxe-menu--item-wrapper', `vxe-menu--item-level${level}`, {
-                        'is--exact-active': isExactActive,
-                        'is--active': isActive
-                    }]
-            }, [
-                routerLink
-                    ? h('router-link', {
-                        class: 'vxe-menu--item-link',
-                        props: {
-                            custom: true,
-                            to: routerLink
-                        },
-                        on: {
-                            contextmenu(evnt) {
-                                $xeMenu.handleContextmenuEvent(evnt, item);
-                            },
-                            click(evnt) {
-                                $xeMenu.handleClickMenu(evnt, item, itemList);
-                            }
-                        }
-                    }, $xeMenu.renderMenuTitle(h, item, itemList))
-                    : h('div', {
-                        class: 'vxe-menu--item-link',
-                        on: {
-                            contextmenu(evnt) {
-                                $xeMenu.handleContextmenuEvent(evnt, item);
-                            },
-                            click(evnt) {
-                                $xeMenu.handleClickMenu(evnt, item, itemList);
-                            }
-                        }
-                    }, $xeMenu.renderMenuTitle(h, item, itemList)),
-                hasChild
-                    ? h('div', {
-                        class: 'vxe-menu--item-group'
-                    }, childList.map(child => $xeMenu.renderDefaultChildren(h, child, childList)))
-                    : renderEmptyElement($xeMenu)
-            ]);
-        },
-        renderVN(h) {
-            const $xeMenu = this;
-            const props = $xeMenu;
-            const reactData = $xeMenu.reactData;
-            const { loading, collapseFixed } = props;
-            const { initialized, menuList, collapseStyle, isEnterCollapse } = reactData;
-            const vSize = $xeMenu.computeSize;
-            const isCollapsed = $xeMenu.computeIsCollapsed;
-            let ons = {};
-            if (collapseFixed) {
-                ons = {
-                    mouseenter: $xeMenu.handleMenuMouseenter,
-                    mouseover: $xeMenu.handleMenuMouseover,
-                    mouseleave: $xeMenu.handleMenuMouseleave
-                };
-            }
-            return h('div', {
-                ref: 'refElem',
-                class: ['vxe-menu', {
-                        [`size--${vSize}`]: vSize,
-                        'is--collapsed': isCollapsed,
-                        'is--loading': loading
-                    }]
-            }, [
-                h('div', {
-                    class: 'vxe-menu--item-list'
-                }, menuList.map(child => isCollapsed ? $xeMenu.renderCollapseChildren(h, child, menuList) : $xeMenu.renderDefaultChildren(h, child, menuList))),
-                initialized
-                    ? h('div', {
-                        ref: 'refCollapseElem',
-                        class: ['vxe-menu--collapse-wrapper', {
-                                [`size--${vSize}`]: vSize,
-                                'is--collapsed': isCollapsed,
-                                'is--enter': isEnterCollapse,
-                                'is--loading': loading
-                            }],
-                        style: collapseStyle,
-                        on: ons
-                    }, [
-                        isCollapsed
-                            ? h('div', {
-                                class: 'vxe-menu--item-list'
-                            }, menuList.map(child => $xeMenu.renderDefaultChildren(h, child, menuList)))
-                            : renderEmptyElement($xeMenu)
-                    ])
-                    : renderEmptyElement($xeMenu),
-                /**
-                 * 加载中
-                 */
-                h(VxeLoadingComponent, {
-                    class: 'vxe-list-view--loading',
-                    props: {
-                        value: loading
-                    }
-                })
-            ]);
-        }
-    },
-    watch: {
-        value(val) {
-            const $xeMenu = this;
-            const reactData = $xeMenu.reactData;
-            reactData.activeName = val;
-        },
-        options() {
-            const $xeMenu = this;
-            $xeMenu.updateMenuConfig();
-            $xeMenu.updateActiveMenu(true);
-        },
-        'reactData.activeName'() {
-            const $xeMenu = this;
-            $xeMenu.updateActiveMenu(true);
-        },
-        computeIsCollapsed() {
-            const $xeMenu = this;
-            $xeMenu.handleCollapseMenu();
-        }
-    },
-    mounted() {
-        const $xeMenu = this;
-        const props = $xeMenu;
-        const { menuConfig } = props;
-        const VxeUIContextMenu = VxeUI.getComponent('VxeContextMenu');
-        if (menuConfig && !VxeUIContextMenu) {
-            errLog('vxe.error.reqComp', ['vxe-context-menu']);
-        }
-        globalEvents.on($xeMenu, 'resize', $xeMenu.updateCollapseStyle);
-        $xeMenu.updateCollapseStyle();
-    },
-    beforeDestroy() {
-        const $xeMenu = this;
-        globalEvents.off($xeMenu, 'resize');
-        const collapseEl = $xeMenu.$refs.refCollapseElem;
-        if (collapseEl) {
-            const parentNode = collapseEl.parentNode;
-            if (parentNode) {
-                parentNode.removeChild(collapseEl);
-            }
-        }
-    },
-    created() {
-        const $xeMenu = this;
-        const props = $xeMenu;
-        const reactData = $xeMenu.reactData;
-        reactData.initialized = !!props.collapsed;
-        reactData.activeName = props.value;
-        $xeMenu.updateMenuConfig();
-        $xeMenu.updateActiveMenu(true);
-    },
-    render(h) {
-        return this.renderVN(h);
-    }
-};