vxe-pc-ui 3.7.4 → 3.7.6

package/es/language/ug-CN.js

@@ -96,9 +96,27 @@ export default {
             operError: 'خاتالىق كۆرۈلدى،مەشخۇلات مەغلۇپ بولدى'
         },
         select: {
+            clear: '清除',
+            allChecked: '全选',
+            total: '{0} / {1}',
             search: 'ئىزدەش',
             loadingText: 'يۈكلىنىۋاتىدۇ',
-            emptyText: 'ھازىرچە ئۇچۇر يوق'
+            emptyText: 'ھازىرچە ئۇچۇر يوق',
+            maxOpt: '最大可选择的数量不能超过 {0} 个',
+            overSizeErr: '已超出最大可选数量 {0} 个，超出部分将被忽略！',
+            searchEmpty: '未匹配到数据！'
+        },
+        tree: {
+            searchEmpty: '未匹配到数据！'
+        },
+        treeSelect: {
+            clearChecked: '清除',
+            allChecked: '全选',
+            allExpand: '全部展开',
+            clearExpand: '全部收起',
+            total: '已选 {0}',
+            search: '搜索',
+            emptyText: '暂无数据'
         },
         pager: {
             goto: 'ئالغا',

package/es/language/uk-UA.js

@@ -96,9 +96,27 @@ export default {
             operError: 'Сталася помилка, і операція не вдалася!'
         },
         select: {
+            clear: '清除',
+            allChecked: '全选',
+            total: '{0} / {1}',
             search: 'обшук',
             loadingText: 'навантаження',
-            emptyText: 'Ще немає даних'
+            emptyText: 'Ще немає даних',
+            maxOpt: '最大可选择的数量不能超过 {0} 个',
+            overSizeErr: '已超出最大可选数量 {0} 个，超出部分将被忽略！',
+            searchEmpty: '未匹配到数据！'
+        },
+        tree: {
+            searchEmpty: '未匹配到数据！'
+        },
+        treeSelect: {
+            clearChecked: '清除',
+            allChecked: '全选',
+            allExpand: '全部展开',
+            clearExpand: '全部收起',
+            total: '已选 {0}',
+            search: '搜索',
+            emptyText: '暂无数据'
         },
         pager: {
             goto: 'Йти',

package/es/language/uz-UZ.js

@@ -96,9 +96,27 @@ export default {
             operError: "Xato yuz berdi va operatsiya muvaffaqiyatsiz bo'ldi!"
         },
         select: {
+            clear: '清除',
+            allChecked: '全选',
+            total: '{0} / {1}',
             search: 'qidirish',
             loadingText: 'yuklamoq',
-            emptyText: "Hali ma'lumot yo'q"
+            emptyText: "Hali ma'lumot yo'q",
+            maxOpt: '最大可选择的数量不能超过 {0} 个',
+            overSizeErr: '已超出最大可选数量 {0} 个，超出部分将被忽略！',
+            searchEmpty: '未匹配到数据！'
+        },
+        tree: {
+            searchEmpty: '未匹配到数据！'
+        },
+        treeSelect: {
+            clearChecked: '清除',
+            allChecked: '全选',
+            allExpand: '全部展开',
+            clearExpand: '全部收起',
+            total: '{0} / {1}',
+            search: '搜索',
+            emptyText: '暂无数据'
         },
         pager: {
             goto: 'Bormoq',

package/es/language/vi-VN.js

@@ -96,9 +96,27 @@ export default {
             operError: 'Một lỗi đã xảy ra và hoạt động không thành công!'
         },
         select: {
+            clear: '清除',
+            allChecked: '全选',
+            total: '{0} / {1}',
             search: 'tìm kiếm',
             loadingText: 'đang tải',
-            emptyText: 'Chưa có dữ liệu'
+            emptyText: 'Chưa có dữ liệu',
+            maxOpt: '最大可选择的数量不能超过 {0} 个',
+            overSizeErr: '已超出最大可选数量 {0} 个，超出部分将被忽略！',
+            searchEmpty: '未匹配到数据！'
+        },
+        tree: {
+            searchEmpty: '未匹配到数据！'
+        },
+        treeSelect: {
+            clearChecked: '清除',
+            allChecked: '全选',
+            allExpand: '全部展开',
+            clearExpand: '全部收起',
+            total: '已选 {0}',
+            search: '搜索',
+            emptyText: '暂无数据'
         },
         pager: {
             goto: 'Đi',

package/es/language/zh-CHT.js

@@ -96,9 +96,27 @@ export default {
             operError: '發生錯誤，操作失敗！'
         },
         select: {
+            clear: '清除',
+            allChecked: '全选',
+            total: '{0} / {1}',
             search: '搜尋',
             loadingText: '載入中',
-            emptyText: '暫無數據'
+            emptyText: '暫無數據',
+            maxOpt: '最大可选择的数量不能超过 {0} 个',
+            overSizeErr: '已超出最大可选数量 {0} 个，超出部分将被忽略！',
+            searchEmpty: '未匹配到数据！'
+        },
+        tree: {
+            searchEmpty: '未匹配到数据！'
+        },
+        treeSelect: {
+            clearChecked: '清除',
+            allChecked: '全选',
+            allExpand: '全部展开',
+            clearExpand: '全部收起',
+            total: '已选 {0}',
+            search: '搜索',
+            emptyText: '暂无数据'
         },
         pager: {
             goto: '前往',

package/es/language/zh-CN.js

@@ -96,8 +96,26 @@ export default {
             operError: '发生错误，操作失败！'
         },
         select: {
+            clear: '清除',
+            allChecked: '全选',
+            total: '{0} / {1}',
             search: '搜索',
             loadingText: '加载中',
+            emptyText: '暂无数据',
+            maxSize: '最大可选择的数量不能超过 {0} 个',
+            overSizeErr: '已超出最大可选数量 {0} 个，超出部分将被忽略！',
+            searchEmpty: '未匹配到数据！'
+        },
+        tree: {
+            searchEmpty: '未匹配到数据！'
+        },
+        treeSelect: {
+            clearChecked: '清除',
+            allChecked: '全选',
+            allExpand: '全部展开',
+            clearExpand: '全部收起',
+            total: '已选 {0}',
+            search: '搜索',
             emptyText: '暂无数据'
         },
         pager: {

package/es/list/src/list.js

@@ -359,7 +359,7 @@ export default {
                         ref: 'refVirtualBody',
                         class: 'vxe-list--body',
                         style: {
-                            marginTop: topSpaceHeight ? `${topSpaceHeight}px` : ''
+                            transform: `translateY(${topSpaceHeight}px)`
                         }
                     }, defaultSlot ? $xeList.callSlot(defaultSlot, { items }, h) : [])
                 ]),

package/es/select/src/select.js

@@ -3,8 +3,9 @@ import XEUtils from 'xe-utils';
 import { getConfig, getIcon, getI18n, globalEvents, GLOBAL_EVENT_KEYS, createEvent, globalMixins, renderEmptyElement } from '../../ui';
 import { getEventTargetNode, updatePanelPlacement } from '../../ui/src/dom';
 import { getLastZIndex, nextZIndex, getFuncText } from '../../ui/src/utils';
-import VxeInputComponent from '../../input/src/input';
 import { getSlotVNs } from '../../ui/src/vn';
+import VxeInputComponent from '../../input/src/input';
+import VxeButtonComponent from '../../button/src/button';
 function isOptionVisible(option) {
     return option.visible !== false;
 }
@@ -63,22 +64,43 @@ export default {
         filterable: Boolean,
         filterMethod: Function,
         remote: Boolean,
-        // 已废弃，被 remote-config.queryMethod 替换
-        remoteMethod: Function,
         remoteConfig: Object,
         emptyText: String,
+        showTotalButoon: {
+            type: Boolean,
+            default: () => getConfig().select.showTotalButoon
+        },
+        showCheckedButoon: {
+            type: Boolean,
+            default: () => getConfig().select.showCheckedButoon
+        },
+        showClearButton: {
+            type: Boolean,
+            default: () => getConfig().select.showClearButton
+        },
         transfer: {
             type: Boolean,
             default: null
         },
         virtualYConfig: Object,
         scrollY: Object,
-        // 已废弃，被 option-config.keyField 替换
+        /**
+         * 已废弃，被 remote-config.queryMethod 替换
+         * @deprecated
+         */
+        remoteMethod: Function,
+        /**
+         * 已废弃，被 option-config.keyField 替换
+         * @deprecated
+         */
         optionId: {
             type: String,
             default: () => getConfig().select.optionId
         },
-        // 已废弃，被 option-config.useKey 替换
+        /**
+         * 已废弃，被 option-config.useKey 替换
+         * @deprecated
+         */
         optionKey: Boolean
     },
     inject: {
@@ -113,7 +135,6 @@ export default {
             bodyHeight: 0,
             topSpaceHeight: 0,
             optList: [],
-            afterVisibleList: [],
             staticOptions: [],
             reactFlag: 1,
             currentOption: null,
@@ -130,6 +151,7 @@ export default {
         const internalData = {
             synchData: [],
             fullData: [],
+            afterVisibleList: [],
             optAddMaps: {},
             optGroupKeyMaps: {},
             optFullValMaps: {},
@@ -248,13 +270,10 @@ export default {
         computeIsMaximize() {
             const $xeSelect = this;
             const props = $xeSelect;
-            const { value, multiple, max } = props;
-            if (multiple && max) {
-                return (XEUtils.isArray(value) ? value.length : (XEUtils.eqNull(value) ? 0 : 1)) >= XEUtils.toNumber(max);
-            }
-            return false;
+            const { value: modelValue } = props;
+            return $xeSelect.checkMaxLimit(modelValue);
         },
-        computeSYOpts() {
+        computeVirtualYOpts() {
             const $xeSelect = this;
             const props = $xeSelect;
             return Object.assign({}, getConfig().select.virtualYConfig || getConfig().select.scrollY, props.virtualYConfig || props.scrollY);
@@ -355,15 +374,19 @@ export default {
             const $xeSelect = this;
             const reactData = $xeSelect.reactData;
             const $input = $xeSelect.$refs.refInput;
+            if ($input) {
+                $input.blur();
+            }
             reactData.isActivated = true;
-            $input.blur();
             return $xeSelect.$nextTick();
         },
         blur() {
             const $xeSelect = this;
             const reactData = $xeSelect.reactData;
             const $input = $xeSelect.$refs.refInput;
-            $input.blur();
+            if ($input) {
+                $input.blur();
+            }
             reactData.isActivated = false;
             return $xeSelect.$nextTick();
         },
@@ -391,6 +414,15 @@ export default {
             const optid = option[$xeSelect.getOptKey()];
             return optid ? encodeURIComponent(optid) : '';
         },
+        checkMaxLimit(selectVals) {
+            const $xeSelect = this;
+            const props = $xeSelect;
+            const { multiple, max } = props;
+            if (multiple && max) {
+                return (XEUtils.isArray(selectVals) ? selectVals.length : (XEUtils.eqNull(selectVals) ? 0 : 1)) >= XEUtils.toNumber(max);
+            }
+            return false;
+        },
         getRemoteSelectLabel(value) {
             const $xeSelect = this;
             const internalData = $xeSelect.internalData;
@@ -450,7 +482,7 @@ export default {
                     cacheItem._index = index;
                 }
             });
-            reactData.afterVisibleList = avList;
+            internalData.afterVisibleList = avList;
             return $xeSelect.$nextTick();
         },
         refreshOption() {
@@ -591,7 +623,7 @@ export default {
                 reactData.isAniVisible = true;
                 if (filterable) {
                     if (remote && remoteOpts.enabled && remoteOpts.autoLoad && !fullData.length) {
-                        $xeSelect.triggerSearchEvent();
+                        $xeSelect.handleSearchEvent();
                     }
                     else {
                         $xeSelect.handleOption();
@@ -650,6 +682,38 @@ export default {
             $xeSelect.clearValueEvent($event, null);
             $xeSelect.hideOptionPanel();
         },
+        allCheckedPanelEvent(params) {
+            const $xeSelect = this;
+            const props = $xeSelect;
+            const reactData = $xeSelect.reactData;
+            const { $event } = params;
+            const { value: modelValue, multiple } = props;
+            const { optList } = reactData;
+            const valueField = $xeSelect.computeValueField;
+            if (multiple) {
+                const multipleValue = XEUtils.eqNull(modelValue) ? [] : (XEUtils.isArray(modelValue) ? modelValue : [modelValue]);
+                for (let i = 0; i < optList.length; i++) {
+                    const option = optList[i];
+                    const selectValue = option[valueField];
+                    // 检测是否超过最大可选数量
+                    if ($xeSelect.checkMaxLimit(multipleValue)) {
+                        break;
+                    }
+                    if (!multipleValue.some(val => val === selectValue)) {
+                        multipleValue.push(selectValue);
+                    }
+                }
+                $xeSelect.changeEvent($event, multipleValue);
+                $xeSelect.dispatchEvent('all-change', { value: multipleValue }, $event);
+                $xeSelect.hideOptionPanel();
+            }
+        },
+        clearCheckedPanelEvent(params) {
+            const $xeSelect = this;
+            const { $event } = params;
+            $xeSelect.clearValueEvent($event, null);
+            $xeSelect.hideOptionPanel();
+        },
         changeOptionEvent(evnt, option) {
             const $xeSelect = this;
             const props = $xeSelect;
@@ -737,8 +801,8 @@ export default {
             const reactData = $xeSelect.reactData;
             const internalData = $xeSelect.internalData;
             const { allowCreate } = props;
-            const { afterVisibleList, optList } = reactData;
-            const { optFullValMaps, optAddMaps } = internalData;
+            const { optList } = reactData;
+            const { optFullValMaps, optAddMaps, afterVisibleList } = internalData;
             const valueField = $xeSelect.computeValueField;
             let fullList = afterVisibleList;
             let offsetAddIndex = 0;
@@ -962,14 +1026,11 @@ export default {
                 }
             }
         },
-        checkOptionDisabled(isSelected, option, group) {
+        checkOptionDisabled(isSelected, option) {
             const $xeSelect = this;
             if (option.disabled) {
                 return true;
             }
-            if (group && group.disabled) {
-                return true;
-            }
             const isMaximize = $xeSelect.computeIsMaximize;
             if (isMaximize && !isSelected) {
                 return true;
@@ -980,8 +1041,8 @@ export default {
             const $xeSelect = this;
             const reactData = $xeSelect.reactData;
             const internalData = $xeSelect.internalData;
-            const { scrollYLoad, afterVisibleList } = reactData;
-            const { scrollYStore } = internalData;
+            const { scrollYLoad } = reactData;
+            const { scrollYStore, afterVisibleList } = internalData;
             reactData.bodyHeight = scrollYLoad ? afterVisibleList.length * scrollYStore.rowHeight : 0;
             reactData.topSpaceHeight = scrollYLoad ? Math.max(scrollYStore.startIndex * scrollYStore.rowHeight, 0) : 0;
         },
@@ -991,8 +1052,8 @@ export default {
             const reactData = $xeSelect.reactData;
             const internalData = $xeSelect.internalData;
             const { filterable, allowCreate } = props;
-            const { scrollYLoad, afterVisibleList, searchValue } = reactData;
-            const { optAddMaps, scrollYStore } = internalData;
+            const { scrollYLoad, searchValue } = reactData;
+            const { optAddMaps, scrollYStore, afterVisibleList } = internalData;
             const labelField = $xeSelect.computeLabelField;
             const valueField = $xeSelect.computeValueField;
             const restList = scrollYLoad ? afterVisibleList.slice(scrollYStore.startIndex, scrollYStore.endIndex) : afterVisibleList.slice(0);
@@ -1023,13 +1084,10 @@ export default {
                 const { scrollYLoad } = reactData;
                 const { scrollYStore } = internalData;
                 const virtualBodyElem = $xeSelect.$refs.refVirtualBody;
-                const sYOpts = $xeSelect.computeSYOpts;
+                const virtualYOpts = $xeSelect.computeVirtualYOpts;
                 let rowHeight = 0;
                 let firstItemElem;
                 if (virtualBodyElem) {
-                    if (sYOpts.sItem) {
-                        firstItemElem = virtualBodyElem.querySelector(sYOpts.sItem);
-                    }
                     if (!firstItemElem) {
                         firstItemElem = virtualBodyElem.children[0];
                     }
@@ -1043,7 +1101,7 @@ export default {
                 if (scrollYLoad) {
                     const scrollBodyElem = $xeSelect.$refs.refVirtualWrapper;
                     const visibleYSize = Math.max(8, scrollBodyElem ? Math.ceil(scrollBodyElem.clientHeight / rowHeight) : 0);
-                    const offsetYSize = Math.max(0, Math.min(2, XEUtils.toNumber(sYOpts.oSize)));
+                    const offsetYSize = Math.max(0, Math.min(2, XEUtils.toNumber(virtualYOpts.oSize)));
                     scrollYStore.offsetSize = offsetYSize;
                     scrollYStore.visibleSize = visibleYSize;
                     scrollYStore.endIndex = Math.max(scrollYStore.startIndex, visibleYSize + offsetYSize, scrollYStore.endIndex);
@@ -1211,7 +1269,7 @@ export default {
             $xeSelect.cacheItemMap(datas || []);
             const { isLoaded, fullData, scrollYStore } = internalData;
             const defaultOpts = $xeSelect.computeDefaultOpts;
-            const sYOpts = $xeSelect.computeSYOpts;
+            const virtualYOpts = $xeSelect.computeVirtualYOpts;
             const valueField = $xeSelect.computeValueField;
             Object.assign(scrollYStore, {
                 startIndex: 0,
@@ -1220,7 +1278,7 @@ export default {
             });
             internalData.synchData = datas || [];
             // 如果gt为0，则总是启用
-            reactData.scrollYLoad = !!sYOpts.enabled && sYOpts.gt > -1 && (sYOpts.gt === 0 || sYOpts.gt <= fullData.length);
+            reactData.scrollYLoad = !!virtualYOpts.enabled && virtualYOpts.gt > -1 && (virtualYOpts.gt === 0 || virtualYOpts.gt <= fullData.length);
             $xeSelect.handleData();
             if (!isLoaded) {
                 const { selectMode } = defaultOpts;
@@ -1270,7 +1328,7 @@ export default {
         //
         // Render
         //
-        renderOption(h, list, group) {
+        renderOption(h, list) {
             const $xeSelect = this;
             const props = $xeSelect;
             const slots = $xeSelect.$scopedSlots;
@@ -1293,9 +1351,9 @@ export default {
                 const isAdd = !!(allowCreate && optAddMaps[optid]);
                 const isSelected = !isAdd && (XEUtils.isArray(value) ? value.indexOf(optionValue) > -1 : value === optionValue);
                 const isVisible = isAdd || (!isOptGroup || isOptionVisible(option));
-                const isDisabled = !isAdd && $xeSelect.checkOptionDisabled(isSelected, option, group);
+                const isDisabled = !isAdd && $xeSelect.checkOptionDisabled(isSelected, option);
                 const defaultSlot = slots ? slots.default : null;
-                const optParams = { option, group: null, $select: $xeSelect };
+                const optParams = { option, group: isOptGroup ? option : null, $select: $xeSelect };
                 let optLabel = '';
                 let optVNs = [];
                 if (optionSlot) {
@@ -1394,8 +1452,8 @@ export default {
             const props = $xeSelect;
             const slots = $xeSelect.$scopedSlots;
             const reactData = $xeSelect.reactData;
-            const { className, popupClassName, loading, filterable } = props;
-            const { initialized, isActivated, isAniVisible, visiblePanel, bodyHeight, topSpaceHeight } = reactData;
+            const { value: modelValue, className, popupClassName, multiple, loading, filterable, showTotalButoon, showCheckedButoon, showClearButton } = props;
+            const { initialized, isActivated, isAniVisible, optList, visiblePanel, bodyHeight, topSpaceHeight } = reactData;
             const vSize = $xeSelect.computeSize;
             const isDisabled = $xeSelect.computeIsDisabled;
             const selectLabel = $xeSelect.computeSelectLabel;
@@ -1420,6 +1478,7 @@ export default {
                     }, selectLabel)
                 ]);
             }
+            const selectVals = XEUtils.eqNull(modelValue) ? [] : (XEUtils.isArray(modelValue) ? modelValue : [modelValue]);
             return h('div', {
                 ref: 'refElem',
                 class: ['vxe-select', className ? (XEUtils.isFunction(className) ? className({ $select: $xeSelect }) : className) : '', {
@@ -1503,10 +1562,48 @@ export default {
                                     })
                                 ])
                                 : renderEmptyElement($xeSelect),
-                            headerSlot
+                            showTotalButoon || (showCheckedButoon && multiple) || showClearButton || headerSlot
                                 ? h('div', {
                                     class: 'vxe-select--panel-header'
-                                }, $xeSelect.callSlot(headerSlot, {}, h))
+                                }, headerSlot
+                                    ? $xeSelect.callSlot(headerSlot, {}, h)
+                                    : [
+                                        h('div', {
+                                            class: 'vxe-tree-select--header-button'
+                                        }, [
+                                            showTotalButoon
+                                                ? h('div', {
+                                                    class: 'vxe-tree-select--header-total'
+                                                }, getI18n('vxe.select.total', [selectVals.length, optList.length]))
+                                                : renderEmptyElement($xeSelect),
+                                            h('div', {
+                                                class: 'vxe-tree-select--header-btns'
+                                            }, [
+                                                (showCheckedButoon && multiple)
+                                                    ? h(VxeButtonComponent, {
+                                                        props: {
+                                                            content: getI18n('vxe.select.allChecked'),
+                                                            mode: 'text'
+                                                        },
+                                                        on: {
+                                                            click: $xeSelect.allCheckedPanelEvent
+                                                        }
+                                                    })
+                                                    : renderEmptyElement($xeSelect),
+                                                showClearButton
+                                                    ? h(VxeButtonComponent, {
+                                                        props: {
+                                                            content: getI18n('vxe.select.clear'),
+                                                            mode: 'text'
+                                                        },
+                                                        on: {
+                                                            click: $xeSelect.clearCheckedPanelEvent
+                                                        }
+                                                    })
+                                                    : renderEmptyElement($xeSelect)
+                                            ])
+                                        ])
+                                    ])
                                 : renderEmptyElement($xeSelect),
                             h('div', {
                                 class: 'vxe-select--panel-body'
@@ -1528,7 +1625,7 @@ export default {
                                         ref: 'refVirtualBody',
                                         class: 'vxe-select--body',
                                         style: {
-                                            marginTop: topSpaceHeight ? `${topSpaceHeight}px` : ''
+                                            transform: `translateY(${topSpaceHeight}px)`
                                         }
                                     }, $xeSelect.renderOpts(h))
                                 ])

package/es/select/style.css

@@ -96,6 +96,27 @@
   background-color: var(--vxe-ui-layout-background-color);
 }
 
+.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: 0.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);
 }

package/es/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;padding:var(--vxe-ui-layout-padding-default)}.vxe-select--panel-search .vxe-select-search--input{width:100%}.vxe-select--panel-wrapper{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)}.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{padding:4px 0}.vxe-select-option--wrapper{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--wrapper{max-height:18em}.vxe-select-option{position:relative;padding:0 .6em;max-width:600px;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;padding:var(--vxe-ui-layout-padding-default)}.vxe-select--panel-search .vxe-select-search--input{width:100%}.vxe-select--panel-wrapper{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)}.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{padding:4px 0}.vxe-select-option--wrapper{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--wrapper{max-height:18em}.vxe-select-option{position:relative;padding:0 .6em;max-width:600px;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)}