vxe-pc-ui 3.15.13 → 3.15.14

package/es/tree/src/tree.js

@@ -1,7 +1,7 @@
 import { defineVxeComponent } from '../../ui/src/comp';
 import XEUtils from 'xe-utils';
 import { VxeUI, createEvent, globalEvents, globalResize, renderEmptyElement, globalMixins } from '../../ui';
-import { calcTreeLine } from './util';
+import { calcTreeLine, getItemCacheObj } from './util';
 import { createComponentLog } from '../../ui/src/log';
 import { getSlotVNs } from '../../ui/src/vn';
 import { crossTreeDragNodeGlobal, getCrossTreeDragNodeInfo } from './store';
@@ -9,7 +9,7 @@ import { toCssUnit, isScale, getPaddingTopBottomSize, addClass, removeClass, get
 import { isEnableConf, enModelValue, deModelValue } from '../../ui/src/utils';
 import { moveRowAnimateToTb, clearRowAnimate } from '../../ui/src/anime';
 import VxeLoadingComponent from '../../loading';
-const { errLog } = createComponentLog('tree');
+const { warnLog, errLog } = createComponentLog('tree');
 const { menus, getConfig, getI18n, getIcon } = VxeUI;
 // let crossTreeDragNodeObj: {
 //   $oldTree: VxeTreeConstructor & VxeTreePrivateMethods
@@ -462,6 +462,46 @@ function handleVisibleOrCheckMode(mode, isExistChild, nLevel) {
     }
     return true;
 }
