vxe-pc-ui 4.1.17 → 4.1.19

package/es/alert/index.js

@@ -6,7 +6,7 @@ export const VxeAlert = Object.assign({}, VxeAlertComponent, {
         app.component(VxeAlertComponent.name, VxeAlertComponent);
     }
 });
-dynamicApp.component(VxeAlertComponent.name, VxeAlertComponent);
+dynamicApp.use(VxeAlert);
 VxeUI.component(VxeAlertComponent);
 export const Alert = VxeAlert;
 export default VxeAlert;

package/es/anchor/index.js

@@ -6,7 +6,7 @@ export const VxeAnchor = Object.assign({}, VxeAnchorComponent, {
         app.component(VxeAnchorComponent.name, VxeAnchorComponent);
     }
 });
-dynamicApp.component(VxeAnchorComponent.name, VxeAnchorComponent);
+dynamicApp.use(VxeAnchor);
 VxeUI.component(VxeAnchorComponent);
 export const Anchor = VxeAnchor;
 export default VxeAnchor;

package/es/anchor/src/anchor-link.js

@@ -51,8 +51,9 @@ export default defineComponent({
             linkConfig.href = val;
         });
         onMounted(() => {
-            if ($xeAnchor && refElem.value) {
-                assembleAnchorLink($xeAnchor, refElem.value, linkConfig, $xeParentAnchorLink);
+            const elem = refElem.value;
+            if ($xeAnchor && elem) {
+                assembleAnchorLink($xeAnchor, elem, linkConfig, $xeParentAnchorLink);
             }
         });
         onUnmounted(() => {

package/es/anchor/src/anchor.js

@@ -1,6 +1,6 @@
 import { defineComponent, ref, h, reactive, provide, nextTick, onBeforeUnmount, onMounted, watch, createCommentVNode, computed } from 'vue';
 import XEUtils from 'xe-utils';
-import { createEvent } from '../../ui';
+import { createEvent } from '@vxe-ui/core';
 import { getOffsetPos } from '../../ui/src/dom';
 import VxeAnchorLinkComponent from './anchor-link';
 export default defineComponent({
@@ -26,7 +26,8 @@ export default defineComponent({
         const refMarkerElem = ref();
         const reactData = reactive({
             activeHref: null,
-            staticLinks: []
+            staticLinks: [],
+            containerElem: null
         });
         const refMaps = {
             refElem
@@ -39,7 +40,6 @@ export default defineComponent({
             return list;
         });
         const computeMaps = {};
-        let containerElem = null;
         const $xeAnchor = {
             xID,
             props,
@@ -74,6 +74,7 @@ export default defineComponent({
         };
         const handleContainerScrollEvent = () => {
             const allHrefList = computeAllHrefList.value;
+            const { containerElem } = reactData;
             if (containerElem) {
                 const wrapperElList = containerElem.querySelectorAll(allHrefList.map(href => `${href}`).join(','));
                 for (let i = 0; i < wrapperElList.length; i++) {
@@ -88,12 +89,14 @@ export default defineComponent({
             }
         };
         const removeContainerElemScroll = () => {
+            const { containerElem } = reactData;
             if (containerElem) {
                 containerElem.removeEventListener('scroll', handleContainerScrollEvent);
             }
         };
         const updateContainerElem = () => {
-            containerElem = getContainerElem();
+            const containerElem = getContainerElem();
+            reactData.containerElem = containerElem;
             if (containerElem) {
                 containerElem.addEventListener('scroll', handleContainerScrollEvent, {
                     passive: false

package/es/anchor-link/index.js

@@ -6,7 +6,7 @@ export const VxeAnchorLink = Object.assign({}, VxeAnchorLinkComponent, {
         app.component(VxeAnchorLinkComponent.name, VxeAnchorLinkComponent);
     }
 });
-dynamicApp.component(VxeAnchorLinkComponent.name, VxeAnchorLinkComponent);
+dynamicApp.use(VxeAnchorLink);
 VxeUI.component(VxeAnchorLinkComponent);
 export const AnchorLink = VxeAnchorLink;
 export default VxeAnchorLink;

package/es/breadcrumb/index.js

@@ -6,7 +6,7 @@ export const VxeBreadcrumb = Object.assign({}, VxeBreadcrumbComponent, {
         app.component(VxeBreadcrumbComponent.name, VxeBreadcrumbComponent);
     }
 });
-dynamicApp.component(VxeBreadcrumbComponent.name, VxeBreadcrumbComponent);
+dynamicApp.use(VxeBreadcrumb);
 VxeUI.component(VxeBreadcrumbComponent);
 export const Breadcrumb = VxeBreadcrumb;
 export default VxeBreadcrumb;

package/es/breadcrumb-item/index.js

@@ -6,7 +6,7 @@ export const VxeBreadcrumbItem = Object.assign({}, VxeBreadcrumbItemComponent, {
         app.component(VxeBreadcrumbItemComponent.name, VxeBreadcrumbItemComponent);
     }
 });
-dynamicApp.component(VxeBreadcrumbItemComponent.name, VxeBreadcrumbItemComponent);
+dynamicApp.use(VxeBreadcrumbItem);
 VxeUI.component(VxeBreadcrumbItemComponent);
 export const BreadcrumbItem = VxeBreadcrumbItem;
 export default VxeBreadcrumbItem;

package/es/button/index.js

@@ -6,7 +6,7 @@ export const VxeButton = Object.assign({}, VxeButtonComponent, {
         app.component(VxeButtonComponent.name, VxeButtonComponent);
     }
 });
-dynamicApp.component(VxeButtonComponent.name, VxeButtonComponent);
+dynamicApp.use(VxeButton);
 VxeUI.component(VxeButtonComponent);
 export const Button = VxeButton;
 export default VxeButton;

package/es/button/src/button-group.js

@@ -1,7 +1,7 @@
 import { defineComponent, h, provide, createCommentVNode } from 'vue';
 import { getConfig, createEvent, useSize, usePermission } from '@vxe-ui/core';
 import XEUtils from 'xe-utils';
-import VxeButtonComponent from '../../button/src/button';
+import VxeButtonComponent from './button';
 export default defineComponent({
     name: 'VxeButtonGroup',
     props: {
@@ -13,7 +13,10 @@ export default defineComponent({
         className: [String, Function],
         disabled: Boolean,
         permissionCode: [String, Number],
-        size: { type: String, default: () => getConfig().buttonGroup.size || getConfig().size }
+        size: {
+            type: String,
+            default: () => getConfig().buttonGroup.size || getConfig().size
+        }
     },
     emits: [
         'click'

package/es/button/src/button.js

@@ -17,7 +17,10 @@ export default defineComponent({
         /**
          * 按钮尺寸
          */
-        size: { type: String, default: () => getConfig().button.size || getConfig().size },
+        size: {
+            type: String,
+            default: () => getConfig().button.size || getConfig().size
+        },
         /**
          * 用来标识这一项
          */
@@ -63,7 +66,10 @@ export default defineComponent({
          * 是否加载中
          */
         loading: Boolean,
-        trigger: { type: String, default: () => getConfig().button.trigger },
+        trigger: {
+            type: String,
+            default: () => getConfig().button.trigger
+        },
         align: String,
         /**
          * 在下拉面板关闭时销毁内容
@@ -96,9 +102,9 @@ export default defineComponent({
         const { computeSize } = useSize(props);
         const { computePermissionInfo } = usePermission(props);
         const reactData = reactive({
-            inited: false,
+            initialized: false,
             visiblePanel: false,
-            animatVisible: false,
+            visibleAnimate: false,
             isActivated: false,
             panelIndex: 0,
             panelStyle: {},
@@ -122,7 +128,7 @@ export default defineComponent({
             getRefMaps: () => refMaps
         };
         let buttonMethods = {};
-        const computeTransfer = computed(() => {
+        const computeBtnTransfer = computed(() => {
             const { transfer } = props;
             if (transfer === null) {
                 const globalTransfer = getConfig().button.transfer;
@@ -195,7 +201,7 @@ export default defineComponent({
                 const { panelIndex } = reactData;
                 const targetElem = refButton.value;
                 const panelElem = refBtnPanel.value;
-                const transfer = computeTransfer.value;
+                const btnTransfer = computeBtnTransfer.value;
                 if (panelElem && targetElem) {
                     const targetHeight = targetElem.offsetHeight;
                     const targetWidth = targetElem.offsetWidth;
@@ -207,7 +213,7 @@ export default defineComponent({
                     };
                     const { top, left, boundingTop, visibleHeight, visibleWidth } = getAbsolutePos(targetElem);
                     let panelPlacement = 'bottom';
-                    if (transfer) {
+                    if (btnTransfer) {
                         let btnLeft = left + targetWidth - panelWidth;
                         let btnTop = top + targetHeight;
                         if (placement === 'top') {
@@ -268,7 +274,7 @@ export default defineComponent({
                 $xeButtonGroup.handleClick({ name: props.name }, evnt);
             }
             else {
-                buttonMethods.dispatchEvent('click', { $event: evnt }, evnt);
+                dispatchEvent('click', { $event: evnt }, evnt);
             }
         };
         const mousedownDropdownEvent = (evnt) => {
@@ -288,17 +294,17 @@ export default defineComponent({
                 reactData.visiblePanel = false;
                 setTimeout(() => {
                     if (!panelElem || panelElem.dataset.active !== 'Y') {
-                        reactData.animatVisible = false;
+                        reactData.visibleAnimate = false;
                     }
                 }, 350);
-                buttonMethods.dispatchEvent('dropdown-click', { name: targetElem.getAttribute('name'), $event: evnt }, evnt);
+                dispatchEvent('dropdown-click', { name: targetElem.getAttribute('name'), $event: evnt }, evnt);
             }
         };
         const mouseenterDropdownEvent = () => {
             const panelElem = refBtnPanel.value;
             if (panelElem) {
                 panelElem.dataset.active = 'Y';
-                reactData.animatVisible = true;
+                reactData.visibleAnimate = true;
                 setTimeout(() => {
                     if (panelElem.dataset.active === 'Y') {
                         reactData.visiblePanel = true;
@@ -322,10 +328,10 @@ export default defineComponent({
             mouseleaveEvent(evnt);
         };
         const mouseenterEvent = (evnt) => {
-            emit('mouseenter', createEvent(evnt, {}));
+            dispatchEvent('mouseenter', {}, evnt);
         };
         const mouseleaveEvent = (evnt) => {
-            emit('mouseleave', createEvent(evnt, {}));
+            dispatchEvent('mouseleave', {}, evnt);
         };
         const clickTargetEvent = (evnt) => {
             const { trigger } = props;
@@ -344,15 +350,15 @@ export default defineComponent({
             const panelElem = refBtnPanel.value;
             if (panelElem) {
                 panelElem.dataset.active = 'Y';
-                if (!reactData.inited) {
-                    reactData.inited = true;
+                if (!reactData.initialized) {
+                    reactData.initialized = true;
                 }
                 internalData.showTime = setTimeout(() => {
                     if (panelElem.dataset.active === 'Y') {
                         mouseenterDropdownEvent();
                     }
                     else {
-                        reactData.animatVisible = false;
+                        reactData.visibleAnimate = false;
                     }
                 }, trigger === 'click' ? 50 : 250);
             }
@@ -368,14 +374,14 @@ export default defineComponent({
                         reactData.visiblePanel = false;
                         setTimeout(() => {
                             if (panelElem.dataset.active !== 'Y') {
-                                reactData.animatVisible = false;
+                                reactData.visibleAnimate = false;
                             }
                         }, 350);
                     }
                 }, 100);
             }
             else {
-                reactData.animatVisible = false;
+                reactData.visibleAnimate = false;
                 reactData.visiblePanel = false;
             }
             return nextTick();
@@ -385,26 +391,28 @@ export default defineComponent({
         };
         const renderContent = () => {
             const { content, icon, loading } = props;
+            const iconSlot = slots.icon;
+            const defaultSlot = slots.default;
             const contVNs = [];
             if (loading) {
                 contVNs.push(h('i', {
                     class: ['vxe-button--loading-icon', getIcon().BUTTON_LOADING]
                 }));
             }
-            else if (slots.icon) {
+            else if (iconSlot) {
                 contVNs.push(h('span', {
                     class: 'vxe-button--custom-icon'
-                }, slots.icon({})));
+                }, iconSlot({})));
             }
             else if (icon) {
                 contVNs.push(h('i', {
                     class: ['vxe-button--icon', icon]
                 }));
             }
-            if (slots.default) {
+            if (defaultSlot) {
                 contVNs.push(h('span', {
                     class: 'vxe-button--content'
-                }, slots.default({})));
+                }, defaultSlot({})));
             }
             else if (content) {
                 contVNs.push(h('span', {
@@ -413,20 +421,25 @@ export default defineComponent({
             }
             return contVNs;
         };
+        const dispatchEvent = (type, params, evnt) => {
+            emit(type, createEvent(evnt, { $button: $xeButton }, params));
+        };
         buttonMethods = {
-            dispatchEvent(type, params, evnt) {
-                emit(type, createEvent(evnt, { $button: $xeButton }, params));
-            },
+            dispatchEvent,
             openPanel,
             closePanel,
             focus() {
                 const btnElem = refButton.value;
-                btnElem.focus();
+                if (btnElem) {
+                    btnElem.focus();
+                }
                 return nextTick();
             },
             blur() {
                 const btnElem = refButton.value;
-                btnElem.blur();
+                if (btnElem) {
+                    btnElem.blur();
+                }
                 return nextTick();
             }
         };
@@ -451,20 +464,21 @@ export default defineComponent({
         Object.assign($xeButton, buttonMethods);
         const renderVN = () => {
             const { className, popupClassName, align, trigger, title, routerLink, type, destroyOnClose, name, loading } = props;
-            const { inited, visiblePanel } = reactData;
+            const { initialized, visiblePanel } = reactData;
             const isFormBtn = computeIsFormBtn.value;
             const btnMode = computeBtnMode.value;
             const btnStatus = computeBtnStatus.value;
             const btnRound = computeBtnRound.value;
             const btnCircle = computeBtnCircle.value;
-            const transfer = computeTransfer.value;
+            const btnTransfer = computeBtnTransfer.value;
             const btnDisabled = computeBtnDisabled.value;
             const permissionInfo = computePermissionInfo.value;
             const vSize = computeSize.value;
+            const downsSlot = slots.dropdowns;
             if (!permissionInfo.visible) {
                 return createCommentVNode();
             }
-            if (slots.dropdowns) {
+            if (downsSlot) {
                 const btnOns = {};
                 const panelOns = {};
                 if (trigger === 'hover') {
@@ -514,19 +528,19 @@ export default defineComponent({
                         ])),
                     h(Teleport, {
                         to: 'body',
-                        disabled: transfer ? !inited : true
+                        disabled: btnTransfer ? !initialized : true
                     }, [
                         h('div', Object.assign({ ref: refBtnPanel, class: ['vxe-button--dropdown-panel', popupClassName ? (XEUtils.isFunction(popupClassName) ? popupClassName({ $button: $xeButton }) : popupClassName) : '', {
                                     [`size--${vSize}`]: vSize,
-                                    'animat--leave': reactData.animatVisible,
-                                    'animat--enter': visiblePanel
-                                }], placement: reactData.panelPlacement, style: reactData.panelStyle }, panelOns), inited
+                                    'ani--leave': reactData.visibleAnimate,
+                                    'ani--enter': visiblePanel
+                                }], placement: reactData.panelPlacement, style: reactData.panelStyle }, panelOns), initialized
                             ? [
                                 h('div', {
                                     class: 'vxe-button--dropdown-wrapper',
                                     onMousedown: mousedownDropdownEvent,
                                     onClick: clickDropdownEvent
-                                }, destroyOnClose && !visiblePanel ? [] : slots.dropdowns({}))
+                                }, destroyOnClose && !visiblePanel ? [] : downsSlot({}))
                             ]
                             : [])
                     ])

package/es/button/style.css

@@ -560,7 +560,7 @@
   right: 0;
   padding: 4px 0;
 }
-.vxe-button--dropdown-panel.animat--leave {
+.vxe-button--dropdown-panel.ani--leave {
   display: block;
   opacity: 0;
   transform: scaleY(0.5);
@@ -569,10 +569,10 @@
   backface-visibility: hidden;
   transform-style: preserve-3d;
 }
-.vxe-button--dropdown-panel.animat--leave[placement=top] {
+.vxe-button--dropdown-panel.ani--leave[placement=top] {
   transform-origin: center bottom;
 }
-.vxe-button--dropdown-panel.animat--enter {
+.vxe-button--dropdown-panel.ani--enter {
   opacity: 1;
   transform: scaleY(1);
 }

package/es/button/style.min.css

@@ -1 +1 @@
-.vxe-button{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;position:relative;background-color:var(--vxe-ui-layout-background-color);outline:0;font-size:var(--vxe-ui-font-size-default);max-width:var(--vxe-ui-button-max-width);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border .2s ease-in-out}.vxe-button.align--left{justify-content:left}.vxe-button.align--center{justify-content:center}.vxe-button.align--right{justify-content:right}.vxe-button:not(.is--disabled){color:var(--vxe-ui-font-color);cursor:pointer}.vxe-button.is--loading{cursor:progress}.vxe-button.is--loading:before{content:"";position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;border-radius:inherit;background-color:hsla(0,0%,100%,.35);pointer-events:none}.vxe-button.is--disabled{color:var(--vxe-ui-font-disabled-color)}.vxe-button.is--disabled:not(.is--loading){cursor:no-drop}.vxe-button.type--text{text-decoration:none;border:0;padding:.1em .5em;background-color:transparent;text-decoration:none}.vxe-button.type--text:not(.is--disabled):focus{color:var(--vxe-ui-font-darken-color)}.vxe-button.type--text:not(.is--disabled):hover{color:var(--vxe-ui-font-primary-lighten-color)}.vxe-button.type--text:not(.is--disabled):active{color:var(--vxe-ui-font-primary-darken-color)}.vxe-button.type--text.theme--primary{color:var(--vxe-ui-font-primary-color)}.vxe-button.type--text.theme--primary:not(.is--disabled):focus{color:var(--vxe-ui-font-primary-darken-color)}.vxe-button.type--text.theme--primary:not(.is--disabled):hover{color:var(--vxe-ui-font-primary-lighten-color)}.vxe-button.type--text.theme--primary:not(.is--disabled):active{color:var(--vxe-ui-font-primary-darken-color)}.vxe-button.type--text.theme--primary.is--disabled{color:var(--vxe-ui-font-primary-disabled-color)}.vxe-button.type--text.theme--success{color:var(--vxe-ui-status-success-color)}.vxe-button.type--text.theme--success:not(.is--disabled):focus{color:var(--vxe-ui-status-success-darken-color)}.vxe-button.type--text.theme--success:not(.is--disabled):hover{color:var(--vxe-ui-status-success-lighten-color)}.vxe-button.type--text.theme--success:not(.is--disabled):active{color:var(--vxe-ui-status-success-darken-color)}.vxe-button.type--text.theme--success.is--disabled{color:var(--vxe-ui-status-success-disabled-color)}.vxe-button.type--text.theme--info{color:var(--vxe-ui-status-info-color)}.vxe-button.type--text.theme--info:not(.is--disabled):focus{color:var(--vxe-ui-status-info-darken-color)}.vxe-button.type--text.theme--info:not(.is--disabled):hover{color:var(--vxe-ui-status-info-lighten-color)}.vxe-button.type--text.theme--info:not(.is--disabled):active{color:var(--vxe-ui-status-info-darken-color)}.vxe-button.type--text.theme--info.is--disabled{color:var(--vxe-ui-status-info-disabled-color)}.vxe-button.type--text.theme--warning{color:var(--vxe-ui-status-warning-color)}.vxe-button.type--text.theme--warning:not(.is--disabled):focus{color:var(--vxe-ui-status-warning-darken-color)}.vxe-button.type--text.theme--warning:not(.is--disabled):hover{color:var(--vxe-ui-status-warning-lighten-color)}.vxe-button.type--text.theme--warning:not(.is--disabled):active{color:var(--vxe-ui-status-warning-darken-color)}.vxe-button.type--text.theme--warning.is--disabled{color:var(--vxe-ui-status-warning-disabled-color)}.vxe-button.type--text.theme--danger{color:var(--vxe-ui-status-danger-color)}.vxe-button.type--text.theme--danger:not(.is--disabled):focus{color:var(--vxe-ui-status-danger-darken-color)}.vxe-button.type--text.theme--danger:not(.is--disabled):hover{color:var(--vxe-ui-status-danger-lighten-color)}.vxe-button.type--text.theme--danger:not(.is--disabled):active{color:var(--vxe-ui-status-danger-darken-color)}.vxe-button.type--text.theme--danger.is--disabled{color:var(--vxe-ui-status-danger-disabled-color)}.vxe-button.type--text.theme--error{color:var(--vxe-ui-status-error-color)}.vxe-button.type--text.theme--error:not(.is--disabled):focus{color:var(--vxe-ui-status-error-darken-color)}.vxe-button.type--text.theme--error:not(.is--disabled):hover{color:var(--vxe-ui-status-error-lighten-color)}.vxe-button.type--text.theme--error:not(.is--disabled):active{color:var(--vxe-ui-status-error-darken-color)}.vxe-button.type--text.theme--error.is--disabled{color:var(--vxe-ui-status-error-disabled-color)}.vxe-button.type--text.theme--perfect{color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--text.theme--perfect:not(.is--disabled):focus{color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--text.theme--perfect:not(.is--disabled):hover{color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--text.theme--perfect:not(.is--disabled):active{color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--text.theme--perfect.is--disabled{color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--button{font-family:inherit;height:var(--vxe-ui-button-height-default);line-height:1;border:1px solid var(--vxe-ui-input-border-color);text-decoration:none}.vxe-button.type--button.is--round{border-radius:var(--vxe-ui-button-round-border-radius-default)}.vxe-button.type--button:not(.is--round){border-radius:var(--vxe-ui-base-border-radius)}.vxe-button.type--button.is--circle{padding:0 .5em;text-align:center;justify-content:center;min-width:var(--vxe-ui-button-height-default);border-radius:50%}.vxe-button.type--button:not(.is--circle){padding:0 1em}.vxe-button.type--button:not(.is--disabled):hover{color:var(--vxe-ui-font-primary-lighten-color)}.vxe-button.type--button:not(.is--disabled):focus{border-color:var(--vxe-ui-font-primary-color)}.vxe-button.type--button:not(.is--disabled):active{color:var(--vxe-ui-font-primary-darken-color);border-color:var(--vxe-ui-font-primary-darken-color);background-color:var(--vxe-ui-layout-background-color)}.vxe-button.type--button.theme--primary{color:#fff}.vxe-button.type--button.theme--primary:not(.is--disabled){border-color:var(--vxe-ui-font-primary-color);background-color:var(--vxe-ui-font-primary-color)}.vxe-button.type--button.theme--primary:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-font-primary-lighten-color);border-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-button.type--button.theme--primary:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-font-primary-darken-color);border-color:var(--vxe-ui-font-primary-darken-color)}.vxe-button.type--button.theme--primary.is--disabled{border-color:var(--vxe-ui-font-primary-disabled-color);background-color:var(--vxe-ui-font-primary-disabled-color)}.vxe-button.type--button.theme--primary.is--loading{border-color:var(--vxe-ui-font-primary-color);background-color:var(--vxe-ui-font-primary-color)}.vxe-button.type--button.theme--success{color:#fff}.vxe-button.type--button.theme--success:not(.is--disabled){border-color:var(--vxe-ui-status-success-color);background-color:var(--vxe-ui-status-success-color)}.vxe-button.type--button.theme--success:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-success-lighten-color);border-color:var(--vxe-ui-status-success-lighten-color)}.vxe-button.type--button.theme--success:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-success-darken-color);border-color:var(--vxe-ui-status-success-darken-color)}.vxe-button.type--button.theme--success.is--disabled{border-color:var(--vxe-ui-status-success-disabled-color);background-color:var(--vxe-ui-status-success-disabled-color)}.vxe-button.type--button.theme--success.is--loading{border-color:var(--vxe-ui-status-success-color);background-color:var(--vxe-ui-status-success-color)}.vxe-button.type--button.theme--info{color:#fff}.vxe-button.type--button.theme--info:not(.is--disabled){border-color:var(--vxe-ui-status-info-color);background-color:var(--vxe-ui-status-info-color)}.vxe-button.type--button.theme--info:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-info-lighten-color);border-color:var(--vxe-ui-status-info-lighten-color)}.vxe-button.type--button.theme--info:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-info-darken-color);border-color:var(--vxe-ui-status-info-darken-color)}.vxe-button.type--button.theme--info.is--disabled{border-color:var(--vxe-ui-status-info-disabled-color);background-color:var(--vxe-ui-status-info-disabled-color)}.vxe-button.type--button.theme--info.is--loading{border-color:var(--vxe-ui-status-info-color);background-color:var(--vxe-ui-status-info-color)}.vxe-button.type--button.theme--warning{color:#fff}.vxe-button.type--button.theme--warning:not(.is--disabled){border-color:var(--vxe-ui-status-warning-color);background-color:var(--vxe-ui-status-warning-color)}.vxe-button.type--button.theme--warning:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-warning-lighten-color);border-color:var(--vxe-ui-status-warning-lighten-color)}.vxe-button.type--button.theme--warning:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-warning-darken-color);border-color:var(--vxe-ui-status-warning-darken-color)}.vxe-button.type--button.theme--warning.is--disabled{border-color:var(--vxe-ui-status-warning-disabled-color);background-color:var(--vxe-ui-status-warning-disabled-color)}.vxe-button.type--button.theme--warning.is--loading{border-color:var(--vxe-ui-status-warning-color);background-color:var(--vxe-ui-status-warning-color)}.vxe-button.type--button.theme--danger{color:#fff}.vxe-button.type--button.theme--danger:not(.is--disabled){border-color:var(--vxe-ui-status-danger-color);background-color:var(--vxe-ui-status-danger-color)}.vxe-button.type--button.theme--danger:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-danger-lighten-color);border-color:var(--vxe-ui-status-danger-lighten-color)}.vxe-button.type--button.theme--danger:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-danger-darken-color);border-color:var(--vxe-ui-status-danger-darken-color)}.vxe-button.type--button.theme--danger.is--disabled{border-color:var(--vxe-ui-status-danger-disabled-color);background-color:var(--vxe-ui-status-danger-disabled-color)}.vxe-button.type--button.theme--danger.is--loading{border-color:var(--vxe-ui-status-danger-color);background-color:var(--vxe-ui-status-danger-color)}.vxe-button.type--button.theme--error{color:#fff}.vxe-button.type--button.theme--error:not(.is--disabled){border-color:var(--vxe-ui-status-error-color);background-color:var(--vxe-ui-status-error-color)}.vxe-button.type--button.theme--error:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-error-lighten-color);border-color:var(--vxe-ui-status-error-lighten-color)}.vxe-button.type--button.theme--error:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-error-darken-color);border-color:var(--vxe-ui-status-error-darken-color)}.vxe-button.type--button.theme--error.is--disabled{border-color:var(--vxe-ui-status-error-disabled-color);background-color:var(--vxe-ui-status-error-disabled-color)}.vxe-button.type--button.theme--error.is--loading{border-color:var(--vxe-ui-status-error-color);background-color:var(--vxe-ui-status-error-color)}.vxe-button.type--button.theme--perfect{color:var(--vxe-ui-font-color)}.vxe-button.type--button.theme--perfect:not(.is--disabled){border-color:var(--vxe-ui-table-header-background-color);background-color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--button.theme--perfect:not(.is--disabled):hover{color:var(--vxe-ui-font-color);background-color:var(--vxe-ui-table-header-background-color);border-color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--button.theme--perfect:not(.is--disabled):active{color:var(--vxe-ui-font-color);background-color:var(--vxe-ui-table-header-background-color);border-color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--button.theme--perfect.is--disabled{border-color:var(--vxe-ui-table-header-background-color);background-color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--button.theme--perfect.is--loading{border-color:var(--vxe-ui-table-header-background-color);background-color:var(--vxe-ui-table-header-background-color)}.vxe-button.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-button.size--medium.type--button{height:var(--vxe-ui-button-height-medium)}.vxe-button.size--medium.type--button.is--circle{min-width:var(--vxe-ui-button-height-medium)}.vxe-button.size--medium.type--button.is--round{border-radius:var(--vxe-ui-button-round-border-radius-medium)}.vxe-button.size--medium .vxe-button--icon,.vxe-button.size--medium .vxe-button--loading-icon{min-width:var(--vxe-ui-font-size-medium)}.vxe-button.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-button.size--small.type--button{height:var(--vxe-ui-button-height-small)}.vxe-button.size--small.type--button.is--circle{min-width:var(--vxe-ui-button-height-small)}.vxe-button.size--small.type--button.is--round{border-radius:var(--vxe-ui-button-round-border-radius-small)}.vxe-button.size--small .vxe-button--icon,.vxe-button.size--small .vxe-button--loading-icon{min-width:var(--vxe-ui-font-size-small)}.vxe-button.size--mini{font-size:var(--vxe-ui-font-size-mini)}.vxe-button.size--mini.type--button{height:var(--vxe-ui-button-height-mini)}.vxe-button.size--mini.type--button.is--circle{min-width:var(--vxe-ui-button-height-mini)}.vxe-button.size--mini.type--button.is--round{border-radius:var(--vxe-ui-button-round-border-radius-mini)}.vxe-button.size--mini .vxe-button--icon,.vxe-button.size--mini .vxe-button--loading-icon{min-width:var(--vxe-ui-font-size-mini)}.vxe-button+.vxe-button--dropdown,.vxe-button+.vxe-button-wrapper,.vxe-button+.vxe-button.type--button,.vxe-button-wrapper+.vxe-button--dropdown,.vxe-button-wrapper+.vxe-button-wrapper,.vxe-button-wrapper+.vxe-button.type--button,.vxe-input+.vxe-button--dropdown,.vxe-input+.vxe-button-wrapper,.vxe-input+.vxe-button.type--button{margin-left:12px}.vxe-button--icon,.vxe-button--loading-icon{min-width:var(--vxe-ui-font-size-default)}.vxe-button--icon+.vxe-button--content,.vxe-button--loading-icon+.vxe-button--content{margin-left:4px}.vxe-button--dropdown,.vxe-button--wrapper{display:inline-block}.vxe-button--dropdown{position:relative;outline:0}.vxe-button--dropdown+.vxe-button--dropdown,.vxe-button--dropdown+.vxe-button-wrapper,.vxe-button--dropdown+.vxe-button.type--button{margin-left:12px}.vxe-button--dropdown>.vxe-button.type--button.theme--primary{color:#fff}.vxe-button--dropdown>.vxe-button.type--button.theme--success{color:#fff}.vxe-button--dropdown>.vxe-button.type--button.theme--info{color:#fff}.vxe-button--dropdown>.vxe-button.type--button.theme--warning{color:#fff}.vxe-button--dropdown>.vxe-button.type--button.theme--danger{color:#fff}.vxe-button--dropdown>.vxe-button.type--button.theme--error{color:#fff}.vxe-button--dropdown>.vxe-button.type--button.theme--perfect{color:var(--vxe-ui-font-color)}.vxe-button--dropdown.is--active>.vxe-button:not(.is--disabled){color:var(--vxe-ui-font-primary-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--primary{color:var(--vxe-ui-font-primary-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--success{color:var(--vxe-ui-status-success-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--info{color:var(--vxe-ui-status-info-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--warning{color:var(--vxe-ui-status-warning-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--danger{color:var(--vxe-ui-status-danger-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--error{color:var(--vxe-ui-status-error-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--perfect{color:var(--vxe-ui-table-header-background-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--primary{color:#fff;background-color:var(--vxe-ui-font-primary-lighten-color);border-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--success{color:#fff;background-color:var(--vxe-ui-status-success-lighten-color);border-color:var(--vxe-ui-status-success-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--info{color:#fff;background-color:var(--vxe-ui-status-info-lighten-color);border-color:var(--vxe-ui-status-info-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--warning{color:#fff;background-color:var(--vxe-ui-status-warning-lighten-color);border-color:var(--vxe-ui-status-warning-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--danger{color:#fff;background-color:var(--vxe-ui-status-danger-lighten-color);border-color:var(--vxe-ui-status-danger-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--error{color:#fff;background-color:var(--vxe-ui-status-error-lighten-color);border-color:var(--vxe-ui-status-error-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--perfect{color:var(--vxe-ui-font-color);background-color:var(--vxe-ui-table-header-background-color);border-color:var(--vxe-ui-table-header-background-color)}.vxe-button--dropdown.is--active .vxe-button--dropdown-arrow{transform:rotate(180deg)}.vxe-button--dropdown-arrow{display:inline-block;font-size:12px;margin-left:4px;transition:transform .2s ease-in-out}.vxe-button--dropdown-panel{display:none;position:absolute;right:0;padding:4px 0}.vxe-button--dropdown-panel.animat--leave{display:block;opacity:0;transform:scaleY(.5);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:center top;backface-visibility:hidden;transform-style:preserve-3d}.vxe-button--dropdown-panel.animat--leave[placement=top]{transform-origin:center bottom}.vxe-button--dropdown-panel.animat--enter{opacity:1;transform:scaleY(1)}.vxe-button--dropdown-wrapper{padding:5px;background-color:var(--vxe-ui-layout-background-color);border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-input-border-color);box-shadow:0 1px 6px rgba(0,0,0,.2)}.vxe-button--dropdown-wrapper>.vxe-button.type--button,.vxe-button--dropdown-wrapper>.vxe-button.type--text{display:block;width:100%;border:0;margin:.4em 0 0 0}.vxe-button--dropdown-wrapper>.vxe-button.type--text{padding:2px 8px}.vxe-button--dropdown-wrapper>.vxe-button:first-child{margin-top:0}.vxe-button--dropdown-wrapper>.vxe-button:last-child{margin-bottom:0}
+.vxe-button{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;position:relative;background-color:var(--vxe-ui-layout-background-color);outline:0;font-size:var(--vxe-ui-font-size-default);max-width:var(--vxe-ui-button-max-width);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border .2s ease-in-out}.vxe-button.align--left{justify-content:left}.vxe-button.align--center{justify-content:center}.vxe-button.align--right{justify-content:right}.vxe-button:not(.is--disabled){color:var(--vxe-ui-font-color);cursor:pointer}.vxe-button.is--loading{cursor:progress}.vxe-button.is--loading:before{content:"";position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;border-radius:inherit;background-color:hsla(0,0%,100%,.35);pointer-events:none}.vxe-button.is--disabled{color:var(--vxe-ui-font-disabled-color)}.vxe-button.is--disabled:not(.is--loading){cursor:no-drop}.vxe-button.type--text{text-decoration:none;border:0;padding:.1em .5em;background-color:transparent;text-decoration:none}.vxe-button.type--text:not(.is--disabled):focus{color:var(--vxe-ui-font-darken-color)}.vxe-button.type--text:not(.is--disabled):hover{color:var(--vxe-ui-font-primary-lighten-color)}.vxe-button.type--text:not(.is--disabled):active{color:var(--vxe-ui-font-primary-darken-color)}.vxe-button.type--text.theme--primary{color:var(--vxe-ui-font-primary-color)}.vxe-button.type--text.theme--primary:not(.is--disabled):focus{color:var(--vxe-ui-font-primary-darken-color)}.vxe-button.type--text.theme--primary:not(.is--disabled):hover{color:var(--vxe-ui-font-primary-lighten-color)}.vxe-button.type--text.theme--primary:not(.is--disabled):active{color:var(--vxe-ui-font-primary-darken-color)}.vxe-button.type--text.theme--primary.is--disabled{color:var(--vxe-ui-font-primary-disabled-color)}.vxe-button.type--text.theme--success{color:var(--vxe-ui-status-success-color)}.vxe-button.type--text.theme--success:not(.is--disabled):focus{color:var(--vxe-ui-status-success-darken-color)}.vxe-button.type--text.theme--success:not(.is--disabled):hover{color:var(--vxe-ui-status-success-lighten-color)}.vxe-button.type--text.theme--success:not(.is--disabled):active{color:var(--vxe-ui-status-success-darken-color)}.vxe-button.type--text.theme--success.is--disabled{color:var(--vxe-ui-status-success-disabled-color)}.vxe-button.type--text.theme--info{color:var(--vxe-ui-status-info-color)}.vxe-button.type--text.theme--info:not(.is--disabled):focus{color:var(--vxe-ui-status-info-darken-color)}.vxe-button.type--text.theme--info:not(.is--disabled):hover{color:var(--vxe-ui-status-info-lighten-color)}.vxe-button.type--text.theme--info:not(.is--disabled):active{color:var(--vxe-ui-status-info-darken-color)}.vxe-button.type--text.theme--info.is--disabled{color:var(--vxe-ui-status-info-disabled-color)}.vxe-button.type--text.theme--warning{color:var(--vxe-ui-status-warning-color)}.vxe-button.type--text.theme--warning:not(.is--disabled):focus{color:var(--vxe-ui-status-warning-darken-color)}.vxe-button.type--text.theme--warning:not(.is--disabled):hover{color:var(--vxe-ui-status-warning-lighten-color)}.vxe-button.type--text.theme--warning:not(.is--disabled):active{color:var(--vxe-ui-status-warning-darken-color)}.vxe-button.type--text.theme--warning.is--disabled{color:var(--vxe-ui-status-warning-disabled-color)}.vxe-button.type--text.theme--danger{color:var(--vxe-ui-status-danger-color)}.vxe-button.type--text.theme--danger:not(.is--disabled):focus{color:var(--vxe-ui-status-danger-darken-color)}.vxe-button.type--text.theme--danger:not(.is--disabled):hover{color:var(--vxe-ui-status-danger-lighten-color)}.vxe-button.type--text.theme--danger:not(.is--disabled):active{color:var(--vxe-ui-status-danger-darken-color)}.vxe-button.type--text.theme--danger.is--disabled{color:var(--vxe-ui-status-danger-disabled-color)}.vxe-button.type--text.theme--error{color:var(--vxe-ui-status-error-color)}.vxe-button.type--text.theme--error:not(.is--disabled):focus{color:var(--vxe-ui-status-error-darken-color)}.vxe-button.type--text.theme--error:not(.is--disabled):hover{color:var(--vxe-ui-status-error-lighten-color)}.vxe-button.type--text.theme--error:not(.is--disabled):active{color:var(--vxe-ui-status-error-darken-color)}.vxe-button.type--text.theme--error.is--disabled{color:var(--vxe-ui-status-error-disabled-color)}.vxe-button.type--text.theme--perfect{color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--text.theme--perfect:not(.is--disabled):focus{color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--text.theme--perfect:not(.is--disabled):hover{color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--text.theme--perfect:not(.is--disabled):active{color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--text.theme--perfect.is--disabled{color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--button{font-family:inherit;height:var(--vxe-ui-button-height-default);line-height:1;border:1px solid var(--vxe-ui-input-border-color);text-decoration:none}.vxe-button.type--button.is--round{border-radius:var(--vxe-ui-button-round-border-radius-default)}.vxe-button.type--button:not(.is--round){border-radius:var(--vxe-ui-base-border-radius)}.vxe-button.type--button.is--circle{padding:0 .5em;text-align:center;justify-content:center;min-width:var(--vxe-ui-button-height-default);border-radius:50%}.vxe-button.type--button:not(.is--circle){padding:0 1em}.vxe-button.type--button:not(.is--disabled):hover{color:var(--vxe-ui-font-primary-lighten-color)}.vxe-button.type--button:not(.is--disabled):focus{border-color:var(--vxe-ui-font-primary-color)}.vxe-button.type--button:not(.is--disabled):active{color:var(--vxe-ui-font-primary-darken-color);border-color:var(--vxe-ui-font-primary-darken-color);background-color:var(--vxe-ui-layout-background-color)}.vxe-button.type--button.theme--primary{color:#fff}.vxe-button.type--button.theme--primary:not(.is--disabled){border-color:var(--vxe-ui-font-primary-color);background-color:var(--vxe-ui-font-primary-color)}.vxe-button.type--button.theme--primary:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-font-primary-lighten-color);border-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-button.type--button.theme--primary:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-font-primary-darken-color);border-color:var(--vxe-ui-font-primary-darken-color)}.vxe-button.type--button.theme--primary.is--disabled{border-color:var(--vxe-ui-font-primary-disabled-color);background-color:var(--vxe-ui-font-primary-disabled-color)}.vxe-button.type--button.theme--primary.is--loading{border-color:var(--vxe-ui-font-primary-color);background-color:var(--vxe-ui-font-primary-color)}.vxe-button.type--button.theme--success{color:#fff}.vxe-button.type--button.theme--success:not(.is--disabled){border-color:var(--vxe-ui-status-success-color);background-color:var(--vxe-ui-status-success-color)}.vxe-button.type--button.theme--success:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-success-lighten-color);border-color:var(--vxe-ui-status-success-lighten-color)}.vxe-button.type--button.theme--success:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-success-darken-color);border-color:var(--vxe-ui-status-success-darken-color)}.vxe-button.type--button.theme--success.is--disabled{border-color:var(--vxe-ui-status-success-disabled-color);background-color:var(--vxe-ui-status-success-disabled-color)}.vxe-button.type--button.theme--success.is--loading{border-color:var(--vxe-ui-status-success-color);background-color:var(--vxe-ui-status-success-color)}.vxe-button.type--button.theme--info{color:#fff}.vxe-button.type--button.theme--info:not(.is--disabled){border-color:var(--vxe-ui-status-info-color);background-color:var(--vxe-ui-status-info-color)}.vxe-button.type--button.theme--info:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-info-lighten-color);border-color:var(--vxe-ui-status-info-lighten-color)}.vxe-button.type--button.theme--info:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-info-darken-color);border-color:var(--vxe-ui-status-info-darken-color)}.vxe-button.type--button.theme--info.is--disabled{border-color:var(--vxe-ui-status-info-disabled-color);background-color:var(--vxe-ui-status-info-disabled-color)}.vxe-button.type--button.theme--info.is--loading{border-color:var(--vxe-ui-status-info-color);background-color:var(--vxe-ui-status-info-color)}.vxe-button.type--button.theme--warning{color:#fff}.vxe-button.type--button.theme--warning:not(.is--disabled){border-color:var(--vxe-ui-status-warning-color);background-color:var(--vxe-ui-status-warning-color)}.vxe-button.type--button.theme--warning:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-warning-lighten-color);border-color:var(--vxe-ui-status-warning-lighten-color)}.vxe-button.type--button.theme--warning:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-warning-darken-color);border-color:var(--vxe-ui-status-warning-darken-color)}.vxe-button.type--button.theme--warning.is--disabled{border-color:var(--vxe-ui-status-warning-disabled-color);background-color:var(--vxe-ui-status-warning-disabled-color)}.vxe-button.type--button.theme--warning.is--loading{border-color:var(--vxe-ui-status-warning-color);background-color:var(--vxe-ui-status-warning-color)}.vxe-button.type--button.theme--danger{color:#fff}.vxe-button.type--button.theme--danger:not(.is--disabled){border-color:var(--vxe-ui-status-danger-color);background-color:var(--vxe-ui-status-danger-color)}.vxe-button.type--button.theme--danger:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-danger-lighten-color);border-color:var(--vxe-ui-status-danger-lighten-color)}.vxe-button.type--button.theme--danger:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-danger-darken-color);border-color:var(--vxe-ui-status-danger-darken-color)}.vxe-button.type--button.theme--danger.is--disabled{border-color:var(--vxe-ui-status-danger-disabled-color);background-color:var(--vxe-ui-status-danger-disabled-color)}.vxe-button.type--button.theme--danger.is--loading{border-color:var(--vxe-ui-status-danger-color);background-color:var(--vxe-ui-status-danger-color)}.vxe-button.type--button.theme--error{color:#fff}.vxe-button.type--button.theme--error:not(.is--disabled){border-color:var(--vxe-ui-status-error-color);background-color:var(--vxe-ui-status-error-color)}.vxe-button.type--button.theme--error:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-error-lighten-color);border-color:var(--vxe-ui-status-error-lighten-color)}.vxe-button.type--button.theme--error:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-error-darken-color);border-color:var(--vxe-ui-status-error-darken-color)}.vxe-button.type--button.theme--error.is--disabled{border-color:var(--vxe-ui-status-error-disabled-color);background-color:var(--vxe-ui-status-error-disabled-color)}.vxe-button.type--button.theme--error.is--loading{border-color:var(--vxe-ui-status-error-color);background-color:var(--vxe-ui-status-error-color)}.vxe-button.type--button.theme--perfect{color:var(--vxe-ui-font-color)}.vxe-button.type--button.theme--perfect:not(.is--disabled){border-color:var(--vxe-ui-table-header-background-color);background-color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--button.theme--perfect:not(.is--disabled):hover{color:var(--vxe-ui-font-color);background-color:var(--vxe-ui-table-header-background-color);border-color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--button.theme--perfect:not(.is--disabled):active{color:var(--vxe-ui-font-color);background-color:var(--vxe-ui-table-header-background-color);border-color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--button.theme--perfect.is--disabled{border-color:var(--vxe-ui-table-header-background-color);background-color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--button.theme--perfect.is--loading{border-color:var(--vxe-ui-table-header-background-color);background-color:var(--vxe-ui-table-header-background-color)}.vxe-button.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-button.size--medium.type--button{height:var(--vxe-ui-button-height-medium)}.vxe-button.size--medium.type--button.is--circle{min-width:var(--vxe-ui-button-height-medium)}.vxe-button.size--medium.type--button.is--round{border-radius:var(--vxe-ui-button-round-border-radius-medium)}.vxe-button.size--medium .vxe-button--icon,.vxe-button.size--medium .vxe-button--loading-icon{min-width:var(--vxe-ui-font-size-medium)}.vxe-button.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-button.size--small.type--button{height:var(--vxe-ui-button-height-small)}.vxe-button.size--small.type--button.is--circle{min-width:var(--vxe-ui-button-height-small)}.vxe-button.size--small.type--button.is--round{border-radius:var(--vxe-ui-button-round-border-radius-small)}.vxe-button.size--small .vxe-button--icon,.vxe-button.size--small .vxe-button--loading-icon{min-width:var(--vxe-ui-font-size-small)}.vxe-button.size--mini{font-size:var(--vxe-ui-font-size-mini)}.vxe-button.size--mini.type--button{height:var(--vxe-ui-button-height-mini)}.vxe-button.size--mini.type--button.is--circle{min-width:var(--vxe-ui-button-height-mini)}.vxe-button.size--mini.type--button.is--round{border-radius:var(--vxe-ui-button-round-border-radius-mini)}.vxe-button.size--mini .vxe-button--icon,.vxe-button.size--mini .vxe-button--loading-icon{min-width:var(--vxe-ui-font-size-mini)}.vxe-button+.vxe-button--dropdown,.vxe-button+.vxe-button-wrapper,.vxe-button+.vxe-button.type--button,.vxe-button-wrapper+.vxe-button--dropdown,.vxe-button-wrapper+.vxe-button-wrapper,.vxe-button-wrapper+.vxe-button.type--button,.vxe-input+.vxe-button--dropdown,.vxe-input+.vxe-button-wrapper,.vxe-input+.vxe-button.type--button{margin-left:12px}.vxe-button--icon,.vxe-button--loading-icon{min-width:var(--vxe-ui-font-size-default)}.vxe-button--icon+.vxe-button--content,.vxe-button--loading-icon+.vxe-button--content{margin-left:4px}.vxe-button--dropdown,.vxe-button--wrapper{display:inline-block}.vxe-button--dropdown{position:relative;outline:0}.vxe-button--dropdown+.vxe-button--dropdown,.vxe-button--dropdown+.vxe-button-wrapper,.vxe-button--dropdown+.vxe-button.type--button{margin-left:12px}.vxe-button--dropdown>.vxe-button.type--button.theme--primary{color:#fff}.vxe-button--dropdown>.vxe-button.type--button.theme--success{color:#fff}.vxe-button--dropdown>.vxe-button.type--button.theme--info{color:#fff}.vxe-button--dropdown>.vxe-button.type--button.theme--warning{color:#fff}.vxe-button--dropdown>.vxe-button.type--button.theme--danger{color:#fff}.vxe-button--dropdown>.vxe-button.type--button.theme--error{color:#fff}.vxe-button--dropdown>.vxe-button.type--button.theme--perfect{color:var(--vxe-ui-font-color)}.vxe-button--dropdown.is--active>.vxe-button:not(.is--disabled){color:var(--vxe-ui-font-primary-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--primary{color:var(--vxe-ui-font-primary-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--success{color:var(--vxe-ui-status-success-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--info{color:var(--vxe-ui-status-info-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--warning{color:var(--vxe-ui-status-warning-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--danger{color:var(--vxe-ui-status-danger-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--error{color:var(--vxe-ui-status-error-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--perfect{color:var(--vxe-ui-table-header-background-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--primary{color:#fff;background-color:var(--vxe-ui-font-primary-lighten-color);border-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--success{color:#fff;background-color:var(--vxe-ui-status-success-lighten-color);border-color:var(--vxe-ui-status-success-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--info{color:#fff;background-color:var(--vxe-ui-status-info-lighten-color);border-color:var(--vxe-ui-status-info-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--warning{color:#fff;background-color:var(--vxe-ui-status-warning-lighten-color);border-color:var(--vxe-ui-status-warning-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--danger{color:#fff;background-color:var(--vxe-ui-status-danger-lighten-color);border-color:var(--vxe-ui-status-danger-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--error{color:#fff;background-color:var(--vxe-ui-status-error-lighten-color);border-color:var(--vxe-ui-status-error-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--perfect{color:var(--vxe-ui-font-color);background-color:var(--vxe-ui-table-header-background-color);border-color:var(--vxe-ui-table-header-background-color)}.vxe-button--dropdown.is--active .vxe-button--dropdown-arrow{transform:rotate(180deg)}.vxe-button--dropdown-arrow{display:inline-block;font-size:12px;margin-left:4px;transition:transform .2s ease-in-out}.vxe-button--dropdown-panel{display:none;position:absolute;right:0;padding:4px 0}.vxe-button--dropdown-panel.ani--leave{display:block;opacity:0;transform:scaleY(.5);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:center top;backface-visibility:hidden;transform-style:preserve-3d}.vxe-button--dropdown-panel.ani--leave[placement=top]{transform-origin:center bottom}.vxe-button--dropdown-panel.ani--enter{opacity:1;transform:scaleY(1)}.vxe-button--dropdown-wrapper{padding:5px;background-color:var(--vxe-ui-layout-background-color);border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-input-border-color);box-shadow:0 1px 6px rgba(0,0,0,.2)}.vxe-button--dropdown-wrapper>.vxe-button.type--button,.vxe-button--dropdown-wrapper>.vxe-button.type--text{display:block;width:100%;border:0;margin:.4em 0 0 0}.vxe-button--dropdown-wrapper>.vxe-button.type--text{padding:2px 8px}.vxe-button--dropdown-wrapper>.vxe-button:first-child{margin-top:0}.vxe-button--dropdown-wrapper>.vxe-button:last-child{margin-bottom:0}

package/es/button-group/index.js

@@ -6,7 +6,7 @@ export const VxeButtonGroup = Object.assign({}, VxeButtonGroupComponent, {
         app.component(VxeButtonGroupComponent.name, VxeButtonGroupComponent);
     }
 });
-dynamicApp.component(VxeButtonGroupComponent.name, VxeButtonGroupComponent);
+dynamicApp.use(VxeButtonGroup);
 VxeUI.component(VxeButtonGroupComponent);
 export const ButtonGroup = VxeButtonGroup;
 export default VxeButtonGroup;

package/es/calendar/index.js

@@ -6,7 +6,7 @@ export const VxeCalendar = Object.assign({}, VxeCalendarComponent, {
         app.component(VxeCalendarComponent.name, VxeCalendarComponent);
     }
 });
-dynamicApp.component(VxeCalendarComponent.name, VxeCalendarComponent);
+dynamicApp.use(VxeCalendar);
 VxeUI.component(VxeCalendarComponent);
 export const Calendar = VxeCalendar;
 export default VxeCalendar;

package/es/card/index.js

@@ -6,7 +6,7 @@ export const VxeCard = Object.assign({}, VxeCardComponent, {
         app.component(VxeCardComponent.name, VxeCardComponent);
     }
 });
-dynamicApp.component(VxeCardComponent.name, VxeCardComponent);
+dynamicApp.use(VxeCard);
 VxeUI.component(VxeCardComponent);
 export const Card = VxeCard;
 export default VxeCard;

package/es/carousel/index.js

@@ -6,7 +6,7 @@ export const VxeCarousel = Object.assign({}, VxeCarouselComponent, {
         app.component(VxeCarouselComponent.name, VxeCarouselComponent);
     }
 });
-dynamicApp.component(VxeCarouselComponent.name, VxeCarouselComponent);
+dynamicApp.use(VxeCarousel);
 VxeUI.component(VxeCarouselComponent);
 export const Carousel = VxeCarousel;
 export default VxeCarousel;

package/es/carousel-item/index.js

@@ -6,7 +6,7 @@ export const VxeCarouselItem = Object.assign({}, VxeCarouselItemComponent, {
         app.component(VxeCarouselItemComponent.name, VxeCarouselItemComponent);
     }
 });
-dynamicApp.component(VxeCarouselItemComponent.name, VxeCarouselItemComponent);
+dynamicApp.use(VxeCarouselItem);
 VxeUI.component(VxeCarouselItemComponent);
 export const CarouselItem = VxeCarouselItem;
 export default VxeCarouselItem;

package/es/checkbox/index.js

@@ -6,7 +6,7 @@ export const VxeCheckbox = Object.assign(VxeCheckboxComponent, {
         app.component(VxeCheckboxComponent.name, VxeCheckboxComponent);
     }
 });
-export const Checkbox = VxeCheckbox;
-dynamicApp.component(VxeCheckboxComponent.name, VxeCheckboxComponent);
+dynamicApp.use(VxeCheckbox);
 VxeUI.component(VxeCheckboxComponent);
+export const Checkbox = VxeCheckbox;
 export default VxeCheckbox;

package/es/checkbox-group/index.js

@@ -6,7 +6,7 @@ export const VxeCheckboxGroup = Object.assign(VxeCheckboxGroupComponent, {
         app.component(VxeCheckboxGroupComponent.name, VxeCheckboxGroupComponent);
     }
 });
-dynamicApp.component(VxeCheckboxGroupComponent.name, VxeCheckboxGroupComponent);
+dynamicApp.use(VxeCheckboxGroup);
 VxeUI.component(VxeCheckboxGroupComponent);
 export const CheckboxGroup = VxeCheckboxGroup;
 export default VxeCheckboxGroup;

package/es/col/index.js

@@ -6,7 +6,7 @@ export const VxeCol = Object.assign({}, VxeColComponent, {
         app.component(VxeColComponent.name, VxeColComponent);
     }
 });
-dynamicApp.component(VxeColComponent.name, VxeColComponent);
+dynamicApp.use(VxeCol);
 VxeUI.component(VxeColComponent);
 export const Col = VxeCol;
 export default VxeCol;

package/es/collapse/index.js

@@ -6,7 +6,7 @@ export const VxeCollapse = Object.assign({}, VxeCollapseComponent, {
         app.component(VxeCollapseComponent.name, VxeCollapseComponent);
     }
 });
-dynamicApp.component(VxeCollapseComponent.name, VxeCollapseComponent);
+dynamicApp.use(VxeCollapse);
 VxeUI.component(VxeCollapseComponent);
 export const Collapse = VxeCollapse;
 export default VxeCollapse;

package/es/collapse-pane/index.js

@@ -6,7 +6,7 @@ export const VxeCollapsePane = Object.assign({}, VxeCollapsePaneComponent, {
         app.component(VxeCollapsePaneComponent.name, VxeCollapsePaneComponent);
     }
 });
-dynamicApp.component(VxeCollapsePaneComponent.name, VxeCollapsePaneComponent);
+dynamicApp.use(VxeCollapsePane);
 VxeUI.component(VxeCollapsePaneComponent);
 export const CollapsePane = VxeCollapsePane;
 export default VxeCollapsePane;

package/es/countdown/index.js

@@ -6,7 +6,7 @@ export const VxeCountdown = Object.assign({}, VxeCountdownComponent, {
         app.component(VxeCountdownComponent.name, VxeCountdownComponent);
     }
 });
-dynamicApp.component(VxeCountdownComponent.name, VxeCountdownComponent);
+dynamicApp.use(VxeCountdown);
 VxeUI.component(VxeCountdownComponent);
 export const Countdown = VxeCountdown;
 export default VxeCountdown;

package/es/date-picker/index.js

@@ -7,7 +7,7 @@ export const VxeDatePicker = Object.assign({}, VxeDatePickerComponent, {
         app.component('VxeDateInput', VxeDatePickerComponent);
     }
 });
-dynamicApp.component(VxeDatePickerComponent.name, VxeDatePickerComponent);
+dynamicApp.use(VxeDatePicker);
 VxeUI.component(VxeDatePickerComponent);
 export const DatePicker = VxeDatePicker;
 export default VxeDatePicker;