vxe-pc-ui 4.7.4 → 4.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

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

package/es/select/src/select.js

@@ -1,11 +1,12 @@
 import { h, Teleport, ref, inject, computed, provide, onUnmounted, reactive, nextTick, watch, onMounted } from 'vue';
 import { defineVxeComponent } from '../../ui/src/comp';
 import XEUtils from 'xe-utils';
-import { getConfig, getIcon, getI18n, globalEvents, GLOBAL_EVENT_KEYS, createEvent, useSize, renderEmptyElement } from '../../ui';
+import { VxeUI, getConfig, getIcon, getI18n, globalEvents, GLOBAL_EVENT_KEYS, createEvent, useSize, renderEmptyElement } from '../../ui';
 import { getEventTargetNode, updatePanelPlacement } from '../../ui/src/dom';
 import { getLastZIndex, nextZIndex, getFuncText } from '../../ui/src/utils';
 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;
 }
@@ -57,27 +58,49 @@ export default defineVxeComponent({
         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
     },
     emits: [
         'update:modelValue',
         'change',
+        'all-change',
         'clear',
         'blur',
         'focus',
@@ -106,7 +129,6 @@ export default defineVxeComponent({
             bodyHeight: 0,
             topSpaceHeight: 0,
             optList: [],
-            afterVisibleList: [],
             staticOptions: [],
             reactFlag: 0,
             currentOption: null,
@@ -123,6 +145,7 @@ export default defineVxeComponent({
         const internalData = {
             synchData: [],
             fullData: [],
+            afterVisibleList: [],
             optAddMaps: {},
             optGroupKeyMaps: {},
             optFullValMaps: {},
@@ -220,13 +243,10 @@ export default defineVxeComponent({
             return groupPropsOpts.options || 'options';
         });
         const computeIsMaximize = computed(() => {
-            const { modelValue, multiple, max } = props;
-            if (multiple && max) {
-                return (XEUtils.isArray(modelValue) ? modelValue.length : (XEUtils.eqNull(modelValue) ? 0 : 1)) >= XEUtils.toNumber(max);
-            }
-            return false;
+            const { modelValue } = props;
+            return checkMaxLimit(modelValue);
         });
-        const computeSYOpts = computed(() => {
+        const computeVirtualYOpts = computed(() => {
             return Object.assign({}, getConfig().select.virtualYConfig || getConfig().select.scrollY, props.virtualYConfig || props.scrollY);
         });
         const computeRemoteOpts = computed(() => {
@@ -282,6 +302,13 @@ export default defineVxeComponent({
             const optid = option[getOptKey()];
             return optid ? encodeURIComponent(optid) : '';
         };
+        const checkMaxLimit = (selectVals) => {
+            const { multiple, max } = props;
+            if (multiple && max) {
+                return (XEUtils.isArray(selectVals) ? selectVals.length : (XEUtils.eqNull(selectVals) ? 0 : 1)) >= XEUtils.toNumber(max);
+            }
+            return false;
+        };
         const getRemoteSelectLabel = (value) => {
             const { remoteValMaps, optFullValMaps } = internalData;
             const labelField = computeLabelField.value;
@@ -354,7 +381,7 @@ export default defineVxeComponent({
                     cacheItem._index = index;
                 }
             });
-            reactData.afterVisibleList = avList;
+            internalData.afterVisibleList = avList;
             return nextTick();
         };
         const setCurrentOption = (option) => {
@@ -404,7 +431,7 @@ export default defineVxeComponent({
                 reactData.isAniVisible = true;
                 if (filterable) {
                     if (remote && remoteOpts.enabled && remoteOpts.autoLoad && !fullData.length) {
-                        triggerSearchEvent();
+                        handleSearchEvent();
                     }
                     else {
                         handleOption();
@@ -453,6 +480,40 @@ export default defineVxeComponent({
             clearValueEvent($event, null);
             hideOptionPanel();
         };
+        const allCheckedPanelEvent = (params) => {
+            const { $event } = params;
+            const { modelValue, multiple, max } = props;
+            const { optList } = reactData;
+            const valueField = computeValueField.value;
+            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 (checkMaxLimit(multipleValue)) {
+                        if (VxeUI) {
+                            VxeUI.modal.message({
+                                content: getI18n('vxe.select.overSizeErr', [max]),
+                                status: 'warning'
+                            });
+                        }
+                        break;
+                    }
+                    if (!multipleValue.some(val => val === selectValue)) {
+                        multipleValue.push(selectValue);
+                    }
+                }
+                changeEvent($event, multipleValue);
+                dispatchEvent('all-change', { value: multipleValue }, $event);
+                hideOptionPanel();
+            }
+        };
+        const clearCheckedPanelEvent = (params) => {
+            const { $event } = params;
+            clearValueEvent($event, null);
+            hideOptionPanel();
+        };
         const changeOptionEvent = (evnt, option) => {
             const { modelValue, multiple } = props;
             const { remoteValMaps } = internalData;
@@ -527,8 +588,8 @@ export default defineVxeComponent({
         };
         const findOffsetOption = (option, isDwArrow) => {
             const { allowCreate } = props;
-            const { afterVisibleList, optList } = reactData;
-            const { optFullValMaps, optAddMaps } = internalData;
+            const { optList } = reactData;
+            const { optFullValMaps, optAddMaps, afterVisibleList } = internalData;
             const valueField = computeValueField.value;
             let fullList = afterVisibleList;
             let offsetAddIndex = 0;
@@ -724,13 +785,10 @@ export default defineVxeComponent({
                 }
             }
         };
-        const checkOptionDisabled = (isSelected, option, group) => {
+        const checkOptionDisabled = (isSelected, option) => {
             if (option.disabled) {
                 return true;
             }
-            if (group && group.disabled) {
-                return true;
-            }
             const isMaximize = computeIsMaximize.value;
             if (isMaximize && !isSelected) {
                 return true;
@@ -738,15 +796,15 @@ export default defineVxeComponent({
             return false;
         };
         const updateYSpace = () => {
-            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;
         };
         const handleData = () => {
             const { filterable, allowCreate } = props;
-            const { scrollYLoad, afterVisibleList, searchValue } = reactData;
-            const { optAddMaps, scrollYStore } = internalData;
+            const { scrollYLoad, searchValue } = reactData;
+            const { optAddMaps, scrollYStore, afterVisibleList } = internalData;
             const labelField = computeLabelField.value;
             const valueField = computeValueField.value;
             const restList = scrollYLoad ? afterVisibleList.slice(scrollYStore.startIndex, scrollYStore.endIndex) : afterVisibleList.slice(0);
@@ -773,13 +831,10 @@ export default defineVxeComponent({
                 const { scrollYLoad } = reactData;
                 const { scrollYStore } = internalData;
                 const virtualBodyElem = refVirtualBody.value;
-                const sYOpts = computeSYOpts.value;
+                const virtualYOpts = computeVirtualYOpts.value;
                 let rowHeight = 0;
                 let firstItemElem;
                 if (virtualBodyElem) {
-                    if (sYOpts.sItem) {
-                        firstItemElem = virtualBodyElem.querySelector(sYOpts.sItem);
-                    }
                     if (!firstItemElem) {
                         firstItemElem = virtualBodyElem.children[0];
                     }
@@ -793,7 +848,7 @@ export default defineVxeComponent({
                 if (scrollYLoad) {
                     const scrollBodyElem = refVirtualWrapper.value;
                     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);
@@ -815,6 +870,9 @@ export default defineVxeComponent({
                 if (avIndex > -1) {
                     const optWrapperElem = refVirtualWrapper.value;
                     const panelElem = refOptionPanel.value;
+                    if (!panelElem) {
+                        return;
+                    }
                     const optElem = panelElem.querySelector(`[optid='${optid}']`);
                     if (optWrapperElem) {
                         if (optElem) {
@@ -942,7 +1000,7 @@ export default defineVxeComponent({
             cacheItemMap(datas || []);
             const { isLoaded, fullData, scrollYStore } = internalData;
             const defaultOpts = computeDefaultOpts.value;
-            const sYOpts = computeSYOpts.value;
+            const virtualYOpts = computeVirtualYOpts.value;
             const valueField = computeValueField.value;
             Object.assign(scrollYStore, {
                 startIndex: 0,
@@ -951,7 +1009,7 @@ export default defineVxeComponent({
             });
             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);
             handleData();
             if (!isLoaded) {
                 const { selectMode } = defaultOpts;
@@ -1026,13 +1084,17 @@ export default defineVxeComponent({
             },
             focus() {
                 const $input = refInput.value;
+                if ($input) {
+                    $input.blur();
+                }
                 reactData.isActivated = true;
-                $input.blur();
                 return nextTick();
             },
             blur() {
                 const $input = refInput.value;
-                $input.blur();
+                if ($input) {
+                    $input.blur();
+                }
                 reactData.isActivated = false;
                 return nextTick();
             },
@@ -1040,7 +1102,7 @@ export default defineVxeComponent({
             clearScroll
         };
         Object.assign($xeSelect, selectMethods);
-        const renderOption = (list, group) => {
+        const renderOption = (list) => {
             const { allowCreate, optionKey, modelValue } = props;
             const { currentOption } = reactData;
             const { optAddMaps } = internalData;
@@ -1058,9 +1120,9 @@ export default defineVxeComponent({
                 const isAdd = !!(allowCreate && optAddMaps[optid]);
                 const isSelected = !isAdd && (XEUtils.isArray(modelValue) ? modelValue.indexOf(optionValue) > -1 : modelValue === optionValue);
                 const isVisible = isAdd || (!isOptGroup || isOptionVisible(option));
-                const isDisabled = !isAdd && checkOptionDisabled(isSelected, option, group);
+                const isDisabled = !isAdd && 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) {
@@ -1148,8 +1210,8 @@ export default defineVxeComponent({
             ];
         };
         const renderVN = () => {
-            const { className, popupClassName, loading, filterable } = props;
-            const { initialized, isActivated, isAniVisible, visiblePanel, bodyHeight, topSpaceHeight } = reactData;
+            const { modelValue, className, popupClassName, multiple, loading, filterable, showTotalButoon, showCheckedButoon, showClearButton } = props;
+            const { initialized, isActivated, isAniVisible, optList, visiblePanel, bodyHeight, topSpaceHeight } = reactData;
             const vSize = computeSize.value;
             const isDisabled = computeIsDisabled.value;
             const selectLabel = computeSelectLabel.value;
@@ -1174,6 +1236,7 @@ export default defineVxeComponent({
                     }, 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) : '', {
@@ -1250,10 +1313,40 @@ export default defineVxeComponent({
                                         })
                                     ])
                                     : renderEmptyElement($xeSelect),
-                                headerSlot
+                                showTotalButoon || (showCheckedButoon && multiple) || showClearButton || headerSlot
                                     ? h('div', {
                                         class: 'vxe-select--panel-header'
-                                    }, headerSlot({}))
+                                    }, headerSlot
+                                        ? callSlot(headerSlot, {})
+                                        : [
+                                            h('div', {
+                                                class: 'vxe-select--header-button'
+                                            }, [
+                                                showTotalButoon
+                                                    ? h('div', {
+                                                        class: 'vxe-select--header-total'
+                                                    }, getI18n('vxe.select.total', [selectVals.length, optList.length]))
+                                                    : renderEmptyElement($xeSelect),
+                                                h('div', {
+                                                    class: 'vxe-select--header-btns'
+                                                }, [
+                                                    (showCheckedButoon && multiple)
+                                                        ? h(VxeButtonComponent, {
+                                                            content: getI18n('vxe.select.allChecked'),
+                                                            mode: 'text',
+                                                            onClick: allCheckedPanelEvent
+                                                        })
+                                                        : renderEmptyElement($xeSelect),
+                                                    showClearButton
+                                                        ? h(VxeButtonComponent, {
+                                                            content: getI18n('vxe.select.clear'),
+                                                            mode: 'text',
+                                                            onClick: clearCheckedPanelEvent
+                                                        })
+                                                        : renderEmptyElement($xeSelect)
+                                                ])
+                                            ])
+                                        ])
                                     : renderEmptyElement($xeSelect),
                                 h('div', {
                                     class: 'vxe-select--panel-body'
@@ -1273,7 +1366,7 @@ export default defineVxeComponent({
                                             ref: refVirtualBody,
                                             class: 'vxe-select--body',
                                             style: {
-                                                marginTop: topSpaceHeight ? `${topSpaceHeight}px` : ''
+                                                transform: `translateY(${topSpaceHeight}px)`
                                             }
                                         }, renderOpts())
                                     ])
@@ -1281,7 +1374,7 @@ export default defineVxeComponent({
                                 footerSlot
                                     ? h('div', {
                                         class: 'vxe-select--panel-footer'
-                                    }, footerSlot({}))
+                                    }, callSlot(footerSlot, {}))
                                     : renderEmptyElement($xeSelect)
                             ])
                         ]

package/es/select/style.css

@@ -95,6 +95,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;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;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;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;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)}