vxe-pc-ui 3.14.16 → 3.14.18

package/es/tree-select/src/tree-select.js

@@ -4,7 +4,7 @@ import { getConfig, getI18n, getIcon, globalEvents, createEvent, globalMixins, r
 import { getEventTargetNode, updatePanelPlacement, toCssUnit } from '../../ui/src/dom';
 import { getLastZIndex, nextZIndex } from '../../ui/src/utils';
 import { deNodeValue } from '../../tree/src/util';
-import { errLog } from '../../ui/src/log';
+import { warnLog, errLog } from '../../ui/src/log';
 import VxeInputComponent from '../../input';
 import VxeButtonComponent from '../../button';
 import VxeTreeComponent from '../../tree';
@@ -87,10 +87,26 @@ export default {
         treeConfig: Object,
         menuConfig: Object,
         virtualYConfig: Object,
+        /**
+         * 已废弃，被 checked-closable, clear-closable 替换
+         * @deprecated
+         */
         autoClose: {
             type: Boolean,
             default: () => getConfig().treeSelect.autoClose
         },
+        checkedClosable: {
+            type: Boolean,
+            default: () => getConfig().treeSelect.checkedClosable
+        },
+        clearClosable: {
+            type: Boolean,
+            default: () => getConfig().treeSelect.clearClosable
+        },
+        showCloseButton: {
+            type: Boolean,
+            default: () => getConfig().treeSelect.showCloseButton
+        },
         showTotalButoon: {
             type: Boolean,
             default: () => getConfig().treeSelect.showTotalButoon
@@ -466,9 +482,10 @@ export default {
                 }, 10);
                 $xeTreeSelect.updateZindex();
                 $xeTreeSelect.updatePlacement();
+                $xeTreeSelect.dispatchEvent('visible-change', { visible: true }, null);
             }
         },