+function insertTreeNode($xeTree, newRecords, isAppend) {
+    const internalData = $xeTree.internalData;
+    const { treeFullData, nodeMaps } = internalData;
+    const keyField = $xeTree.computeKeyField;
+    const parentField = $xeTree.computeParentField;
+    const childrenField = $xeTree.computeChildrenField;
+    const mapChildrenField = $xeTree.computeMapChildrenField;
+    const funcName = isAppend ? 'push' : 'unshift';
+    newRecords.forEach((item) => {
+        const parentRowId = item[parentField];
+        const nodeid = $xeTree.getNodeId(item);
+        const matchObj = parentRowId ? XEUtils.findTree(treeFullData, (item) => parentRowId === item[keyField], { children: mapChildrenField }) : null;
+        const itemRest = getItemCacheObj(item);
+        if (matchObj) {
+            const { item: parentItem } = matchObj;
+            const parentRest = nodeMaps[$xeTree.getNodeId(parentItem)];
+            const parentLevel = parentRest ? parentRest.level : 0;
+            let pChilds = parentItem[childrenField];
+            let pMapChilds = parentItem[mapChildrenField];
+            if (!XEUtils.isArray(pChilds)) {
+                pChilds = parentItem[childrenField] = [];
+            }
+            if (!XEUtils.isArray(pMapChilds)) {
+                pMapChilds = parentItem[mapChildrenField] = [];
+            }
+            itemRest.parent = parentItem;
+            itemRest.items = pChilds;
+            itemRest.level = parentLevel;
+            pChilds[funcName](item);
+            pMapChilds[funcName](item);
+        }
+        else {
+            if (parentRowId) {
+                warnLog('vxe.error.unableInsert');
+            }
+            treeFullData[funcName](item);
+        }
+        nodeMaps[nodeid] = itemRest;
+    });
+}
 function createInternalData() {
     return {
         // initialized: false,
@@ -483,6 +523,8 @@ function createInternalData() {
             offsetSize: 0,
             rowHeight: 0
         },
+        removeRowMaps: {},
+        insertRowMaps: {},
         // prevDragNode: null,
         // prevDragToChild: false,
         // prevDragPos: ''
@@ -504,6 +546,8 @@ function createReactData() {
         treeList: [],
         updateExpandedFlag: 1,
         updateCheckboxFlag: 1,
+        insertRowFlag: 1,
+        removeRowFlag: 1,
         dragNode: null,
         dragTipText: ''
     };
@@ -1474,6 +1518,204 @@ export default {
             internalData.lastScrollLeft = 0;
             return $xeTree.$nextTick();
         },
+        handleInsertNodeAt(records, targetNodeOrNodeid, isInsertNextNode) {
+            const $xeTree = this;
+            const props = $xeTree;
+            const reactData = $xeTree.reactData;
+            const internalData = $xeTree.internalData;
+            const { transform } = props;
+            const { treeFullData, nodeMaps } = internalData;
+            const keyField = $xeTree.computeKeyField;
+            const parentField = $xeTree.computeParentField;
+            const childrenField = $xeTree.computeChildrenField;
+            const mapChildrenField = $xeTree.computeMapChildrenField;
+            if (!transform) {
+                errLog('vxe.error.reqSupportProp', ['insert() | insertAt() | insertNextAt()', 'transform']);
+                return Promise.resolve({ node: null, nodes: [] });
+            }
+            if (!XEUtils.isArray(records)) {
+                records = [records];
+            }
+            let targetNode = targetNodeOrNodeid;
+            if (XEUtils.isString(targetNodeOrNodeid) || XEUtils.isNumber(targetNodeOrNodeid)) {
+                const nodeRest = nodeMaps[targetNodeOrNodeid];
+                if (nodeRest) {
+                    targetNode = nodeRest.item;
+                }
+            }
+            if (!records.length) {
+                return Promise.resolve({ node: null, nodes: [] });
+            }
+            const newRecords = records.map(record => XEUtils.assign({ [mapChildrenField]: [], [childrenField]: [] }, record));
+            const treeRecords = XEUtils.toArrayTree(newRecords, { key: keyField, parentKey: parentField, children: childrenField });
+            if (XEUtils.eqNull(targetNode)) {
+                insertTreeNode($xeTree, newRecords, false);
+            }
+            else {
+                if (targetNode === -1) {
+                    insertTreeNode($xeTree, newRecords, true);
+                }
+                else {
+                    const matchMapObj = XEUtils.findTree(treeFullData, item => targetNode[keyField] === item[keyField], { children: mapChildrenField });
+                    if (matchMapObj) {
+                        const { parent: parentNode } = matchMapObj;
+                        const parentMapChilds = parentNode ? parentNode[mapChildrenField] : treeFullData;
+                        const parentRest = nodeMaps[$xeTree.getNodeId(parentNode)];
+                        const parentLevel = parentRest ? parentRest.level : 0;
+                        treeRecords.forEach((row, i) => {
+                            if (parentNode) {
+                                if (row[parentField] !== parentNode[keyField]) {
+                                    errLog('vxe.error.errProp', [`${parentField}=${row[parentField]}`, `${parentField}=${parentNode[keyField]}`]);
+                                    row[parentField] = parentNode[keyField];
+                                }
+                            }
+                            else {
+                                if (row[parentField] !== null) {
+                                    if (!XEUtils.eqNull(row[parentField])) {
+                                        errLog('vxe.error.errProp', [`${parentField}=${row[parentField]}`, 'null']);
+                                    }
+                                    row[parentField] = null;
+                                }
+                            }
+                            let targetIndex = matchMapObj.index + i;
+                            if (isInsertNextNode) {
+                                targetIndex = targetIndex + 1;
+                            }
+                            parentMapChilds.splice(targetIndex, 0, row);
+                        });
+                        XEUtils.eachTree(treeRecords, (item) => {
+                            const nodeid = $xeTree.getNodeId(item);
+                            const nodeRest = getItemCacheObj(item);
+                            nodeRest.level = parentLevel;
+                            if (item[childrenField]) {
+                                item[mapChildrenField] = item[childrenField];
+                            }
+                            nodeMaps[nodeid] = nodeRest;
+                        }, { children: childrenField });
+                        // 源
+                        if (parentNode) {
+                            const matchObj = XEUtils.findTree(treeFullData, item => targetNode[keyField] === item[keyField], { children: childrenField });
+                            if (matchObj) {
+                                const parentChilds = matchObj.items;
+                                let targetIndex = matchObj.index;
+                                if (isInsertNextNode) {
+                                    targetIndex = targetIndex + 1;
+                                }
+                                parentChilds.splice(targetIndex, 0, ...treeRecords);
+                            }
+                        }
+                    }
+                    else {
+                        warnLog('vxe.error.unableInsert');
+                        insertTreeNode($xeTree, newRecords, true);
+                    }
+                }
+            }
+            reactData.insertRowFlag++;
+            $xeTree.cacheNodeMap();
+            $xeTree.handleData(true);
+            $xeTree.updateAfterDataIndex();
+            $xeTree.updateCheckboxStatus();
+            if (reactData.scrollYLoad) {
+                $xeTree.updateYSpace();
+            }
+            return $xeTree.$nextTick().then(() => {
+                return {
+                    node: newRecords.length ? newRecords[newRecords.length - 1] : null,
+                    nodes: newRecords
+                };
+            });
+        },
+        insert(records) {
+            const $xeTree = this;
+            return $xeTree.handleInsertNodeAt(records, null);
+        },
+        insertAt(records, targetNodeOrNodeid) {
+            const $xeTree = this;
+            return $xeTree.handleInsertNodeAt(records, targetNodeOrNodeid);
+        },
+        insertNextAt(records, targetNodeOrNodeid) {
+            const $xeTree = this;
+            return $xeTree.handleInsertNodeAt(records, targetNodeOrNodeid, true);
+        },
+        remove(nodes) {
+            const $xeTree = this;
+            const props = $xeTree;
+            const reactData = $xeTree.reactData;
+            const internalData = $xeTree.internalData;
+            const { transform } = props;
+            const { treeFullData } = internalData;
+            const childrenField = $xeTree.computeChildrenField;
+            const mapChildrenField = $xeTree.computeMapChildrenField;
+            if (!transform) {
+                errLog('vxe.error.reqSupportProp', ['remove()', 'transform']);
+                return Promise.resolve({ node: null, nodes: [] });
+            }
+            let delList = [];
+            if (!nodes) {
+                nodes = treeFullData;
+            }
+            else if (!XEUtils.isArray(nodes)) {
+                nodes = [nodes];
+            }
+            if (!nodes.length) {
+                return Promise.resolve({ node: null, nodes: [] });
+            }
+            // 从数据源中移除
+            if (treeFullData === nodes) {
+                nodes = delList = treeFullData.slice(0);
+                internalData.treeFullData = [];
+            }
+            else {
+                nodes.forEach((item) => {
+                    const nodeid = $xeTree.getNodeId(item);
+                    const matchMapObj = XEUtils.findTree(treeFullData, item => nodeid === $xeTree.getNodeId(item), { children: mapChildrenField });
+                    if (matchMapObj) {
+                        const rItems = matchMapObj.items.splice(matchMapObj.index, 1);
+                        delList.push(rItems[0]);
+                    }
+                    const matchObj = XEUtils.findTree(treeFullData, item => nodeid === $xeTree.getNodeId(item), { children: childrenField });
+                    if (matchObj) {
+                        const rItems = matchObj.items.splice(matchObj.index, 1);
+                        delList.push(rItems[0]);
+                    }
+                });
+            }
+            reactData.removeRowFlag++;
+            reactData.insertRowFlag++;
+            $xeTree.cacheNodeMap();
+            $xeTree.handleData(true);
+            $xeTree.updateAfterDataIndex();
+            $xeTree.updateCheckboxStatus();
+            if (reactData.scrollYLoad) {
+                $xeTree.updateYSpace();
+            }
+            return $xeTree.$nextTick().then(() => {
+                return $xeTree.recalculate();
+            }).then(() => {
+                return { node: delList.length ? delList[delList.length - 1] : null, nodes: delList };
+            });
+        },
+        getInsertRecords() {
+            const $xeTree = this;
+            const internalData = $xeTree.internalData;
+            const { insertRowMaps } = internalData;
+            const insertRecords = [];
+            XEUtils.each(insertRowMaps, (row) => {
+                insertRecords.push(row);
+            });
+            return insertRecords;
+        },
+        getRemoveRecords() {
+            const $xeTree = this;
+            const internalData = $xeTree.internalData;
+            const { removeRowMaps } = internalData;
+            const removeRecords = [];
+            XEUtils.each(removeRowMaps, (row) => {
+                removeRecords.push(row);
+            });
+            return removeRecords;
+        },
         handleNodeMousedownEvent(evnt, node) {
             const $xeTree = this;
             const props = $xeTree;
@@ -2923,8 +3165,8 @@ export default {
         if (drag && !transform) {
             errLog('vxe.error.notSupportProp', ['drag', 'transform=false', 'transform=true']);
         }
-        if (dragOpts.isCrossTreeDrag) {
-            errLog('vxe.error.notProp', ['drag-config.isCrossTreeDrag']);
+        if (dragOpts.isCrossTreeDrag && !dragOpts.isCrossDrag) {
+            errLog('vxe.error.reqSupportProp', ['drag-config.isCrossTreeDrag', 'drag-config.isCrossDrag']);
         }
         // if (valueField) {
         //   errLog('vxe.error.delProp', ['value-field', 'value-field'])

package/es/tree/src/util.js

@@ -29,3 +29,18 @@ export function calcTreeLine($xeTree, node, prevNode) {
     }
     return (rowHeight || 28) * expandSize - (prevNode ? 1 : 12);
 }
+export function getItemCacheObj(item) {
+    return {
+        item,
+        index: -1,
+        $index: -1,
+        _index: -1,
+        items: [],
+        parent: null,
+        nodes: [],
+        level: 0,
+        treeIndex: -1,
+        lineCount: 0,
+        treeLoaded: false
+    };
+}

package/es/ui/index.js

@@ -1,7 +1,7 @@
 import { VxeUI, setConfig, setIcon } from '@vxe-ui/core';
 import { dynamicApp } from '../dynamics';
 import { warnLog } from './src/log';
-export const version = "3.15.13";
+export const version = "3.15.14";
 VxeUI.uiVersion = version;
 VxeUI.dynamicApp = dynamicApp;
 export function config(options) {
@@ -176,7 +176,10 @@ setConfig({
     formView: {},
     icon: {},
     iconPicker: {
-        icons: ['home', 'company', 'comment', 'setting', 'send', 'envelope', 'envelope-open', 'bell', 'search', 'print', 'pc', 'goods', 'chart-line', 'edit', 'delete', 'save', 'folder', 'microphone', 'flag', 'link', 'location', 'sunny', 'rmb', 'usd', 'user', 'add-user', 'add-users', 'star', 'unlock', 'time', 'text', 'feedback', 'calendar', 'association-form', 'cloud-download', 'cloud-upload', 'file', 'subtable', 'chart-bar-x', 'chart-bar-y', 'chart-line', 'chart-pie', 'chart-radar']
+        icons: ['home', 'company', 'comment', 'setting', 'send', 'envelope', 'envelope-open', 'bell', 'search', 'print', 'pc', 'goods', 'chart-line', 'edit', 'delete', 'save', 'folder', 'microphone', 'flag', 'link', 'location', 'sunny', 'rmb', 'usd', 'user', 'add-user', 'add-users', 'star', 'unlock', 'time', 'text', 'feedback', 'calendar', 'association-form', 'cloud-download', 'cloud-upload', 'file', 'subtable', 'chart-bar-x', 'chart-bar-y', 'chart-line', 'chart-pie', 'chart-radar'],
+        popupConfig: {
+        // chunkSize: 4
+        }
     },
     image: {
         draggable: null,

package/es/ui/src/log.js

@@ -1,6 +1,6 @@
 import { VxeUI } from '@vxe-ui/core';
 const { log } = VxeUI;
-const uiVersion = `ui v${"3.15.13"}`;
+const uiVersion = `ui v${"3.15.14"}`;
 export function createComponentLog(name) {
     const tableVersion = VxeUI.tableVersion ? `table v${VxeUI.tableVersion}` : '';
     const ganttVersion = VxeUI.ganttVersion ? `gantt v${VxeUI.ganttVersion}` : '';

package/es/vxe-button/style.css

@@ -212,6 +212,17 @@
   border-color: var(--vxe-ui-font-primary-darken-color);
   background-color: var(--vxe-ui-layout-background-color);
 }
+.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;
 }

package/es/vxe-button/style.min.css

@@ -1 +1 @@
-.vxe-button{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;vertical-align:middle;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;-ms-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;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.is--shadow{box-shadow:0 0 6px rgba(0,0,0,.3)}.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.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--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--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.type--button{height:var(--vxe-ui-button-height-default)}.vxe-button.type--button.size--medium{height:var(--vxe-ui-button-height-medium)}.vxe-button.type--button.size--small{height:var(--vxe-ui-button-height-small)}.vxe-button.type--button.size--mini{height:var(--vxe-ui-button-height-mini)}.vxe-button--custom-prefix-icon>svg,.vxe-button--custom-suffix-icon>svg{max-width:1em;max-height:1em;vertical-align:middle}.vxe-input--prefix-icon>.vxe-button.type--button,.vxe-input--suffix-icon>.vxe-button.type--button{height:100%}.vxe-button--item{padding:0 .1em}.vxe-button--item:first-child{padding-left:0}.vxe-button--item:last-child{padding-right:0}.vxe-button--dropdown,.vxe-button--wrapper{display:inline-block}.vxe-button--dropdown{position:relative;outline:0}.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;left:0;padding:4px 0;color:var(--vxe-ui-font-color);text-align:left}.vxe-button--dropdown-panel:not(.is--transfer){min-width:100%}.vxe-button--dropdown-panel.is--transfer{position:fixed}.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}.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-panel.ani--enter>div::after{display:none}.vxe-button--dropdown-panel>div::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.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--dropdown,.vxe-button.type--button{margin-right:var(--vxe-ui-base-margin-gap-default)}.vxe-button--dropdown.size--medium,.vxe-button.type--button.size--medium{margin-right:var(--vxe-ui-base-margin-gap-medium)}.vxe-button--dropdown.size--small,.vxe-button.type--button.size--small{margin-right:var(--vxe-ui-base-margin-gap-small)}.vxe-button--dropdown.size--mini,.vxe-button.type--button.size--mini{margin-right:var(--vxe-ui-base-margin-gap-mini)}.vxe-button--dropdown:last-of-type,.vxe-button.type--button:last-of-type{margin-right:0}.vxe-button+.vxe-button--dropdown,.vxe-button--dropdown+.vxe-button{margin-left:var(--vxe-ui-base-margin-gap-default)}.vxe-button+.vxe-button--dropdown.size--medium,.vxe-button--dropdown+.vxe-button.size--medium{margin-left:var(--vxe-ui-base-margin-gap-medium)}.vxe-button+.vxe-button--dropdown.size--small,.vxe-button--dropdown+.vxe-button.size--small{margin-left:var(--vxe-ui-base-margin-gap-small)}.vxe-button+.vxe-button--dropdown.size--mini,.vxe-button--dropdown+.vxe-button.size--mini{margin-left:var(--vxe-ui-base-margin-gap-mini)}
+.vxe-button{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;vertical-align:middle;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;-ms-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;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.is--shadow{box-shadow:0 0 6px rgba(0,0,0,.3)}.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: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.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--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--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.type--button{height:var(--vxe-ui-button-height-default)}.vxe-button.type--button.size--medium{height:var(--vxe-ui-button-height-medium)}.vxe-button.type--button.size--small{height:var(--vxe-ui-button-height-small)}.vxe-button.type--button.size--mini{height:var(--vxe-ui-button-height-mini)}.vxe-button--custom-prefix-icon>svg,.vxe-button--custom-suffix-icon>svg{max-width:1em;max-height:1em;vertical-align:middle}.vxe-input--prefix-icon>.vxe-button.type--button,.vxe-input--suffix-icon>.vxe-button.type--button{height:100%}.vxe-button--item{padding:0 .1em}.vxe-button--item:first-child{padding-left:0}.vxe-button--item:last-child{padding-right:0}.vxe-button--dropdown,.vxe-button--wrapper{display:inline-block}.vxe-button--dropdown{position:relative;outline:0}.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;left:0;padding:4px 0;color:var(--vxe-ui-font-color);text-align:left}.vxe-button--dropdown-panel:not(.is--transfer){min-width:100%}.vxe-button--dropdown-panel.is--transfer{position:fixed}.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}.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-panel.ani--enter>div::after{display:none}.vxe-button--dropdown-panel>div::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.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--dropdown,.vxe-button.type--button{margin-right:var(--vxe-ui-base-margin-gap-default)}.vxe-button--dropdown.size--medium,.vxe-button.type--button.size--medium{margin-right:var(--vxe-ui-base-margin-gap-medium)}.vxe-button--dropdown.size--small,.vxe-button.type--button.size--small{margin-right:var(--vxe-ui-base-margin-gap-small)}.vxe-button--dropdown.size--mini,.vxe-button.type--button.size--mini{margin-right:var(--vxe-ui-base-margin-gap-mini)}.vxe-button--dropdown:last-of-type,.vxe-button.type--button:last-of-type{margin-right:0}.vxe-button+.vxe-button--dropdown,.vxe-button--dropdown+.vxe-button{margin-left:var(--vxe-ui-base-margin-gap-default)}.vxe-button+.vxe-button--dropdown.size--medium,.vxe-button--dropdown+.vxe-button.size--medium{margin-left:var(--vxe-ui-base-margin-gap-medium)}.vxe-button+.vxe-button--dropdown.size--small,.vxe-button--dropdown+.vxe-button.size--small{margin-left:var(--vxe-ui-base-margin-gap-small)}.vxe-button+.vxe-button--dropdown.size--mini,.vxe-button--dropdown+.vxe-button.size--mini{margin-left:var(--vxe-ui-base-margin-gap-mini)}

package/es/vxe-checkbox-button/style.css

@@ -1,6 +1,3 @@
-.vxe-checkbox--button .vxe-checkbox--label {
-  background-color: var(--vxe-ui-layout-background-color);
-}
 .vxe-checkbox--button:first-child .vxe-checkbox--label {
   border-left: 1px solid var(--vxe-ui-input-border-color);
   border-radius: var(--vxe-ui-base-border-radius) 0 0 var(--vxe-ui-base-border-radius);
@@ -8,10 +5,6 @@
 .vxe-checkbox--button:last-child .vxe-checkbox--label {
   border-radius: 0 var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0;
 }
-.vxe-checkbox--button > input:checked + .vxe-checkbox--label {
-  color: #fff;
-  background-color: var(--vxe-ui-font-primary-color);
-}
 .vxe-checkbox--button .vxe-checkbox--label {
   padding: 0 1em;
   line-height: calc(var(--vxe-ui-button-height-default) - 2px);
@@ -20,14 +13,167 @@
   border-color: var(--vxe-ui-input-border-color);
   border-width: 1px 1px 1px 0;
   max-width: 50em;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.vxe-checkbox--button > input:focus + .vxe-checkbox--label {
+
+.vxe-checkbox--button > input:checked + .vxe-checkbox--label {
+  color: #fff;
+  border-color: var(--vxe-ui-font-primary-color);
+  background-color: var(--vxe-ui-font-primary-color);
+}
+.vxe-checkbox--button > input:checked + .vxe-checkbox--label:not(.is--disabled):hover {
+  background-color: var(--vxe-ui-font-primary-lighten-color);
+  border-color: var(--vxe-ui-font-primary-lighten-color);
+}
+.vxe-checkbox--button > input:checked + .vxe-checkbox--label:not(.is--disabled):active {
+  background-color: var(--vxe-ui-font-primary-darken-color);
+  border-color: var(--vxe-ui-font-primary-darken-color);
+}
+.vxe-checkbox--button > input:checked + .vxe-checkbox--label.is--disabled {
+  border-color: var(--vxe-ui-font-primary-disabled-color);
+  background-color: var(--vxe-ui-font-primary-disabled-color);
+}
+
+.vxe-checkbox-group.theme--primary .vxe-checkbox--button > input:checked + .vxe-checkbox--label {
+  color: #fff;
   border-color: var(--vxe-ui-font-primary-color);
-  box-shadow: 0 0 0.2em 0 var(--vxe-ui-font-primary-color);
+  background-color: var(--vxe-ui-font-primary-color);
+}
+.vxe-checkbox-group.theme--primary .vxe-checkbox--button > input:checked + .vxe-checkbox--label: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-checkbox-group.theme--primary .vxe-checkbox--button > input:checked + .vxe-checkbox--label: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-checkbox-group.theme--primary .vxe-checkbox--button > input:checked + .vxe-checkbox--label.is--disabled {
+  border-color: var(--vxe-ui-font-primary-disabled-color);
+  background-color: var(--vxe-ui-font-primary-disabled-color);
+}
+.vxe-checkbox-group.theme--success .vxe-checkbox--button > input:checked + .vxe-checkbox--label {
+  color: #fff;
+  border-color: var(--vxe-ui-status-success-color);
+  background-color: var(--vxe-ui-status-success-color);
+}
+.vxe-checkbox-group.theme--success .vxe-checkbox--button > input:checked + .vxe-checkbox--label: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-checkbox-group.theme--success .vxe-checkbox--button > input:checked + .vxe-checkbox--label: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-checkbox-group.theme--success .vxe-checkbox--button > input:checked + .vxe-checkbox--label.is--disabled {
+  border-color: var(--vxe-ui-status-success-disabled-color);
+  background-color: var(--vxe-ui-status-success-disabled-color);
+}
+.vxe-checkbox-group.theme--info .vxe-checkbox--button > input:checked + .vxe-checkbox--label {
+  color: #fff;
+  border-color: var(--vxe-ui-status-info-color);
+  background-color: var(--vxe-ui-status-info-color);
+}
+.vxe-checkbox-group.theme--info .vxe-checkbox--button > input:checked + .vxe-checkbox--label: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-checkbox-group.theme--info .vxe-checkbox--button > input:checked + .vxe-checkbox--label: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-checkbox-group.theme--info .vxe-checkbox--button > input:checked + .vxe-checkbox--label.is--disabled {
+  border-color: var(--vxe-ui-status-info-disabled-color);
+  background-color: var(--vxe-ui-status-info-disabled-color);
+}
+.vxe-checkbox-group.theme--warning .vxe-checkbox--button > input:checked + .vxe-checkbox--label {
+  color: #fff;
+  border-color: var(--vxe-ui-status-warning-color);
+  background-color: var(--vxe-ui-status-warning-color);
+}
+.vxe-checkbox-group.theme--warning .vxe-checkbox--button > input:checked + .vxe-checkbox--label: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-checkbox-group.theme--warning .vxe-checkbox--button > input:checked + .vxe-checkbox--label: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-checkbox-group.theme--warning .vxe-checkbox--button > input:checked + .vxe-checkbox--label.is--disabled {
+  border-color: var(--vxe-ui-status-warning-disabled-color);
+  background-color: var(--vxe-ui-status-warning-disabled-color);
+}
+.vxe-checkbox-group.theme--danger .vxe-checkbox--button > input:checked + .vxe-checkbox--label {
+  color: #fff;
+  border-color: var(--vxe-ui-status-danger-color);
+  background-color: var(--vxe-ui-status-danger-color);
+}
+.vxe-checkbox-group.theme--danger .vxe-checkbox--button > input:checked + .vxe-checkbox--label: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-checkbox-group.theme--danger .vxe-checkbox--button > input:checked + .vxe-checkbox--label: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-checkbox-group.theme--danger .vxe-checkbox--button > input:checked + .vxe-checkbox--label.is--disabled {
+  border-color: var(--vxe-ui-status-danger-disabled-color);
+  background-color: var(--vxe-ui-status-danger-disabled-color);
+}
+.vxe-checkbox-group.theme--error .vxe-checkbox--button > input:checked + .vxe-checkbox--label {
+  color: #fff;
+  border-color: var(--vxe-ui-status-error-color);
+  background-color: var(--vxe-ui-status-error-color);
+}
+.vxe-checkbox-group.theme--error .vxe-checkbox--button > input:checked + .vxe-checkbox--label: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-checkbox-group.theme--error .vxe-checkbox--button > input:checked + .vxe-checkbox--label: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-checkbox-group.theme--error .vxe-checkbox--button > input:checked + .vxe-checkbox--label.is--disabled {
+  border-color: var(--vxe-ui-status-error-disabled-color);
+  background-color: var(--vxe-ui-status-error-disabled-color);
+}
+.vxe-checkbox-group.theme--perfect .vxe-checkbox--button > input:checked + .vxe-checkbox--label {
+  color: var(--vxe-ui-font-color);
+  border-color: var(--vxe-ui-table-header-background-color);
+  background-color: var(--vxe-ui-table-header-background-color);
+}
+.vxe-checkbox-group.theme--perfect .vxe-checkbox--button > input:checked + .vxe-checkbox--label: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-checkbox-group.theme--perfect .vxe-checkbox--button > input:checked + .vxe-checkbox--label: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-checkbox-group.theme--perfect .vxe-checkbox--button > input:checked + .vxe-checkbox--label.is--disabled {
+  border-color: var(--vxe-ui-table-header-background-color);
+  background-color: var(--vxe-ui-table-header-background-color);
 }
+
 .vxe-checkbox--button.size--medium .vxe-checkbox--label {
   line-height: calc(var(--vxe-ui-button-height-medium) - 2px);
 }