-        hideOptionPanel() {
+        hideOptionPanel(evnt) {
             const $xeTreeSelect = this;
             const reactData = $xeTreeSelect.reactData;
             const internalData = $xeTreeSelect.internalData;
@@ -476,6 +493,7 @@ export default {
             internalData.hpTimeout = setTimeout(() => {
                 reactData.isAniVisible = false;
             }, 350);
+            $xeTreeSelect.dispatchEvent('visible-change', { visible: false }, evnt || null);
         },
         changeEvent(evnt, selectValue, node) {
             const $xeTreeSelect = this;
@@ -497,24 +515,25 @@ export default {
             $xeTreeSelect.changeEvent(evnt, selectValue, null);
             $xeTreeSelect.dispatchEvent('clear', { value: selectValue }, evnt);
         },
-        clearEvent(params, evnt) {
+        clearEvent(params) {
             const $xeTreeSelect = this;
-            $xeTreeSelect.clearValueEvent(evnt, null);
-            $xeTreeSelect.hideOptionPanel();
+            const { $event } = params;
+            $xeTreeSelect.clearValueEvent($event, null);
+            $xeTreeSelect.hideOptionPanel($event);
         },
         allCheckedPanelEvent(params) {
             const $xeTreeSelect = this;
             const props = $xeTreeSelect;
             const { $event } = params;
-            const { multiple, autoClose } = props;
+            const { multiple, autoClose, checkedClosable } = props;
             const $tree = $xeTreeSelect.$refs.refTree;
             if (multiple) {
                 if ($tree) {
                     $tree.setAllCheckboxNode(true).then(({ checkNodeKeys, checkNodes }) => {
                         $xeTreeSelect.changeEvent($event, checkNodeKeys, checkNodes[0]);
                         $xeTreeSelect.dispatchEvent('all-change', { value: checkNodeKeys }, $event);
-                        if (autoClose) {
-                            $xeTreeSelect.hideOptionPanel();
+                        if (XEUtils.isBoolean(autoClose) ? autoClose : checkedClosable) {
+                            $xeTreeSelect.hideOptionPanel($event);
                         }
                     });
                 }
@@ -524,19 +543,24 @@ export default {
             const $xeTreeSelect = this;
             const props = $xeTreeSelect;
             const { $event } = params;
-            const { multiple, autoClose } = props;
+            const { multiple, autoClose, clearClosable } = props;
             const $tree = $xeTreeSelect.$refs.refTree;
             if ($tree) {
                 const value = multiple ? [] : null;
                 $tree.clearCheckboxNode().then(() => {
-                    if (autoClose) {
-                        $xeTreeSelect.hideOptionPanel();
+                    if (XEUtils.isBoolean(autoClose) ? autoClose : clearClosable) {
+                        $xeTreeSelect.hideOptionPanel($event);
                     }
                 });
                 $xeTreeSelect.changeEvent($event, value, null);
                 $xeTreeSelect.dispatchEvent('clear', { value }, $event);
             }
         },
+        closePanelEvent(params) {
+            const $xeTreeSelect = this;
+            const { $event } = params;
+            $xeTreeSelect.hideOptionPanel($event);
+        },
         allExpandPanelEvent() {
             const $xeTreeSelect = this;
             const $tree = $xeTreeSelect.$refs.refTree;
@@ -563,7 +587,7 @@ export default {
                         $xeTreeSelect.updatePlacement();
                     }
                     else {
-                        $xeTreeSelect.hideOptionPanel();
+                        $xeTreeSelect.hideOptionPanel(evnt);
                     }
                 }
             }
@@ -578,16 +602,16 @@ export default {
                 const panelElem = $xeTreeSelect.$refs.refOptionPanel;
                 reactData.isActivated = getEventTargetNode(evnt, el).flag || getEventTargetNode(evnt, panelElem).flag;
                 if (visiblePanel && !reactData.isActivated) {
-                    $xeTreeSelect.hideOptionPanel();
+                    $xeTreeSelect.hideOptionPanel(evnt);
                 }
             }
         },
-        handleGlobalBlurEvent() {
+        handleGlobalBlurEvent(evnt) {
             const $xeTreeSelect = this;
             const reactData = $xeTreeSelect.reactData;
             const { visiblePanel, isActivated } = reactData;
             if (visiblePanel) {
-                $xeTreeSelect.hideOptionPanel();
+                $xeTreeSelect.hideOptionPanel(evnt);
             }
             if (isActivated) {
                 reactData.isActivated = false;
@@ -677,7 +701,7 @@ export default {
             }
             else {
                 if (reactData.visiblePanel) {
-                    $xeTreeSelect.hideOptionPanel();
+                    $xeTreeSelect.hideOptionPanel($event);
                 }
                 else {
                     $xeTreeSelect.showOptionPanel();
@@ -697,7 +721,7 @@ export default {
             const $xeTreeSelect = this;
             const { value, $event, node } = params;
             $xeTreeSelect.changeEvent($event, value, node);
-            $xeTreeSelect.hideOptionPanel();
+            $xeTreeSelect.hideOptionPanel($event);
         },
         checkboxChangeEvent(params) {
             const $xeTreeSelect = this;
@@ -716,7 +740,7 @@ export default {
             const props = $xeTreeSelect;
             const slots = $xeTreeSelect.$scopedSlots;
             const reactData = $xeTreeSelect.reactData;
-            const { className, value: modelValue, multiple, options, loading, menuConfig, filterable, showTotalButoon, showCheckedButoon, showClearButton, showExpandButton } = props;
+            const { className, value: modelValue, multiple, options, loading, menuConfig, filterable, showTotalButoon, showCheckedButoon, showClearButton, showExpandButton, showCloseButton } = props;
             const { initialized, isActivated, isAniVisible, visiblePanel, searchValue } = reactData;
             const vSize = $xeTreeSelect.computeSize;
             const isDisabled = $xeTreeSelect.computeIsDisabled;
@@ -843,7 +867,7 @@ export default {
                                     })
                                 ])
                                 : renderEmptyElement($xeTreeSelect),
-                            showTotalButoon || (showCheckedButoon && multiple) || showClearButton || showExpandButton || headerSlot
+                            (showCheckedButoon && multiple) || showClearButton || showExpandButton || headerSlot
                                 ? h('div', {
                                     class: 'vxe-tree-select--panel-header'
                                 }, headerSlot
@@ -973,7 +997,7 @@ export default {
                                     })
                                 ])
                             ]),
-                            footerSlot || showTotalButoon
+                            footerSlot || showTotalButoon || (showCloseButton && multiple)
                                 ? h('div', {
                                     class: 'vxe-tree-select--panel-footer'
                                 }, footerSlot
@@ -986,6 +1010,21 @@ export default {
                                                 ? h('div', {
                                                     class: 'vxe-tree-select--total-btns'
                                                 }, getI18n('vxe.treeSelect.total', [selectVals.length]))
+                                                : renderEmptyElement($xeTreeSelect),
+                                            showCloseButton && multiple
+                                                ? h('div', {
+                                                    class: 'vxe-tree-select--oper-btns'
+                                                }, [
+                                                    h(VxeButtonComponent, {
+                                                        props: {
+                                                            content: getI18n('vxe.select.close'),
+                                                            mode: 'text'
+                                                        },
+                                                        on: {
+                                                            click: $xeTreeSelect.closePanelEvent
+                                                        }
+                                                    })
+                                                ])
                                                 : renderEmptyElement($xeTreeSelect)
                                         ])
                                     ])
@@ -1008,6 +1047,10 @@ export default {
     },
     mounted() {
         const $xeTreeSelect = this;
+        const props = $xeTreeSelect;
+        if (XEUtils.isBoolean(props.autoClose)) {
+            warnLog('vxe.error.delProp', ['auto-close', 'checked-closable | clear-closable']);
+        }
         globalEvents.on($xeTreeSelect, 'mousewheel', $xeTreeSelect.handleGlobalMousewheelEvent);
         globalEvents.on($xeTreeSelect, 'mousedown', $xeTreeSelect.handleGlobalMousedownEvent);
         globalEvents.on($xeTreeSelect, 'blur', $xeTreeSelect.handleGlobalBlurEvent);

package/es/tree-select/style.css

@@ -99,6 +99,11 @@
 
 .vxe-tree-select--total-btns {
   padding-left: var(--vxe-ui-current-padding);
+  flex-grow: 1;
+}
+
+.vxe-tree-select--oper-btns {
+  flex-shrink: 0;
 }
 
 .vxe-tree-select--footer-button,

package/es/tree-select/style.min.css

@@ -1 +1 @@
-.vxe-tree-select{position:relative;display:inline-block;width:180px;color:var(--vxe-ui-font-color);text-align:left}.vxe-tree-select>.vxe-input .vxe-input--inner{cursor:pointer}.vxe-tree-select.is--filterable .vxe-tree-select-tree--wrapper{padding-top:0}.vxe-tree-select.is--filterable .vxe-tree-select--panel-header{border-top:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-tree-select.is--disabled>.vxe-input .vxe-input--inner{cursor:no-drop}.vxe-tree-select.is--loading>.vxe-input .vxe-input--inner{cursor:progress}.vxe-tree-select>.vxe-input{width:100%}.vxe-tree-select>.vxe-input .vxe-input--suffix-icon>i{display:inline-block;transition:transform .2s ease-in-out}.vxe-tree-select.is--active:not(.is--filter)>.vxe-input{border-color:var(--vxe-ui-font-primary-color)}.vxe-tree-select--readonly{color:var(--vxe-ui-font-color);display:inline-flex}.vxe-tree-select--panel{pointer-events:none;display:none;position:absolute;left:0;padding:4px 0;color:var(--vxe-ui-font-color);text-align:left}.vxe-tree-select--panel:not(.is--transfer){min-width:100%}.vxe-tree-select--panel.is--transfer{position:fixed}.vxe-tree-select--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-tree-select--panel.ani--leave[placement=top]{transform-origin:center bottom}.vxe-tree-select--panel.ani--enter{opacity:1;transform:scaleY(1)}.vxe-tree-select--panel.ani--enter>div::after{display:none}.vxe-tree-select--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-tree-select--panel-search{display:block}.vxe-tree-select--panel-search .vxe-tree-select-search--input{width:100%}.vxe-tree-select--footer-button,.vxe-tree-select--header-button{display:flex;flex-direction:row;white-space:nowrap}.vxe-tree-select--total-btns{padding-left:var(--vxe-ui-current-padding)}.vxe-tree-select--expand-btns,.vxe-tree-select--footer-button,.vxe-tree-select--selected-btns{display:flex;flex-direction:row;flex-grow:1}.vxe-tree-select--selected-btns+.vxe-tree-select--expand-btns{padding-left:2.2em}.vxe-tree-select--panel-wrapper{display:flex;flex-direction:column;position:relative;border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-base-popup-border-color);box-shadow:var(--vxe-ui-base-popup-box-shadow);background-color:var(--vxe-ui-layout-background-color);pointer-events:auto}.vxe-tree-select--panel-search{display:block;padding:var(--vxe-ui-current-padding)}.vxe-tree-select--panel-search .vxe-tree-select-search--input{width:100%}.vxe-tree-select--panel-header{border-bottom:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-tree-select--panel-footer{border-top:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-tree-select--panel-footer,.vxe-tree-select--panel-header{padding:4px 0}.vxe-tree-select-tree--wrapper{position:relative;overflow:auto;padding:var(--vxe-ui-current-padding) 0;outline:0}.vxe-tree-select--tree{width:100%}.vxe-tree-select--tree .vxe-tree--node-item.is-checkbox--checked>.vxe-tree--node-item-inner,.vxe-tree-select--tree .vxe-tree--node-item.is-radio--checked>.vxe-tree--node-item-inner{color:var(--vxe-ui-font-primary-color)}.vxe-tree-select--tree .vxe-tree--node-item-inner{cursor:pointer}.vxe-tree-select,.vxe-tree-select--panel{--vxe-ui-current-padding:var(--vxe-ui-layout-padding-default);--vxe-ui-tree-node-root-indent:var(--vxe-ui-current-padding)}.vxe-tree-select--panel.size--mini,.vxe-tree-select--panel.size--small,.vxe-tree-select.size--mini,.vxe-tree-select.size--small{--vxe-ui-current-padding:var(--vxe-ui-layout-padding-half)}.vxe-tree-select,.vxe-tree-select--panel{font-size:var(--vxe-ui-font-size-default)}.vxe-tree-select--panel.size--medium,.vxe-tree-select.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-tree-select--panel.size--small,.vxe-tree-select.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-tree-select--panel.size--mini,.vxe-tree-select.size--mini{font-size:var(--vxe-ui-font-size-mini)}
+.vxe-tree-select{position:relative;display:inline-block;width:180px;color:var(--vxe-ui-font-color);text-align:left}.vxe-tree-select>.vxe-input .vxe-input--inner{cursor:pointer}.vxe-tree-select.is--filterable .vxe-tree-select-tree--wrapper{padding-top:0}.vxe-tree-select.is--filterable .vxe-tree-select--panel-header{border-top:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-tree-select.is--disabled>.vxe-input .vxe-input--inner{cursor:no-drop}.vxe-tree-select.is--loading>.vxe-input .vxe-input--inner{cursor:progress}.vxe-tree-select>.vxe-input{width:100%}.vxe-tree-select>.vxe-input .vxe-input--suffix-icon>i{display:inline-block;transition:transform .2s ease-in-out}.vxe-tree-select.is--active:not(.is--filter)>.vxe-input{border-color:var(--vxe-ui-font-primary-color)}.vxe-tree-select--readonly{color:var(--vxe-ui-font-color);display:inline-flex}.vxe-tree-select--panel{pointer-events:none;display:none;position:absolute;left:0;padding:4px 0;color:var(--vxe-ui-font-color);text-align:left}.vxe-tree-select--panel:not(.is--transfer){min-width:100%}.vxe-tree-select--panel.is--transfer{position:fixed}.vxe-tree-select--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-tree-select--panel.ani--leave[placement=top]{transform-origin:center bottom}.vxe-tree-select--panel.ani--enter{opacity:1;transform:scaleY(1)}.vxe-tree-select--panel.ani--enter>div::after{display:none}.vxe-tree-select--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-tree-select--panel-search{display:block}.vxe-tree-select--panel-search .vxe-tree-select-search--input{width:100%}.vxe-tree-select--footer-button,.vxe-tree-select--header-button{display:flex;flex-direction:row;white-space:nowrap}.vxe-tree-select--total-btns{padding-left:var(--vxe-ui-current-padding);flex-grow:1}.vxe-tree-select--oper-btns{flex-shrink:0}.vxe-tree-select--expand-btns,.vxe-tree-select--footer-button,.vxe-tree-select--selected-btns{display:flex;flex-direction:row;flex-grow:1}.vxe-tree-select--selected-btns+.vxe-tree-select--expand-btns{padding-left:2.2em}.vxe-tree-select--panel-wrapper{display:flex;flex-direction:column;position:relative;border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-base-popup-border-color);box-shadow:var(--vxe-ui-base-popup-box-shadow);background-color:var(--vxe-ui-layout-background-color);pointer-events:auto}.vxe-tree-select--panel-search{display:block;padding:var(--vxe-ui-current-padding)}.vxe-tree-select--panel-search .vxe-tree-select-search--input{width:100%}.vxe-tree-select--panel-header{border-bottom:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-tree-select--panel-footer{border-top:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-tree-select--panel-footer,.vxe-tree-select--panel-header{padding:4px 0}.vxe-tree-select-tree--wrapper{position:relative;overflow:auto;padding:var(--vxe-ui-current-padding) 0;outline:0}.vxe-tree-select--tree{width:100%}.vxe-tree-select--tree .vxe-tree--node-item.is-checkbox--checked>.vxe-tree--node-item-inner,.vxe-tree-select--tree .vxe-tree--node-item.is-radio--checked>.vxe-tree--node-item-inner{color:var(--vxe-ui-font-primary-color)}.vxe-tree-select--tree .vxe-tree--node-item-inner{cursor:pointer}.vxe-tree-select,.vxe-tree-select--panel{--vxe-ui-current-padding:var(--vxe-ui-layout-padding-default);--vxe-ui-tree-node-root-indent:var(--vxe-ui-current-padding)}.vxe-tree-select--panel.size--mini,.vxe-tree-select--panel.size--small,.vxe-tree-select.size--mini,.vxe-tree-select.size--small{--vxe-ui-current-padding:var(--vxe-ui-layout-padding-half)}.vxe-tree-select,.vxe-tree-select--panel{font-size:var(--vxe-ui-font-size-default)}.vxe-tree-select--panel.size--medium,.vxe-tree-select.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-tree-select--panel.size--small,.vxe-tree-select.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-tree-select--panel.size--mini,.vxe-tree-select.size--mini{font-size:var(--vxe-ui-font-size-mini)}

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.14.16";
+export const version = "3.14.18";
 VxeUI.uiVersion = version;
 VxeUI.dynamicApp = dynamicApp;
 export function config(options) {
@@ -313,6 +313,14 @@ setConfig({
     segmented: {},
     select: {
         multiCharOverflow: 8,
+        radioConfig: {
+            showIcon: true,
+            trigger: 'option'
+        },
+        checkboxConfig: {
+            showIcon: true,
+            trigger: 'option'
+        },
         remoteConfig: {
             enabled: true,
             autoLoad: true
@@ -407,7 +415,7 @@ setConfig({
         }
     },
     treeSelect: {
-        autoClose: true,
+        autoClose: null,
         virtualYConfig: {
             enabled: true,
             gt: 0,

package/es/ui/src/log.js

@@ -1,4 +1,4 @@
 import { log } from '@vxe-ui/core';
-const version = `ui v${"3.14.16"}`;
+const version = `ui v${"3.14.18"}`;
 export const warnLog = log.create('warn', version);
 export const errLog = log.create('error', version);

package/es/vxe-select/style.css

@@ -112,20 +112,25 @@
   flex-direction: row;
 }
 
-.vxe-select--header-total {
+.vxe-select--header-button,
+.vxe-select--footer-button {
   display: flex;
   flex-direction: row;
-  align-items: center;
-  justify-content: center;
+  white-space: nowrap;
+}
+
+.vxe-select--total-btns {
+  padding-left: var(--vxe-ui-current-padding);
+  flex-grow: 1;
+}
+
+.vxe-select--oper-btns {
   flex-shrink: 0;
-  padding-left: 0.8em;
 }
 
-.vxe-select--header-btns {
+.vxe-select--footer-button {
   display: flex;
   flex-direction: row;
-  flex-grow: 1;
-  justify-content: right;
 }
 
 .vxe-select--panel-header {
@@ -164,11 +169,9 @@
 
 .vxe-select-option {
   position: relative;
+  flex-direction: row;
+  display: flex;
   padding: 0 0.6em;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
   -webkit-user-select: none;
      -moz-user-select: none;
       -ms-user-select: none;
@@ -188,7 +191,7 @@
   color: var(--vxe-ui-font-primary-color);
 }
 .vxe-select-option:not(.is--disabled).is--hover {
-  background-color: var(--vxe-ui-base-hover-background-color);
+  background-color: var(--vxe-ui-select-option-hover-background-color);
 }
 .vxe-select-option.is--disabled {
   color: var(--vxe-ui-font-disabled-color);
@@ -201,6 +204,13 @@
   cursor: default;
 }
 
+.vxe-select-option--label {
+  flex-grow: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
 .vxe-select-option--add-icon {
   display: none;
   position: absolute;
@@ -208,6 +218,94 @@
   right: 0.6em;
 }
 
+.vxe-select-option--checkbox {
+  padding-right: 0.4em;
+}
+.vxe-select-option--checkbox {
+  cursor: pointer;
+}
+.vxe-select-option--checkbox .vxe-checkbox--icon {
+  font-size: 1.22em;
+}
+.vxe-select-option--checkbox .vxe-checkbox--icon {
+  color: var(--vxe-ui-input-border-color);
+  vertical-align: middle;
+  font-weight: 700;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+}
+.vxe-select-option--checkbox.is--checked, .vxe-select-option--checkbox.is--indeterminate {
+  color: var(--vxe-ui-font-primary-color);
+}
+.vxe-select-option--checkbox.is--checked .vxe-checkbox--icon, .vxe-select-option--checkbox.is--indeterminate .vxe-checkbox--icon {
+  color: var(--vxe-ui-font-primary-color);
+}
+.vxe-select-option--checkbox:not(.is--disabled):hover .vxe-checkbox--icon {
+  color: var(--vxe-ui-font-primary-color);
+}
+.vxe-select-option--checkbox.is--hidden {
+  cursor: default;
+}
+.vxe-select-option--checkbox.is--readonly {
+  cursor: auto;
+}
+.vxe-select-option--checkbox.is--disabled {
+  color: var(--vxe-ui-font-disabled-color);
+  cursor: not-allowed;
+}
+.vxe-select-option--checkbox.is--disabled .vxe-checkbox--icon {
+  color: var(--vxe-ui-input-disabled-color);
+}
+.vxe-select-option--checkbox .vxe-checkbox--label {
+  padding-left: 0.5em;
+  vertical-align: middle;
+}
+
+.vxe-select-option--radio {
+  padding-right: 0.4em;
+}
+.vxe-select-option--radio {
+  cursor: pointer;
+}
+.vxe-select-option--radio .vxe-radio--icon {
+  font-size: 1.26em;
+}
+.vxe-select-option--radio .vxe-radio--icon {
+  color: var(--vxe-ui-input-border-color);
+  border-radius: 50%;
+  vertical-align: middle;
+  font-weight: 700;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+}
+.vxe-select-option--radio.is--checked {
+  color: var(--vxe-ui-font-primary-color);
+}
+.vxe-select-option--radio.is--checked .vxe-radio--icon {
+  color: var(--vxe-ui-font-primary-color);
+}
+.vxe-select-option--radio:not(.is--disabled):hover .vxe-radio--icon {
+  color: var(--vxe-ui-font-primary-color);
+}
+.vxe-select-option--radio.is--readonly {
+  cursor: auto;
+}
+.vxe-select-option--radio.is--disabled {
+  color: var(--vxe-ui-font-disabled-color);
+  cursor: not-allowed;
+}
+.vxe-select-option--radio.is--disabled .vxe-radio--icon {
+  color: var(--vxe-ui-input-disabled-color);
+}
+.vxe-select-option--radio .vxe-radio--label {
+  padding-left: 0.5em;
+  vertical-align: middle;
+}
+
 .vxe-select--search-icon {
   margin-right: 0.5em;
 }
@@ -236,6 +334,16 @@
   font-size: var(--vxe-ui-font-size-mini);
 }
 
+.vxe-select,
+.vxe-select--panel {
+  --vxe-ui-current-padding: var(--vxe-ui-layout-padding-default);
+}
+.vxe-select.size--small, .vxe-select.size--mini,
+.vxe-select--panel.size--small,
+.vxe-select--panel.size--mini {
+  --vxe-ui-current-padding: var(--vxe-ui-layout-padding-half);
+}
+
 .vxe-select--panel .vxe-select-option {
   height: var(--vxe-ui-select-option-height-default);
 }

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

@@ -1 +1 @@
-.vxe-select{position:relative;display:inline-block;width:180px;color:var(--vxe-ui-font-color);text-align:left}.vxe-select>.vxe-input .vxe-input--inner{cursor:pointer}.vxe-select.is--disabled>.vxe-input .vxe-input--inner{cursor:no-drop}.vxe-select.is--loading>.vxe-input .vxe-input--inner{cursor:progress}.vxe-select>.vxe-input{width:100%}.vxe-select>.vxe-input .vxe-input--suffix-icon>i{display:inline-block;transition:transform .2s ease-in-out}.vxe-select.is--active:not(.is--filter)>.vxe-input{border-color:var(--vxe-ui-font-primary-color)}.vxe-select--readonly{color:var(--vxe-ui-font-color);display:inline-flex}.vxe-select-slots{display:none}.vxe-select--panel{display:none;position:absolute;left:0;padding:4px 0;color:var(--vxe-ui-font-color);text-align:left}.vxe-select--panel:not(.is--transfer){min-width:100%}.vxe-select--panel.is--transfer{position:fixed}.vxe-select--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-select--panel.ani--leave[placement=top]{transform-origin:center bottom}.vxe-select--panel.ani--enter{opacity:1;transform:scaleY(1)}.vxe-select--panel.ani--enter>div::after{display:none}.vxe-select--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-select--panel-search{display:block;flex-shrink:0;padding:var(--vxe-ui-layout-padding-default)}.vxe-select--panel-search .vxe-select-search--input{width:100%}.vxe-select--panel-wrapper{display:flex;flex-direction:column;position:relative;max-height:18em;border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-base-popup-border-color);box-shadow:var(--vxe-ui-base-popup-box-shadow);background-color:var(--vxe-ui-layout-background-color)}.vxe-select--panel-body{display:flex;flex-direction:row;flex-grow:1;overflow:hidden}.vxe-select--header-button{display:flex;flex-direction:row}.vxe-select--header-total{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-shrink:0;padding-left:.8em}.vxe-select--header-btns{display:flex;flex-direction:row;flex-grow:1;justify-content:right}.vxe-select--panel-header{border-bottom:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-select--panel-footer{border-top:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-select--panel-footer,.vxe-select--panel-header{flex-shrink:0;padding:4px 0}.vxe-select-option--wrapper{flex-grow:1;position:relative;overflow-x:hidden;overflow-y:auto}.vxe-select--y-space{width:0;float:left}.vxe-select--body,.vxe-select-option--wrapper{padding:0;margin:0;border:0;outline:0}.vxe-select-option{position:relative;padding:0 .6em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.vxe-select-option.is--add{padding-right:2em}.vxe-select-option.is--add:hover .vxe-select-option--add-icon{color:var(--vxe-ui-font-primary-color)}.vxe-select-option.is--add .vxe-select-option--add-icon{display:block}.vxe-select-option.is--selected{color:var(--vxe-ui-font-primary-color)}.vxe-select-option:not(.is--disabled).is--hover{background-color:var(--vxe-ui-base-hover-background-color)}.vxe-select-option.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:no-drop}.vxe-select-optgroup{color:var(--vxe-ui-select-title-color);font-size:12px;cursor:default}.vxe-select-option--add-icon{display:none;position:absolute;top:0;right:.6em}.vxe-select--search-icon{margin-right:.5em}.vxe-select--empty-placeholder,.vxe-select--search-loading{padding:0 .6em;text-align:center;color:var(--vxe-ui-select-empty-color)}.vxe-select,.vxe-select--panel{font-size:var(--vxe-ui-font-size-default)}.vxe-select--panel.size--medium,.vxe-select.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-select--panel.size--small,.vxe-select.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-select--panel.size--mini,.vxe-select.size--mini{font-size:var(--vxe-ui-font-size-mini)}.vxe-select--panel .vxe-select-option{height:var(--vxe-ui-select-option-height-default)}.vxe-select--panel .vxe-select--empty-placeholder,.vxe-select--panel .vxe-select--search-loading,.vxe-select--panel .vxe-select-option{line-height:var(--vxe-ui-select-option-height-default)}.vxe-select--panel.size--medium .vxe-select-option{height:var(--vxe-ui-select-option-height-medium)}.vxe-select--panel.size--medium .vxe-select--empty-placeholder,.vxe-select--panel.size--medium .vxe-select--search-loading,.vxe-select--panel.size--medium .vxe-select-option{line-height:var(--vxe-ui-select-option-height-medium)}.vxe-select--panel.size--small .vxe-select-option{height:var(--vxe-ui-select-option-height-small)}.vxe-select--panel.size--small .vxe-select--empty-placeholder,.vxe-select--panel.size--small .vxe-select--search-loading,.vxe-select--panel.size--small .vxe-select-option{line-height:var(--vxe-ui-select-option-height-small)}.vxe-select--panel.size--mini .vxe-select-option{height:var(--vxe-ui-select-option-height-mini)}.vxe-select--panel.size--mini .vxe-select--empty-placeholder,.vxe-select--panel.size--mini .vxe-select--search-loading,.vxe-select--panel.size--mini .vxe-select-option{line-height:var(--vxe-ui-select-option-height-mini)}
+.vxe-select{position:relative;display:inline-block;width:180px;color:var(--vxe-ui-font-color);text-align:left}.vxe-select>.vxe-input .vxe-input--inner{cursor:pointer}.vxe-select.is--disabled>.vxe-input .vxe-input--inner{cursor:no-drop}.vxe-select.is--loading>.vxe-input .vxe-input--inner{cursor:progress}.vxe-select>.vxe-input{width:100%}.vxe-select>.vxe-input .vxe-input--suffix-icon>i{display:inline-block;transition:transform .2s ease-in-out}.vxe-select.is--active:not(.is--filter)>.vxe-input{border-color:var(--vxe-ui-font-primary-color)}.vxe-select--readonly{color:var(--vxe-ui-font-color);display:inline-flex}.vxe-select-slots{display:none}.vxe-select--panel{display:none;position:absolute;left:0;padding:4px 0;color:var(--vxe-ui-font-color);text-align:left}.vxe-select--panel:not(.is--transfer){min-width:100%}.vxe-select--panel.is--transfer{position:fixed}.vxe-select--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-select--panel.ani--leave[placement=top]{transform-origin:center bottom}.vxe-select--panel.ani--enter{opacity:1;transform:scaleY(1)}.vxe-select--panel.ani--enter>div::after{display:none}.vxe-select--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-select--panel-search{display:block;flex-shrink:0;padding:var(--vxe-ui-layout-padding-default)}.vxe-select--panel-search .vxe-select-search--input{width:100%}.vxe-select--panel-wrapper{display:flex;flex-direction:column;position:relative;max-height:18em;border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-base-popup-border-color);box-shadow:var(--vxe-ui-base-popup-box-shadow);background-color:var(--vxe-ui-layout-background-color)}.vxe-select--panel-body{display:flex;flex-direction:row;flex-grow:1;overflow:hidden}.vxe-select--header-button{display:flex;flex-direction:row}.vxe-select--footer-button,.vxe-select--header-button{display:flex;flex-direction:row;white-space:nowrap}.vxe-select--total-btns{padding-left:var(--vxe-ui-current-padding);flex-grow:1}.vxe-select--oper-btns{flex-shrink:0}.vxe-select--footer-button{display:flex;flex-direction:row}.vxe-select--panel-header{border-bottom:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-select--panel-footer{border-top:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-select--panel-footer,.vxe-select--panel-header{flex-shrink:0;padding:4px 0}.vxe-select-option--wrapper{flex-grow:1;position:relative;overflow-x:hidden;overflow-y:auto}.vxe-select--y-space{width:0;float:left}.vxe-select--body,.vxe-select-option--wrapper{padding:0;margin:0;border:0;outline:0}.vxe-select-option{position:relative;flex-direction:row;display:flex;padding:0 .6em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.vxe-select-option.is--add{padding-right:2em}.vxe-select-option.is--add:hover .vxe-select-option--add-icon{color:var(--vxe-ui-font-primary-color)}.vxe-select-option.is--add .vxe-select-option--add-icon{display:block}.vxe-select-option.is--selected{color:var(--vxe-ui-font-primary-color)}.vxe-select-option:not(.is--disabled).is--hover{background-color:var(--vxe-ui-select-option-hover-background-color)}.vxe-select-option.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:no-drop}.vxe-select-optgroup{color:var(--vxe-ui-select-title-color);font-size:12px;cursor:default}.vxe-select-option--label{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-select-option--add-icon{display:none;position:absolute;top:0;right:.6em}.vxe-select-option--checkbox{padding-right:.4em}.vxe-select-option--checkbox{cursor:pointer}.vxe-select-option--checkbox .vxe-checkbox--icon{font-size:1.22em}.vxe-select-option--checkbox .vxe-checkbox--icon{color:var(--vxe-ui-input-border-color);vertical-align:middle;font-weight:700;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-select-option--checkbox.is--checked,.vxe-select-option--checkbox.is--indeterminate{color:var(--vxe-ui-font-primary-color)}.vxe-select-option--checkbox.is--checked .vxe-checkbox--icon,.vxe-select-option--checkbox.is--indeterminate .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-select-option--checkbox:not(.is--disabled):hover .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-select-option--checkbox.is--hidden{cursor:default}.vxe-select-option--checkbox.is--readonly{cursor:auto}.vxe-select-option--checkbox.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:not-allowed}.vxe-select-option--checkbox.is--disabled .vxe-checkbox--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-select-option--checkbox .vxe-checkbox--label{padding-left:.5em;vertical-align:middle}.vxe-select-option--radio{padding-right:.4em}.vxe-select-option--radio{cursor:pointer}.vxe-select-option--radio .vxe-radio--icon{font-size:1.26em}.vxe-select-option--radio .vxe-radio--icon{color:var(--vxe-ui-input-border-color);border-radius:50%;vertical-align:middle;font-weight:700;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-select-option--radio.is--checked{color:var(--vxe-ui-font-primary-color)}.vxe-select-option--radio.is--checked .vxe-radio--icon{color:var(--vxe-ui-font-primary-color)}.vxe-select-option--radio:not(.is--disabled):hover .vxe-radio--icon{color:var(--vxe-ui-font-primary-color)}.vxe-select-option--radio.is--readonly{cursor:auto}.vxe-select-option--radio.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:not-allowed}.vxe-select-option--radio.is--disabled .vxe-radio--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-select-option--radio .vxe-radio--label{padding-left:.5em;vertical-align:middle}.vxe-select--search-icon{margin-right:.5em}.vxe-select--empty-placeholder,.vxe-select--search-loading{padding:0 .6em;text-align:center;color:var(--vxe-ui-select-empty-color)}.vxe-select,.vxe-select--panel{font-size:var(--vxe-ui-font-size-default)}.vxe-select--panel.size--medium,.vxe-select.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-select--panel.size--small,.vxe-select.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-select--panel.size--mini,.vxe-select.size--mini{font-size:var(--vxe-ui-font-size-mini)}.vxe-select,.vxe-select--panel{--vxe-ui-current-padding:var(--vxe-ui-layout-padding-default)}.vxe-select--panel.size--mini,.vxe-select--panel.size--small,.vxe-select.size--mini,.vxe-select.size--small{--vxe-ui-current-padding:var(--vxe-ui-layout-padding-half)}.vxe-select--panel .vxe-select-option{height:var(--vxe-ui-select-option-height-default)}.vxe-select--panel .vxe-select--empty-placeholder,.vxe-select--panel .vxe-select--search-loading,.vxe-select--panel .vxe-select-option{line-height:var(--vxe-ui-select-option-height-default)}.vxe-select--panel.size--medium .vxe-select-option{height:var(--vxe-ui-select-option-height-medium)}.vxe-select--panel.size--medium .vxe-select--empty-placeholder,.vxe-select--panel.size--medium .vxe-select--search-loading,.vxe-select--panel.size--medium .vxe-select-option{line-height:var(--vxe-ui-select-option-height-medium)}.vxe-select--panel.size--small .vxe-select-option{height:var(--vxe-ui-select-option-height-small)}.vxe-select--panel.size--small .vxe-select--empty-placeholder,.vxe-select--panel.size--small .vxe-select--search-loading,.vxe-select--panel.size--small .vxe-select-option{line-height:var(--vxe-ui-select-option-height-small)}.vxe-select--panel.size--mini .vxe-select-option{height:var(--vxe-ui-select-option-height-mini)}.vxe-select--panel.size--mini .vxe-select--empty-placeholder,.vxe-select--panel.size--mini .vxe-select--search-loading,.vxe-select--panel.size--mini .vxe-select-option{line-height:var(--vxe-ui-select-option-height-mini)}

package/es/vxe-tree-select/style.css

@@ -99,6 +99,11 @@
 
 .vxe-tree-select--total-btns {
   padding-left: var(--vxe-ui-current-padding);
+  flex-grow: 1;
+}
+
+.vxe-tree-select--oper-btns {
+  flex-shrink: 0;
 }
 
 .vxe-tree-select--footer-button,

package/es/vxe-tree-select/style.min.css

@@ -1 +1 @@
-.vxe-tree-select{position:relative;display:inline-block;width:180px;color:var(--vxe-ui-font-color);text-align:left}.vxe-tree-select>.vxe-input .vxe-input--inner{cursor:pointer}.vxe-tree-select.is--filterable .vxe-tree-select-tree--wrapper{padding-top:0}.vxe-tree-select.is--filterable .vxe-tree-select--panel-header{border-top:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-tree-select.is--disabled>.vxe-input .vxe-input--inner{cursor:no-drop}.vxe-tree-select.is--loading>.vxe-input .vxe-input--inner{cursor:progress}.vxe-tree-select>.vxe-input{width:100%}.vxe-tree-select>.vxe-input .vxe-input--suffix-icon>i{display:inline-block;transition:transform .2s ease-in-out}.vxe-tree-select.is--active:not(.is--filter)>.vxe-input{border-color:var(--vxe-ui-font-primary-color)}.vxe-tree-select--readonly{color:var(--vxe-ui-font-color);display:inline-flex}.vxe-tree-select--panel{pointer-events:none;display:none;position:absolute;left:0;padding:4px 0;color:var(--vxe-ui-font-color);text-align:left}.vxe-tree-select--panel:not(.is--transfer){min-width:100%}.vxe-tree-select--panel.is--transfer{position:fixed}.vxe-tree-select--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-tree-select--panel.ani--leave[placement=top]{transform-origin:center bottom}.vxe-tree-select--panel.ani--enter{opacity:1;transform:scaleY(1)}.vxe-tree-select--panel.ani--enter>div::after{display:none}.vxe-tree-select--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-tree-select--panel-search{display:block}.vxe-tree-select--panel-search .vxe-tree-select-search--input{width:100%}.vxe-tree-select--footer-button,.vxe-tree-select--header-button{display:flex;flex-direction:row;white-space:nowrap}.vxe-tree-select--total-btns{padding-left:var(--vxe-ui-current-padding)}.vxe-tree-select--expand-btns,.vxe-tree-select--footer-button,.vxe-tree-select--selected-btns{display:flex;flex-direction:row;flex-grow:1}.vxe-tree-select--selected-btns+.vxe-tree-select--expand-btns{padding-left:2.2em}.vxe-tree-select--panel-wrapper{display:flex;flex-direction:column;position:relative;border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-base-popup-border-color);box-shadow:var(--vxe-ui-base-popup-box-shadow);background-color:var(--vxe-ui-layout-background-color);pointer-events:auto}.vxe-tree-select--panel-search{display:block;padding:var(--vxe-ui-current-padding)}.vxe-tree-select--panel-search .vxe-tree-select-search--input{width:100%}.vxe-tree-select--panel-header{border-bottom:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-tree-select--panel-footer{border-top:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-tree-select--panel-footer,.vxe-tree-select--panel-header{padding:4px 0}.vxe-tree-select-tree--wrapper{position:relative;overflow:auto;padding:var(--vxe-ui-current-padding) 0;outline:0}.vxe-tree-select--tree{width:100%}.vxe-tree-select--tree .vxe-tree--node-item.is-checkbox--checked>.vxe-tree--node-item-inner,.vxe-tree-select--tree .vxe-tree--node-item.is-radio--checked>.vxe-tree--node-item-inner{color:var(--vxe-ui-font-primary-color)}.vxe-tree-select--tree .vxe-tree--node-item-inner{cursor:pointer}.vxe-tree-select,.vxe-tree-select--panel{--vxe-ui-current-padding:var(--vxe-ui-layout-padding-default);--vxe-ui-tree-node-root-indent:var(--vxe-ui-current-padding)}.vxe-tree-select--panel.size--mini,.vxe-tree-select--panel.size--small,.vxe-tree-select.size--mini,.vxe-tree-select.size--small{--vxe-ui-current-padding:var(--vxe-ui-layout-padding-half)}.vxe-tree-select,.vxe-tree-select--panel{font-size:var(--vxe-ui-font-size-default)}.vxe-tree-select--panel.size--medium,.vxe-tree-select.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-tree-select--panel.size--small,.vxe-tree-select.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-tree-select--panel.size--mini,.vxe-tree-select.size--mini{font-size:var(--vxe-ui-font-size-mini)}
+.vxe-tree-select{position:relative;display:inline-block;width:180px;color:var(--vxe-ui-font-color);text-align:left}.vxe-tree-select>.vxe-input .vxe-input--inner{cursor:pointer}.vxe-tree-select.is--filterable .vxe-tree-select-tree--wrapper{padding-top:0}.vxe-tree-select.is--filterable .vxe-tree-select--panel-header{border-top:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-tree-select.is--disabled>.vxe-input .vxe-input--inner{cursor:no-drop}.vxe-tree-select.is--loading>.vxe-input .vxe-input--inner{cursor:progress}.vxe-tree-select>.vxe-input{width:100%}.vxe-tree-select>.vxe-input .vxe-input--suffix-icon>i{display:inline-block;transition:transform .2s ease-in-out}.vxe-tree-select.is--active:not(.is--filter)>.vxe-input{border-color:var(--vxe-ui-font-primary-color)}.vxe-tree-select--readonly{color:var(--vxe-ui-font-color);display:inline-flex}.vxe-tree-select--panel{pointer-events:none;display:none;position:absolute;left:0;padding:4px 0;color:var(--vxe-ui-font-color);text-align:left}.vxe-tree-select--panel:not(.is--transfer){min-width:100%}.vxe-tree-select--panel.is--transfer{position:fixed}.vxe-tree-select--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-tree-select--panel.ani--leave[placement=top]{transform-origin:center bottom}.vxe-tree-select--panel.ani--enter{opacity:1;transform:scaleY(1)}.vxe-tree-select--panel.ani--enter>div::after{display:none}.vxe-tree-select--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-tree-select--panel-search{display:block}.vxe-tree-select--panel-search .vxe-tree-select-search--input{width:100%}.vxe-tree-select--footer-button,.vxe-tree-select--header-button{display:flex;flex-direction:row;white-space:nowrap}.vxe-tree-select--total-btns{padding-left:var(--vxe-ui-current-padding);flex-grow:1}.vxe-tree-select--oper-btns{flex-shrink:0}.vxe-tree-select--expand-btns,.vxe-tree-select--footer-button,.vxe-tree-select--selected-btns{display:flex;flex-direction:row;flex-grow:1}.vxe-tree-select--selected-btns+.vxe-tree-select--expand-btns{padding-left:2.2em}.vxe-tree-select--panel-wrapper{display:flex;flex-direction:column;position:relative;border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-base-popup-border-color);box-shadow:var(--vxe-ui-base-popup-box-shadow);background-color:var(--vxe-ui-layout-background-color);pointer-events:auto}.vxe-tree-select--panel-search{display:block;padding:var(--vxe-ui-current-padding)}.vxe-tree-select--panel-search .vxe-tree-select-search--input{width:100%}.vxe-tree-select--panel-header{border-bottom:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-tree-select--panel-footer{border-top:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-tree-select--panel-footer,.vxe-tree-select--panel-header{padding:4px 0}.vxe-tree-select-tree--wrapper{position:relative;overflow:auto;padding:var(--vxe-ui-current-padding) 0;outline:0}.vxe-tree-select--tree{width:100%}.vxe-tree-select--tree .vxe-tree--node-item.is-checkbox--checked>.vxe-tree--node-item-inner,.vxe-tree-select--tree .vxe-tree--node-item.is-radio--checked>.vxe-tree--node-item-inner{color:var(--vxe-ui-font-primary-color)}.vxe-tree-select--tree .vxe-tree--node-item-inner{cursor:pointer}.vxe-tree-select,.vxe-tree-select--panel{--vxe-ui-current-padding:var(--vxe-ui-layout-padding-default);--vxe-ui-tree-node-root-indent:var(--vxe-ui-current-padding)}.vxe-tree-select--panel.size--mini,.vxe-tree-select--panel.size--small,.vxe-tree-select.size--mini,.vxe-tree-select.size--small{--vxe-ui-current-padding:var(--vxe-ui-layout-padding-half)}.vxe-tree-select,.vxe-tree-select--panel{font-size:var(--vxe-ui-font-size-default)}.vxe-tree-select--panel.size--medium,.vxe-tree-select.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-tree-select--panel.size--small,.vxe-tree-select.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-tree-select--panel.size--mini,.vxe-tree-select.size--mini{font-size:var(--vxe-ui-font-size-mini)}