vxe-pc-ui 4.7.4 → 4.7.6

package/lib/select/src/select.js

@@ -12,6 +12,7 @@ var _dom = require("../../ui/src/dom");
 var _utils = require("../../ui/src/utils");
 var _vn = require("../../ui/src/vn");
 var _input = _interopRequireDefault(require("../../input/src/input"));
+var _button = _interopRequireDefault(require("../../button/src/button"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function isOptionVisible(option) {
   return option.visible !== false;
@@ -64,25 +65,46 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
     filterable: Boolean,
     filterMethod: Function,
     remote: Boolean,
-    // 已废弃，被 remote-config.queryMethod 替换
-    remoteMethod: Function,
     remoteConfig: Object,
     emptyText: String,
+    showTotalButoon: {
+      type: Boolean,
+      default: () => (0, _ui.getConfig)().select.showTotalButoon
+    },
+    showCheckedButoon: {
+      type: Boolean,
+      default: () => (0, _ui.getConfig)().select.showCheckedButoon
+    },
+    showClearButton: {
+      type: Boolean,
+      default: () => (0, _ui.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: () => (0, _ui.getConfig)().select.optionId
     },
-    // 已废弃，被 option-config.useKey 替换
+    /**
+     * 已废弃，被 option-config.useKey 替换
+     * @deprecated
+     */
     optionKey: Boolean
   },
-  emits: ['update:modelValue', 'change', 'clear', 'blur', 'focus', 'click', 'scroll', 'visible-change'],
+  emits: ['update:modelValue', 'change', 'all-change', 'clear', 'blur', 'focus', 'click', 'scroll', 'visible-change'],
   setup(props, context) {
     const {
       slots,
@@ -109,7 +131,6 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       bodyHeight: 0,
       topSpaceHeight: 0,
       optList: [],
-      afterVisibleList: [],
       staticOptions: [],
       reactFlag: 0,
       currentOption: null,
@@ -126,6 +147,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
     const internalData = {
       synchData: [],
       fullData: [],
+      afterVisibleList: [],
       optAddMaps: {},
       optGroupKeyMaps: {},
       optFullValMaps: {},
@@ -232,16 +254,11 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
     });
     const computeIsMaximize = (0, _vue.computed)(() => {
       const {
-        modelValue,
-        multiple,
-        max
+        modelValue
       } = props;
-      if (multiple && max) {
-        return (_xeUtils.default.isArray(modelValue) ? modelValue.length : _xeUtils.default.eqNull(modelValue) ? 0 : 1) >= _xeUtils.default.toNumber(max);
-      }
-      return false;
+      return checkMaxLimit(modelValue);
     });
-    const computeSYOpts = (0, _vue.computed)(() => {
+    const computeVirtualYOpts = (0, _vue.computed)(() => {
       return Object.assign({}, (0, _ui.getConfig)().select.virtualYConfig || (0, _ui.getConfig)().select.scrollY, props.virtualYConfig || props.scrollY);
     });
     const computeRemoteOpts = (0, _vue.computed)(() => {
@@ -305,6 +322,16 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       const optid = option[getOptKey()];
       return optid ? encodeURIComponent(optid) : '';
     };
+    const checkMaxLimit = selectVals => {
+      const {
+        multiple,
+        max
+      } = props;
+      if (multiple && max) {
+        return (_xeUtils.default.isArray(selectVals) ? selectVals.length : _xeUtils.default.eqNull(selectVals) ? 0 : 1) >= _xeUtils.default.toNumber(max);
+      }
+      return false;
+    };
     const getRemoteSelectLabel = value => {
       const {
         remoteValMaps,
@@ -395,7 +422,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
           cacheItem._index = index;
         }
       });
-      reactData.afterVisibleList = avList;
+      internalData.afterVisibleList = avList;
       return (0, _vue.nextTick)();
     };
     const setCurrentOption = option => {
@@ -456,7 +483,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         reactData.isAniVisible = true;
         if (filterable) {
           if (remote && remoteOpts.enabled && remoteOpts.autoLoad && !fullData.length) {
-            triggerSearchEvent();
+            handleSearchEvent();
           } else {
             handleOption();
             updateYData();
@@ -514,6 +541,52 @@ var _default = exports.default = (0, _comp.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.default.eqNull(modelValue) ? [] : _xeUtils.default.isArray(modelValue) ? modelValue : [modelValue];
+        for (let i = 0; i < optList.length; i++) {
+          const option = optList[i];
+          const selectValue = option[valueField];
+          // 检测是否超过最大可选数量
+          if (checkMaxLimit(multipleValue)) {
+            if (_ui.VxeUI) {
+              _ui.VxeUI.modal.message({
+                content: (0, _ui.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,
@@ -596,12 +669,12 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         allowCreate
       } = props;
       const {
-        afterVisibleList,
         optList
       } = reactData;
       const {
         optFullValMaps,
-        optAddMaps
+        optAddMaps,
+        afterVisibleList
       } = internalData;
       const valueField = computeValueField.value;
       let fullList = afterVisibleList;
@@ -814,13 +887,10 @@ var _default = exports.default = (0, _comp.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;
@@ -829,11 +899,11 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
     };
     const updateYSpace = () => {
       const {
-        scrollYLoad,
-        afterVisibleList
+        scrollYLoad
       } = reactData;
       const {
-        scrollYStore
+        scrollYStore,
+        afterVisibleList
       } = internalData;
       reactData.bodyHeight = scrollYLoad ? afterVisibleList.length * scrollYStore.rowHeight : 0;
       reactData.topSpaceHeight = scrollYLoad ? Math.max(scrollYStore.startIndex * scrollYStore.rowHeight, 0) : 0;
@@ -845,12 +915,12 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       } = props;
       const {
         scrollYLoad,
-        afterVisibleList,
         searchValue
       } = reactData;
       const {
         optAddMaps,
-        scrollYStore
+        scrollYStore,
+        afterVisibleList
       } = internalData;
       const labelField = computeLabelField.value;
       const valueField = computeValueField.value;
@@ -882,13 +952,10 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
           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];
           }
@@ -902,7 +969,7 @@ var _default = exports.default = (0, _comp.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.default.toNumber(sYOpts.oSize)));
+          const offsetYSize = Math.max(0, Math.min(2, _xeUtils.default.toNumber(virtualYOpts.oSize)));
           scrollYStore.offsetSize = offsetYSize;
           scrollYStore.visibleSize = visibleYSize;
           scrollYStore.endIndex = Math.max(scrollYStore.startIndex, visibleYSize + offsetYSize, scrollYStore.endIndex);
@@ -928,6 +995,9 @@ var _default = exports.default = (0, _comp.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) {
@@ -1072,7 +1142,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         scrollYStore
       } = internalData;
       const defaultOpts = computeDefaultOpts.value;
-      const sYOpts = computeSYOpts.value;
+      const virtualYOpts = computeVirtualYOpts.value;
       const valueField = computeValueField.value;
       Object.assign(scrollYStore, {
         startIndex: 0,
@@ -1081,7 +1151,7 @@ var _default = exports.default = (0, _comp.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 {
@@ -1159,13 +1229,17 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       },
       focus() {
         const $input = refInput.value;
+        if ($input) {
+          $input.blur();
+        }
         reactData.isActivated = true;
-        $input.blur();
         return (0, _vue.nextTick)();
       },
       blur() {
         const $input = refInput.value;
-        $input.blur();
+        if ($input) {
+          $input.blur();
+        }
         reactData.isActivated = false;
         return (0, _vue.nextTick)();
       },
@@ -1173,7 +1247,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       clearScroll
     };
     Object.assign($xeSelect, selectMethods);
-    const renderOption = (list, group) => {
+    const renderOption = list => {
       const {
         allowCreate,
         optionKey,
@@ -1204,11 +1278,11 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         const isAdd = !!(allowCreate && optAddMaps[optid]);
         const isSelected = !isAdd && (_xeUtils.default.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,
+          group: isOptGroup ? option : null,
           $select: $xeSelect
         };
         let optLabel = '';
@@ -1282,15 +1356,21 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
     };
     const renderVN = () => {
       const {
+        modelValue,
         className,
         popupClassName,
+        multiple,
         loading,
-        filterable
+        filterable,
+        showTotalButoon,
+        showCheckedButoon,
+        showClearButton
       } = props;
       const {
         initialized,
         isActivated,
         isAniVisible,
+        optList,
         visiblePanel,
         bodyHeight,
         topSpaceHeight
@@ -1316,6 +1396,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
           class: 'vxe-select-label'
         }, selectLabel)]);
       }
+      const selectVals = _xeUtils.default.eqNull(modelValue) ? [] : _xeUtils.default.isArray(modelValue) ? modelValue : [modelValue];
       return (0, _vue.h)('div', {
         ref: refElem,
         class: ['vxe-select', className ? _xeUtils.default.isFunction(className) ? className({
@@ -1382,9 +1463,23 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         onFocus: focusSearchEvent,
         onChange: triggerSearchEvent,
         onSearch: triggerSearchEvent
-      })]) : (0, _ui.renderEmptyElement)($xeSelect), headerSlot ? (0, _vue.h)('div', {
+      })]) : (0, _ui.renderEmptyElement)($xeSelect), showTotalButoon || showCheckedButoon && multiple || showClearButton || headerSlot ? (0, _vue.h)('div', {
         class: 'vxe-select--panel-header'
-      }, headerSlot({})) : (0, _ui.renderEmptyElement)($xeSelect), (0, _vue.h)('div', {
+      }, headerSlot ? callSlot(headerSlot, {}) : [(0, _vue.h)('div', {
+        class: 'vxe-select--header-button'
+      }, [showTotalButoon ? (0, _vue.h)('div', {
+        class: 'vxe-select--header-total'
+      }, (0, _ui.getI18n)('vxe.select.total', [selectVals.length, optList.length])) : (0, _ui.renderEmptyElement)($xeSelect), (0, _vue.h)('div', {
+        class: 'vxe-select--header-btns'
+      }, [showCheckedButoon && multiple ? (0, _vue.h)(_button.default, {
+        content: (0, _ui.getI18n)('vxe.select.allChecked'),
+        mode: 'text',
+        onClick: allCheckedPanelEvent
+      }) : (0, _ui.renderEmptyElement)($xeSelect), showClearButton ? (0, _vue.h)(_button.default, {
+        content: (0, _ui.getI18n)('vxe.select.clear'),
+        mode: 'text',
+        onClick: clearCheckedPanelEvent
+      }) : (0, _ui.renderEmptyElement)($xeSelect)])])]) : (0, _ui.renderEmptyElement)($xeSelect), (0, _vue.h)('div', {
         class: 'vxe-select--panel-body'
       }, [(0, _vue.h)('div', {
         ref: refVirtualWrapper,
@@ -1399,11 +1494,11 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         ref: refVirtualBody,
         class: 'vxe-select--body',
         style: {
-          marginTop: topSpaceHeight ? `${topSpaceHeight}px` : ''
+          transform: `translateY(${topSpaceHeight}px)`
         }
       }, renderOpts())])]), footerSlot ? (0, _vue.h)('div', {
         class: 'vxe-select--panel-footer'
-      }, footerSlot({})) : (0, _ui.renderEmptyElement)($xeSelect)])] : [])])]);
+      }, callSlot(footerSlot, {})) : (0, _ui.renderEmptyElement)($xeSelect)])] : [])])]);
     };
     (0, _vue.watch)(() => reactData.staticOptions, val => {
       loadData(val);

package/lib/select/src/select.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils"),_vn=require("../../ui/src/vn"),_input=_interopRequireDefault(require("../../input/src/input"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function isOptionVisible(e){return!1!==e.visible}function getOptUniqueId(){return _xeUtils.default.uniqueId("opt_")}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeSelect",props:{modelValue:[String,Number,Boolean,Array],defaultConfig:Object,clearable:Boolean,placeholder:String,readonly:{type:Boolean,default:null},loading:Boolean,disabled:{type:Boolean,default:null},multiple:Boolean,multiCharOverflow:{type:[Number,String],default:()=>(0,_ui.getConfig)().select.multiCharOverflow},prefixIcon:String,allowCreate:{type:Boolean,default:()=>(0,_ui.getConfig)().select.allowCreate},placement:String,options:Array,optionProps:Object,optionGroups:Array,optionGroupProps:Object,optionConfig:Object,className:[String,Function],popupClassName:[String,Function],max:{type:[String,Number],default:null},size:{type:String,default:()=>(0,_ui.getConfig)().select.size||(0,_ui.getConfig)().size},filterable:Boolean,filterMethod:Function,remote:Boolean,remoteMethod:Function,remoteConfig:Object,emptyText:String,transfer:{type:Boolean,default:null},virtualYConfig:Object,scrollY:Object,optionId:{type:String,default:()=>(0,_ui.getConfig)().select.optionId},optionKey:Boolean},emits:["update:modelValue","change","clear","blur","focus","click","scroll","visible-change"],setup(V,e){const{slots:L,emit:i}=e,f=(0,_vue.inject)("$xeModal",null),x=(0,_vue.inject)("$xeDrawer",null),D=(0,_vue.inject)("$xeTable",null),t=(0,_vue.inject)("$xeForm",null),a=(0,_vue.inject)("xeFormItemInfo",null);var l=_xeUtils.default.uniqueId();const b=(0,_vue.ref)(),T=(0,_vue.ref)(),E=(0,_vue.ref)(),S=(0,_vue.ref)(),y=(0,_vue.ref)(),O=(0,_vue.ref)(),Y=(0,_ui.useSize)(V)["computeSize"],I=(0,_vue.reactive)({initialized:!1,scrollYLoad:!1,bodyHeight:0,topSpaceHeight:0,optList:[],afterVisibleList:[],staticOptions:[],reactFlag:0,currentOption:null,searchValue:"",searchLoading:!1,panelIndex:0,panelStyle:{},panelPlacement:null,triggerFocusPanel:!1,visiblePanel:!1,isAniVisible:!1,isActivated:!1}),C={synchData:[],fullData:[],optAddMaps:{},optGroupKeyMaps:{},optFullValMaps:{},remoteValMaps:{},lastScrollLeft:0,lastScrollTop:0,scrollYStore:{startIndex:0,endIndex:0,visibleSize:0,offsetSize:0,rowHeight:0},lastScrollTime:0,hpTimeout:void 0},H={refElem:b},P={xID:l,props:V,context:e,reactData:I,internalData:C,getRefMaps:()=>H},B=(0,_vue.computed)(()=>{var e=V["readonly"];return null===e?!!t&&t.props.readonly:e}),A=(0,_vue.computed)(()=>{var e=V["disabled"];return null===e?!!t&&t.props.disabled:e}),M=(0,_vue.computed)(()=>{var e=V["transfer"];if(null===e){var l=(0,_ui.getConfig)().select.transfer;if(_xeUtils.default.isBoolean(l))return l;if(D||f||x||t)return!0}return e}),j=(0,_vue.computed)(()=>{var e=V["placeholder"];return(e=e||(0,_ui.getConfig)().select.placeholder)?(0,_utils.getFuncText)(e):(0,_ui.getI18n)("vxe.base.pleaseSelect")}),q=(0,_vue.computed)(()=>Object.assign({},V.defaultConfig)),o=(0,_vue.computed)(()=>Object.assign({},V.optionProps)),z=(0,_vue.computed)(()=>Object.assign({},V.optionGroupProps)),c=(0,_vue.computed)(()=>{return o.value.label||"label"}),N=(0,_vue.computed)(()=>{return o.value.value||"value"}),K=(0,_vue.computed)(()=>{return z.value.label||"label"}),G=(0,_vue.computed)(()=>{return z.value.options||"options"}),$=(0,_vue.computed)(()=>{var{modelValue:e,multiple:l,max:t}=V;return!(!l||!t)&&(_xeUtils.default.isArray(e)?e.length:_xeUtils.default.eqNull(e)?0:1)>=_xeUtils.default.toNumber(t)}),R=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().select.virtualYConfig||(0,_ui.getConfig)().select.scrollY,V.virtualYConfig||V.scrollY)),W=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().select.remoteConfig,V.remoteConfig)),X=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().select.optionConfig,V.optionConfig)),Z=(0,_vue.computed)(()=>_xeUtils.default.toNumber(V.multiCharOverflow)),J=(0,_vue.computed)(()=>{const{modelValue:e,remote:l,multiple:t}=V;var i,a=I["reactFlag"];const o=Z.value;return _xeUtils.default.eqNull(e)?"":(i=_xeUtils.default.isArray(e)?e:[e],(l&&a?i.map(e=>le(e)):i.map(e=>{e=te(e);return t&&0<o&&e.length>o?e.substring(0,o)+"...":e})).join(", "))}),Q=(e,l)=>e&&(_xeUtils.default.isString(e)&&(e=L[e]||null),_xeUtils.default.isFunction(e))?(0,_vn.getSlotVNs)(e(l)):[],r=(e,l,t)=>{i(e,(0,_ui.createEvent)(t,{$select:P},l))},ee=e=>{i("update:modelValue",e)},_=()=>{return X.value.keyField||V.optionId||"_X_OPTION_KEY"},w=e=>{e=e[_()];return e?encodeURIComponent(e):""},le=e=>{var{remoteValMaps:l,optFullValMaps:t}=C,i=c.value,l=l[e]||t[e],t=l?l.item:null;return _xeUtils.default.toValueString(t?t[i]:e)},te=e=>{var l=C["optFullValMaps"],t=c.value,l=I.reactFlag?l[e]:null;return l?l.item[t]:_xeUtils.default.toValueString(e)},g=()=>{const{modelValue:l,filterable:e,filterMethod:t}=V,i=I["searchValue"],{fullData:a,optFullValMaps:o}=C,s=c.value,r=N.value,n=(""+(i||"")).toLowerCase();let u=[];return(u=e&&t?a.filter(e=>isOptionVisible(e)&&t({$select:P,group:null,option:e,searchValue:i,value:l})):e?a.filter(e=>isOptionVisible(e)&&(!n||-1<(""+e[s]).toLowerCase().indexOf(n))):a.filter(isOptionVisible)).forEach((e,l)=>{e=o[e[r]];e&&(e._index=l)}),I.afterVisibleList=u,(0,_vue.nextTick)()},ie=e=>{e&&(I.currentOption=e)},n=()=>{const t=V["placement"],i=I["panelIndex"],a=b.value,o=y.value,s=M.value;var e=()=>{var e=(0,_dom.updatePanelPlacement)(a,o,{placement:t,teleportTo:s}),l=Object.assign(e.style,{zIndex:i});I.panelStyle=l,I.panelPlacement=e.placement};return e(),(0,_vue.nextTick)().then(e)},U=()=>{var{loading:e,filterable:l,remote:t}=V,{fullData:i,hpTimeout:a}=C,o=A.value,s=W.value;e||o||(a&&(clearTimeout(a),C.hpTimeout=void 0),I.initialized||(I.initialized=!0),I.isActivated=!0,I.isAniVisible=!0,l&&(t&&s.enabled&&s.autoLoad&&!i.length?F:(g(),v))(),setTimeout(()=>{I.visiblePanel=!0,V.filterable&&(0,_vue.nextTick)(()=>{var e=E.value;e&&e.focus()});d().then(()=>m())},10),setTimeout(()=>{d().then(()=>m())},100),I.panelIndex<(0,_utils.getLastZIndex)()&&(I.panelIndex=(0,_utils.nextZIndex)()),n(),r("visible-change",{visible:!0},null))},k=()=>{I.searchValue="",I.searchLoading=!1,I.visiblePanel=!1,C.hpTimeout=setTimeout(()=>{I.isAniVisible=!1},350),r("visible-change",{visible:!1},null)},u=(e,l)=>{ee(l),l!==V.modelValue&&(r("change",{value:l},e),t)&&a&&t.triggerItemEvent(e,a.itemConfig.field,l)},ae=(e,l)=>{C.remoteValMaps={},u(e,l),r("clear",{value:l},e)},oe=e=>{e=e.$event;ae(e,null),k()},se=(l,e)=>{var{modelValue:t,multiple:i}=V,a=C["remoteValMaps"];const o=e[N.value];var s=a[o];if(I.visiblePanel){if(s?s.item=e:a[o]={key:w(e),item:e,_index:-1},i){let e=[];s=_xeUtils.default.eqNull(t)?[]:_xeUtils.default.isArray(t)?t:[t],a=_xeUtils.default.findIndexOf(s,e=>e===o);e=-1===a?s.concat([o]):s.filter(e=>e!==o),u(l,e)}else u(l,o),k();I.reactFlag++}},re=e=>{var l=I["visiblePanel"];A.value||l&&(l=y.value,((0,_dom.getEventTargetNode)(e,l).flag?n:k)())},ne=e=>{var l,t,i=I["visiblePanel"];A.value||(l=b.value,t=y.value,I.isActivated=(0,_dom.getEventTargetNode)(e,l).flag||(0,_dom.getEventTargetNode)(e,t).flag,i&&!I.isActivated&&k())},h=e=>{var l=e.disabled,e=w(e);return!l&&!Le(e)},ue=(e,l)=>{var t=V["allowCreate"],{afterVisibleList:i,optList:a}=I,{optFullValMaps:o,optAddMaps:s}=C,r=N.value;let n=i,u=0;if(t&&a.length&&(i=a[0],s[t=w(i)])&&(u=1,n=[s[t]].concat(n)),!e)if(l)for(let e=0;e<n.length;e++){var c=n[e];if(h(c))return c}else for(let e=n.length-1;0<=e;e--){var v=n[e];if(h(v))return v}let d=0;a=e?o[e[r]]:null;if(-1<(d=a?a._index+u:d))if(l)for(let e=d+1;e<=n.length-1;e++){var p=n[e];if(h(p))return p}else if(0<d)for(let e=d-1;0<=e;e--){var f=n[e];if(h(f))return f}return null},ce=l=>{var e=V["clearable"],{visiblePanel:t,currentOption:i}=I;if(!A.value){var a=_ui.globalEvents.hasKey(l,_ui.GLOBAL_EVENT_KEYS.TAB),o=_ui.globalEvents.hasKey(l,_ui.GLOBAL_EVENT_KEYS.ENTER),s=_ui.globalEvents.hasKey(l,_ui.GLOBAL_EVENT_KEYS.ESCAPE),r=_ui.globalEvents.hasKey(l,_ui.GLOBAL_EVENT_KEYS.ARROW_UP),n=_ui.globalEvents.hasKey(l,_ui.GLOBAL_EVENT_KEYS.ARROW_DOWN),u=_ui.globalEvents.hasKey(l,_ui.GLOBAL_EVENT_KEYS.DELETE),c=_ui.globalEvents.hasKey(l,_ui.GLOBAL_EVENT_KEYS.SPACEBAR);if(a&&(I.isActivated=!1),t)if(s||a)k();else if(o)i&&(l.preventDefault(),l.stopPropagation(),se(l,i));else if(r||n){l.preventDefault();let e=ue(i,n);if(e=e||ue(null,n)){ie(e);{t=e;s=n;const v=I["scrollYLoad"],{optFullValMaps:d,scrollYStore:p}=C,f=N.value,_=d[t[f]];if(_){const g=_.key;const h=_._index;if(h>-1){const m=S.value;const x=y.value;const b=x.querySelector(`[optid='${g}']`);if(m)if(b){const T=m.offsetHeight;const E=1;if(s){if(b.offsetTop+b.offsetHeight-m.scrollTop>T)m.scrollTop=b.offsetTop+b.offsetHeight-T;else if(b.offsetTop+E<m.scrollTop||b.offsetTop+E>m.scrollTop+m.clientHeight)m.scrollTop=b.offsetTop-E}else if(b.offsetTop+E<m.scrollTop||b.offsetTop+E>m.scrollTop+m.clientHeight)m.scrollTop=b.offsetTop-E;else if(b.offsetTop+b.offsetHeight-m.scrollTop>T)m.scrollTop=b.offsetTop+b.offsetHeight-T}else if(v)if(s)m.scrollTop=h*p.rowHeight-m.clientHeight+p.rowHeight;else m.scrollTop=h*p.rowHeight}}}}}else c&&l.preventDefault();else(r||n||o||c)&&I.isActivated&&(l.preventDefault(),U());I.isActivated&&u&&e&&ae(l,null)}},ve=()=>{k()},de=()=>{var e=I["visiblePanel"];e&&n()},pe=e=>{A.value||I.visiblePanel||(I.triggerFocusPanel=!0,U(),setTimeout(()=>{I.triggerFocusPanel=!1},500)),r("focus",{},e)},fe=e=>{xe(e),r("click",{triggerButton:!1,visible:I.visiblePanel},e)},_e=e=>{I.isActivated=!1,r("blur",{},e)},ge=e=>{xe(e),r("click",{triggerButton:!0,visible:I.visiblePanel},e)},he=e=>{I.searchValue=e},me=()=>{I.isActivated=!0};const F=_xeUtils.default.debounce(()=>{var{modelValue:e,remote:l,remoteMethod:t}=V,i=I["searchValue"],a=W.value,t=a.queryMethod||t;l&&t&&a.enabled?(I.searchLoading=!0,Promise.resolve(t({$select:P,searchValue:i,value:e})).then(()=>(0,_vue.nextTick)()).catch(()=>(0,_vue.nextTick)()).finally(()=>{I.searchLoading=!1,g(),v()})):(g(),v())},350,{trailing:!0}),xe=e=>{e=e.$event;e.preventDefault(),I.triggerFocusPanel?I.triggerFocusPanel=!1:(I.visiblePanel?k:U)()},be=()=>{var{scrollYLoad:e,afterVisibleList:l}=I,t=C["scrollYStore"];I.bodyHeight=e?l.length*t.rowHeight:0,I.topSpaceHeight=e?Math.max(t.startIndex*t.rowHeight,0):0},Te=()=>{var{filterable:e,allowCreate:l}=V;const{scrollYLoad:t,afterVisibleList:i,searchValue:a}=I;var{optAddMaps:o,scrollYStore:s}=C;const r=c.value;var n=N.value,s=t?i.slice(s.startIndex,s.endIndex):i.slice(0);return e&&l&&a&&(s.some(e=>e[r]===a)||(e=o[a]||(0,_vue.reactive)({[_()]:a,[r]:a,[n]:a}),o[a]=e,s.unshift(e))),I.optList=s,(0,_vue.nextTick)()},v=()=>{Te(),be()},Ee=()=>(0,_vue.nextTick)().then(()=>{var e=I["scrollYLoad"],l=C["scrollYStore"],t=O.value,i=R.value;let a=0,o;(o=t?(o=i.sItem?t.querySelector(i.sItem):o)||t.children[0]:o)&&(a=o.offsetHeight),a=Math.max(20,a),l.rowHeight=a,(e?(t=S.value,e=Math.max(8,t?Math.ceil(t.clientHeight/a):0),t=Math.max(0,Math.min(2,_xeUtils.default.toNumber(i.oSize))),l.offsetSize=t,l.visibleSize=e,l.endIndex=Math.max(l.startIndex,e+t,l.endIndex),v):be)()}),Se=(e,l)=>{var t=S.value;return t&&(_xeUtils.default.isNumber(e)&&(t.scrollLeft=e),_xeUtils.default.isNumber(l))&&(t.scrollTop=l),I.scrollYLoad?new Promise(e=>{setTimeout(()=>{(0,_vue.nextTick)(()=>{e()})},50)}):(0,_vue.nextTick)()},m=()=>{const{lastScrollLeft:e,lastScrollTop:l}=C;return p().then(()=>{if(e||l)return C.lastScrollLeft=0,C.lastScrollTop=0,Se(e,l)})},d=()=>{var e=b.value;return e&&e.clientWidth&&e.clientHeight?Ee():Promise.resolve()},ye=e=>{var l=C["scrollYStore"],{startIndex:t,endIndex:i,visibleSize:a,offsetSize:o,rowHeight:s}=l,e=e.target.scrollTop,e=Math.floor(e/s),s=Math.max(0,e-1-o),o=e+a+o;!(e<=t||i-a-1<=e)||t===s&&i===o||(l.startIndex=s,l.endIndex=o,v())},Ve=e=>{var l=e.target,t=l.scrollTop,l=l.scrollLeft,i=l!==C.lastScrollLeft,a=t!==C.lastScrollTop;C.lastScrollTop=t,C.lastScrollLeft=l,I.scrollYLoad&&ye(e),C.lastScrollTime=Date.now(),r("scroll",{scrollLeft:l,scrollTop:t,isX:i,isY:a},e)},s=e=>{{var l=e||[];const r=G.value,n=N.value,u=_(),c={},v={},d=[],p=e=>{d.push(e);let l=w(e);l||(l=getOptUniqueId(),e[u]=l),v[e[n]]={key:l,item:e,_index:-1}};l.forEach(e=>{p(e),e[r]&&(c[e[u]]=e)[r].forEach(p)}),C.fullData=d,C.optGroupKeyMaps=c,C.optFullValMaps=v,I.reactFlag++,g()}var{isLoaded:l,fullData:t,scrollYStore:i}=C,a=q.value,o=R.value;const s=N.value;if(Object.assign(i,{startIndex:0,endIndex:1,visibleSize:0}),C.synchData=e||[],I.scrollYLoad=!!o.enabled&&-1<o.gt&&(0===o.gt||o.gt<=t.length),Te(),!l){i=a["selectMode"];if(0<e.length&&_xeUtils.default.eqNull(V.modelValue)){if("first"===i||"last"===i){const f=_xeUtils.default[i](e);f&&(0,_vue.nextTick)(()=>{_xeUtils.default.eqNull(V.modelValue)&&ee(f[s])})}C.isLoaded=!0}}return Ee().then(()=>{m()})},p=()=>{var e=S.value;return e&&(e.scrollTop=0,e.scrollLeft=0),C.lastScrollTop=0,(C.lastScrollLeft=0,_vue.nextTick)()},Le=e=>{var l=C["optGroupKeyMaps"];return!!l[e]};l={dispatchEvent:r,loadData:s,reloadData(e){return C.isLoaded=!1,p(),s(e)},isPanelVisible(){return I.visiblePanel},togglePanel(){return(I.visiblePanel?k:U)(),(0,_vue.nextTick)()},hidePanel(){return I.visiblePanel&&k(),(0,_vue.nextTick)()},showPanel(){return I.visiblePanel||U(),(0,_vue.nextTick)()},refreshOption(){return g(),v(),(0,_vue.nextTick)()},focus(){var e=T.value;return I.isActivated=!0,e.blur(),(0,_vue.nextTick)()},blur(){return T.value.blur(),(I.isActivated=!1,_vue.nextTick)()},recalculate:d,clearScroll:p};Object.assign(P,l);const Oe=(e,f)=>{const{allowCreate:_,optionKey:g,modelValue:h}=V,m=I["currentOption"],x=C["optAddMaps"];var l=X.value;const b=c.value,T=N.value,E=K.value,S=l["useKey"],y=L.option;return e.map((l,e)=>{var{slots:t,className:i}=l,a=w(l),o=l[T];const s=Le(a);var r=!(!_||!x[a]),o=!r&&(_xeUtils.default.isArray(h)?-1<h.indexOf(o):h===o),n=r||!s||isOptionVisible(l);const u=!(r||(v=o,c=f,!l.disabled&&(!c||!c.disabled)&&(!$.value||v)));var c=t?t.default:null,v={option:l,group:null,$select:P};let d="",p=[];return p=y?Q(y,v):c?Q(c,v):d=(0,_utils.getFuncText)(l[s?E:b]),n?(0,_vue.h)("div",{key:S||g?a:e,class:["vxe-select-option",i?_xeUtils.default.isFunction(i)?i(v):i:"",{"vxe-select-optgroup":s,"is--disabled":u,"is--selected":o,"is--add":r,"is--hover":m&&w(m)===a}],optid:a,title:d||null,onMousedown:e=>{0===e.button&&e.stopPropagation()},onClick:e=>{u||s||se(e,l)},onMouseenter:()=>{var e;u||s||(e=C.lastScrollTime)&&Date.now()<e+250||ie(l)}},_?[(0,_vue.h)("span",{key:1,class:"vxe-select-option--label"},p),r?(0,_vue.h)("span",{key:2,class:"vxe-select-option--add-icon"},[(0,_vue.h)("i",{class:(0,_ui.getIcon)().SELECT_ADD_OPTION})]):(0,_ui.renderEmptyElement)(P)]:p):(0,_ui.renderEmptyElement)(P)})};return(0,_vue.watch)(()=>I.staticOptions,e=>{s(e)}),(0,_vue.watch)(()=>V.options,e=>{s(e||[])}),(0,_vue.watch)(()=>V.optionGroups,e=>{s(e||[])}),(0,_vue.onMounted)(()=>{(0,_vue.nextTick)(()=>{var{options:e,optionGroups:l}=V;l?s(l):e&&s(e)}),_ui.globalEvents.on(P,"mousewheel",re),_ui.globalEvents.on(P,"mousedown",ne),_ui.globalEvents.on(P,"keydown",ce),_ui.globalEvents.on(P,"blur",ve),_ui.globalEvents.on(P,"resize",de)}),(0,_vue.onUnmounted)(()=>{_ui.globalEvents.off(P,"mousewheel"),_ui.globalEvents.off(P,"mousedown"),_ui.globalEvents.off(P,"keydown"),_ui.globalEvents.off(P,"blur"),_ui.globalEvents.off(P,"resize")}),(0,_vue.provide)("$xeSelect",P),P.renderVN=()=>{var{className:e,popupClassName:l,loading:t,filterable:i}=V,{initialized:a,isActivated:o,isAniVisible:s,visiblePanel:r,bodyHeight:n,topSpaceHeight:u}=I,c=Y.value,v=A.value,d=J.value,p=M.value,f=B.value,_=j.value,g=L.default,h=L.header,m=L.footer;const x=L.prefix;return f?(0,_vue.h)("div",{ref:b,class:["vxe-select--readonly",e]},[(0,_vue.h)("div",{class:"vxe-select-slots",ref:"hideOption"},g?g({}):[]),(0,_vue.h)("span",{class:"vxe-select-label"},d)]):(0,_vue.h)("div",{ref:b,class:["vxe-select",e?_xeUtils.default.isFunction(e)?e({$select:P}):e:"",{["size--"+c]:c,"is--visible":r,"is--disabled":v,"is--filter":i,"is--loading":t,"is--active":o}]},[(0,_vue.h)("div",{class:"vxe-select-slots",ref:"hideOption"},g?g({}):[]),(0,_vue.h)(_input.default,{ref:T,clearable:V.clearable,placeholder:_,readonly:!0,disabled:v,type:"text",prefixIcon:V.prefixIcon,suffixIcon:t?(0,_ui.getIcon)().SELECT_LOADED:r?(0,_ui.getIcon)().SELECT_OPEN:(0,_ui.getIcon)().SELECT_CLOSE,autoFocus:!1,title:d,modelValue:d,onClear:oe,onClick:fe,onFocus:pe,onBlur:_e,onSuffixClick:ge},x?{prefix:()=>x({})}:{}),(0,_vue.h)(_vue.Teleport,{to:"body",disabled:!p||!a},[(0,_vue.h)("div",{ref:y,class:["vxe-table--ignore-clear vxe-select--panel",l?_xeUtils.default.isFunction(l)?l({$select:P}):l:"",{["size--"+c]:c,"is--transfer":p,"ani--leave":!t&&s,"ani--enter":!t&&r}],placement:I.panelPlacement,style:I.panelStyle},a&&(r||s)?[(0,_vue.h)("div",{class:"vxe-select--panel-wrapper"},[i?(0,_vue.h)("div",{class:"vxe-select--panel-search"},[(0,_vue.h)(_input.default,{ref:E,class:"vxe-select-search--input",modelValue:I.searchValue,clearable:!0,disabled:!1,readonly:!1,placeholder:(0,_ui.getI18n)("vxe.select.search"),prefixIcon:(0,_ui.getIcon)().INPUT_SEARCH,"onUpdate:modelValue":he,onFocus:me,onChange:F,onSearch:F})]):(0,_ui.renderEmptyElement)(P),h?(0,_vue.h)("div",{class:"vxe-select--panel-header"},h({})):(0,_ui.renderEmptyElement)(P),(0,_vue.h)("div",{class:"vxe-select--panel-body"},[(0,_vue.h)("div",{ref:S,class:"vxe-select-option--wrapper",onScroll:Ve},[(0,_vue.h)("div",{class:"vxe-select--y-space",style:{height:n?n+"px":""}}),(0,_vue.h)("div",{ref:O,class:"vxe-select--body",style:{marginTop:u?u+"px":""}},(()=>{var{optList:e,searchLoading:l}=I;return l?[(0,_vue.h)("div",{class:"vxe-select--search-loading"},[(0,_vue.h)("i",{class:["vxe-select--search-icon",(0,_ui.getIcon)().SELECT_LOADED]}),(0,_vue.h)("span",{class:"vxe-select--search-text"},(0,_ui.getI18n)("vxe.select.loadingText"))])]:e.length?Oe(e):[(0,_vue.h)("div",{class:"vxe-select--empty-placeholder"},V.emptyText||(0,_ui.getI18n)("vxe.select.emptyText"))]})())])]),m?(0,_vue.h)("div",{class:"vxe-select--panel-footer"},m({})):(0,_ui.renderEmptyElement)(P)])]:[])])])},P},render(){return this.renderVN()}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils"),_vn=require("../../ui/src/vn"),_input=_interopRequireDefault(require("../../input/src/input")),_button=_interopRequireDefault(require("../../button/src/button"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function isOptionVisible(e){return!1!==e.visible}function getOptUniqueId(){return _xeUtils.default.uniqueId("opt_")}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeSelect",props:{modelValue:[String,Number,Boolean,Array],defaultConfig:Object,clearable:Boolean,placeholder:String,readonly:{type:Boolean,default:null},loading:Boolean,disabled:{type:Boolean,default:null},multiple:Boolean,multiCharOverflow:{type:[Number,String],default:()=>(0,_ui.getConfig)().select.multiCharOverflow},prefixIcon:String,allowCreate:{type:Boolean,default:()=>(0,_ui.getConfig)().select.allowCreate},placement:String,options:Array,optionProps:Object,optionGroups:Array,optionGroupProps:Object,optionConfig:Object,className:[String,Function],popupClassName:[String,Function],max:{type:[String,Number],default:null},size:{type:String,default:()=>(0,_ui.getConfig)().select.size||(0,_ui.getConfig)().size},filterable:Boolean,filterMethod:Function,remote:Boolean,remoteConfig:Object,emptyText:String,showTotalButoon:{type:Boolean,default:()=>(0,_ui.getConfig)().select.showTotalButoon},showCheckedButoon:{type:Boolean,default:()=>(0,_ui.getConfig)().select.showCheckedButoon},showClearButton:{type:Boolean,default:()=>(0,_ui.getConfig)().select.showClearButton},transfer:{type:Boolean,default:null},virtualYConfig:Object,scrollY:Object,remoteMethod:Function,optionId:{type:String,default:()=>(0,_ui.getConfig)().select.optionId},optionKey:Boolean},emits:["update:modelValue","change","all-change","clear","blur","focus","click","scroll","visible-change"],setup(L,e){const{slots:C,emit:a}=e,b=(0,_vue.inject)("$xeModal",null),T=(0,_vue.inject)("$xeDrawer",null),E=(0,_vue.inject)("$xeTable",null),l=(0,_vue.inject)("$xeForm",null),i=(0,_vue.inject)("xeFormItemInfo",null);var t=_xeUtils.default.uniqueId();const I=(0,_vue.ref)(),O=(0,_vue.ref)(),P=(0,_vue.ref)(),A=(0,_vue.ref)(),w=(0,_vue.ref)(),U=(0,_vue.ref)(),D=(0,_ui.useSize)(L)["computeSize"],k=(0,_vue.reactive)({initialized:!1,scrollYLoad:!1,bodyHeight:0,topSpaceHeight:0,optList:[],staticOptions:[],reactFlag:0,currentOption:null,searchValue:"",searchLoading:!1,panelIndex:0,panelStyle:{},panelPlacement:null,triggerFocusPanel:!1,visiblePanel:!1,isAniVisible:!1,isActivated:!1}),y={synchData:[],fullData:[],afterVisibleList:[],optAddMaps:{},optGroupKeyMaps:{},optFullValMaps:{},remoteValMaps:{},lastScrollLeft:0,lastScrollTop:0,scrollYStore:{startIndex:0,endIndex:0,visibleSize:0,offsetSize:0,rowHeight:0},lastScrollTime:0,hpTimeout:void 0},Y={refElem:I},M={xID:t,props:L,context:e,reactData:k,internalData:y,getRefMaps:()=>Y},q=(0,_vue.computed)(()=>{var e=L["readonly"];return null===e?!!l&&l.props.readonly:e}),N=(0,_vue.computed)(()=>{var e=L["disabled"];return null===e?!!l&&l.props.disabled:e}),B=(0,_vue.computed)(()=>{var e=L["transfer"];if(null===e){var t=(0,_ui.getConfig)().select.transfer;if(_xeUtils.default.isBoolean(t))return t;if(E||b||T||l)return!0}return e}),H=(0,_vue.computed)(()=>{var e=L["placeholder"];return(e=e||(0,_ui.getConfig)().select.placeholder)?(0,_utils.getFuncText)(e):(0,_ui.getI18n)("vxe.base.pleaseSelect")}),j=(0,_vue.computed)(()=>Object.assign({},L.defaultConfig)),z=(0,_vue.computed)(()=>Object.assign({},L.optionProps)),K=(0,_vue.computed)(()=>Object.assign({},L.optionGroupProps)),c=(0,_vue.computed)(()=>{return z.value.label||"label"}),S=(0,_vue.computed)(()=>{return z.value.value||"value"}),$=(0,_vue.computed)(()=>{return K.value.label||"label"}),G=(0,_vue.computed)(()=>{return K.value.options||"options"}),R=(0,_vue.computed)(()=>{var e=L["modelValue"];return te(e)}),W=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().select.virtualYConfig||(0,_ui.getConfig)().select.scrollY,L.virtualYConfig||L.scrollY)),X=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().select.remoteConfig,L.remoteConfig)),Z=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().select.optionConfig,L.optionConfig)),J=(0,_vue.computed)(()=>_xeUtils.default.toNumber(L.multiCharOverflow)),Q=(0,_vue.computed)(()=>{const{modelValue:e,remote:t,multiple:l}=L;var a,i=k["reactFlag"];const o=J.value;return _xeUtils.default.eqNull(e)?"":(a=_xeUtils.default.isArray(e)?e:[e],(t&&i?a.map(e=>le(e)):a.map(e=>{e=ae(e);return l&&0<o&&e.length>o?e.substring(0,o)+"...":e})).join(", "))}),F=(e,t)=>e&&(_xeUtils.default.isString(e)&&(e=C[e]||null),_xeUtils.default.isFunction(e))?(0,_vn.getSlotVNs)(e(t)):[],r=(e,t,l)=>{a(e,(0,_ui.createEvent)(l,{$select:M},t))},ee=e=>{a("update:modelValue",e)},_=()=>{return Z.value.keyField||L.optionId||"_X_OPTION_KEY"},V=e=>{e=e[_()];return e?encodeURIComponent(e):""},te=e=>{var{multiple:t,max:l}=L;return!(!t||!l)&&(_xeUtils.default.isArray(e)?e.length:_xeUtils.default.eqNull(e)?0:1)>=_xeUtils.default.toNumber(l)},le=e=>{var{remoteValMaps:t,optFullValMaps:l}=y,a=c.value,t=t[e]||l[e],l=t?t.item:null;return _xeUtils.default.toValueString(l?l[a]:e)},ae=e=>{var t=y["optFullValMaps"],l=c.value,t=k.reactFlag?t[e]:null;return t?t.item[l]:_xeUtils.default.toValueString(e)},g=()=>{const{modelValue:t,filterable:e,filterMethod:l}=L,a=k["searchValue"],{fullData:i,optFullValMaps:o}=y,s=c.value,n=S.value,r=(""+(a||"")).toLowerCase();let u=[];return(u=e&&l?i.filter(e=>isOptionVisible(e)&&l({$select:M,group:null,option:e,searchValue:a,value:t})):e?i.filter(e=>isOptionVisible(e)&&(!r||-1<(""+e[s]).toLowerCase().indexOf(r))):i.filter(isOptionVisible)).forEach((e,t)=>{e=o[e[n]];e&&(e._index=t)}),y.afterVisibleList=u,(0,_vue.nextTick)()},ie=e=>{e&&(k.currentOption=e)},n=()=>{const l=L["placement"],a=k["panelIndex"],i=I.value,o=w.value,s=B.value;var e=()=>{var e=(0,_dom.updatePanelPlacement)(i,o,{placement:l,teleportTo:s}),t=Object.assign(e.style,{zIndex:a});k.panelStyle=t,k.panelPlacement=e.placement};return e(),(0,_vue.nextTick)().then(e)},v=()=>{var{loading:e,filterable:t,remote:l}=L,{fullData:a,hpTimeout:i}=y,o=N.value,s=X.value;e||o||(i&&(clearTimeout(i),y.hpTimeout=void 0),k.initialized||(k.initialized=!0),k.isActivated=!0,k.isAniVisible=!0,t&&(l&&s.enabled&&s.autoLoad&&!a.length?Te:(g(),f))(),setTimeout(()=>{k.visiblePanel=!0,L.filterable&&(0,_vue.nextTick)(()=>{var e=P.value;e&&e.focus()});x().then(()=>m())},10),setTimeout(()=>{x().then(()=>m())},100),k.panelIndex<(0,_utils.getLastZIndex)()&&(k.panelIndex=(0,_utils.nextZIndex)()),n(),r("visible-change",{visible:!0},null))},d=()=>{k.searchValue="",k.searchLoading=!1,k.visiblePanel=!1,y.hpTimeout=setTimeout(()=>{k.isAniVisible=!1},350),r("visible-change",{visible:!1},null)},u=(e,t)=>{ee(t),t!==L.modelValue&&(r("change",{value:t},e),l)&&i&&l.triggerItemEvent(e,i.itemConfig.field,t)},p=(e,t)=>{y.remoteValMaps={},u(e,t),r("clear",{value:t},e)},oe=e=>{e=e.$event;p(e,null),d()},se=e=>{var e=e["$event"],{modelValue:t,multiple:l,max:a}=L,i=k["optList"],o=S.value;if(l){var s=_xeUtils.default.eqNull(t)?[]:_xeUtils.default.isArray(t)?t:[t];for(let e=0;e<i.length;e++){const n=i[e][o];if(te(s)){_ui.VxeUI&&_ui.VxeUI.modal.message({content:(0,_ui.getI18n)("vxe.select.overSizeErr",[a]),status:"warning"});break}s.some(e=>e===n)||s.push(n)}u(e,s),r("all-change",{value:s},e),d()}},ne=e=>{e=e.$event;p(e,null),d()},re=(t,e)=>{var{modelValue:l,multiple:a}=L,i=y["remoteValMaps"];const o=e[S.value];var s=i[o];if(k.visiblePanel){if(s?s.item=e:i[o]={key:V(e),item:e,_index:-1},a){let e=[];s=_xeUtils.default.eqNull(l)?[]:_xeUtils.default.isArray(l)?l:[l],i=_xeUtils.default.findIndexOf(s,e=>e===o);e=-1===i?s.concat([o]):s.filter(e=>e!==o),u(t,e)}else u(t,o),d();k.reactFlag++}},ue=e=>{var t=k["visiblePanel"];N.value||t&&(t=w.value,((0,_dom.getEventTargetNode)(e,t).flag?n:d)())},ce=e=>{var t,l,a=k["visiblePanel"];N.value||(t=I.value,l=w.value,k.isActivated=(0,_dom.getEventTargetNode)(e,t).flag||(0,_dom.getEventTargetNode)(e,l).flag,a&&!k.isActivated&&d())},h=e=>{var t=e.disabled,e=V(e);return!t&&!Pe(e)},ve=(e,t)=>{var l=L["allowCreate"],a=k["optList"],{optFullValMaps:i,optAddMaps:o,afterVisibleList:s}=y,n=S.value;let r=s,u=0;if(l&&a.length&&(s=a[0],o[l=V(s)])&&(u=1,r=[o[l]].concat(r)),!e)if(t)for(let e=0;e<r.length;e++){var c=r[e];if(h(c))return c}else for(let e=r.length-1;0<=e;e--){var v=r[e];if(h(v))return v}let d=0;a=e?i[e[n]]:null;if(-1<(d=a?a._index+u:d))if(t)for(let e=d+1;e<=r.length-1;e++){var p=r[e];if(h(p))return p}else if(0<d)for(let e=d-1;0<=e;e--){var f=r[e];if(h(f))return f}return null},de=t=>{var e=L["clearable"],{visiblePanel:l,currentOption:a}=k;if(!N.value){var i=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.TAB),o=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.ENTER),s=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.ESCAPE),n=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.ARROW_UP),r=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.ARROW_DOWN),u=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.DELETE),c=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.SPACEBAR);if(i&&(k.isActivated=!1),l)if(s||i)d();else if(o)a&&(t.preventDefault(),t.stopPropagation(),re(t,a));else if(n||r){t.preventDefault();let e=ve(a,r);(e=e||ve(null,r))&&(ie(e),((e,t)=>{const{scrollYLoad:l}=k,{optFullValMaps:a,scrollYStore:i}=y,o=S.value,s=a[e[o]];if(s){const n=s.key;const r=s._index;if(r>-1){const u=A.value;const c=w.value;if(!c)return;const v=c.querySelector(`[optid='${n}']`);if(u)if(v){const d=u.offsetHeight;const p=1;if(t){if(v.offsetTop+v.offsetHeight-u.scrollTop>d)u.scrollTop=v.offsetTop+v.offsetHeight-d;else if(v.offsetTop+p<u.scrollTop||v.offsetTop+p>u.scrollTop+u.clientHeight)u.scrollTop=v.offsetTop-p}else if(v.offsetTop+p<u.scrollTop||v.offsetTop+p>u.scrollTop+u.clientHeight)u.scrollTop=v.offsetTop-p;else if(v.offsetTop+v.offsetHeight-u.scrollTop>d)u.scrollTop=v.offsetTop+v.offsetHeight-d}else if(l)if(t)u.scrollTop=r*i.rowHeight-u.clientHeight+i.rowHeight;else u.scrollTop=r*i.rowHeight}}})(e,r))}else c&&t.preventDefault();else(n||r||o||c)&&k.isActivated&&(t.preventDefault(),v());k.isActivated&&u&&e&&p(t,null)}},pe=()=>{d()},fe=()=>{var e=k["visiblePanel"];e&&n()},_e=e=>{N.value||k.visiblePanel||(k.triggerFocusPanel=!0,v(),setTimeout(()=>{k.triggerFocusPanel=!1},500)),r("focus",{},e)},ge=e=>{ye(e),r("click",{triggerButton:!1,visible:k.visiblePanel},e)},he=e=>{k.isActivated=!1,r("blur",{},e)},me=e=>{ye(e),r("click",{triggerButton:!0,visible:k.visiblePanel},e)},xe=e=>{k.searchValue=e},be=()=>{k.isActivated=!0},Te=()=>{var{modelValue:e,remote:t,remoteMethod:l}=L,a=k["searchValue"],i=X.value,l=i.queryMethod||l;t&&l&&i.enabled?(k.searchLoading=!0,Promise.resolve(l({$select:M,searchValue:a,value:e})).then(()=>(0,_vue.nextTick)()).catch(()=>(0,_vue.nextTick)()).finally(()=>{k.searchLoading=!1,g(),f()})):(g(),f())},Ee=_xeUtils.default.debounce(Te,350,{trailing:!0}),ye=e=>{e=e.$event;e.preventDefault(),k.triggerFocusPanel?k.triggerFocusPanel=!1:(k.visiblePanel?d:v)()},Se=()=>{var e=k["scrollYLoad"],{scrollYStore:t,afterVisibleList:l}=y;k.bodyHeight=e?l.length*t.rowHeight:0,k.topSpaceHeight=e?Math.max(t.startIndex*t.rowHeight,0):0},Ve=()=>{var{filterable:e,allowCreate:t}=L;const{scrollYLoad:l,searchValue:a}=k;var{optAddMaps:i,scrollYStore:o,afterVisibleList:s}=y;const n=c.value;var r=S.value,o=l?s.slice(o.startIndex,o.endIndex):s.slice(0);return e&&t&&a&&(o.some(e=>e[n]===a)||(s=i[a]||(0,_vue.reactive)({[_()]:a,[n]:a,[r]:a}),i[a]=s,o.unshift(s))),k.optList=o,(0,_vue.nextTick)()},f=()=>{Ve(),Se()},Le=()=>(0,_vue.nextTick)().then(()=>{var e=k["scrollYLoad"],t=y["scrollYStore"],l=U.value,a=W.value;let i=0,o;(o=l?o||l.children[0]:o)&&(i=o.offsetHeight),i=Math.max(20,i),t.rowHeight=i,(e?(l=A.value,e=Math.max(8,l?Math.ceil(l.clientHeight/i):0),l=Math.max(0,Math.min(2,_xeUtils.default.toNumber(a.oSize))),t.offsetSize=l,t.visibleSize=e,t.endIndex=Math.max(t.startIndex,e+l,t.endIndex),f):Se)()}),Ce=(e,t)=>{var l=A.value;return l&&(_xeUtils.default.isNumber(e)&&(l.scrollLeft=e),_xeUtils.default.isNumber(t))&&(l.scrollTop=t),k.scrollYLoad?new Promise(e=>{setTimeout(()=>{(0,_vue.nextTick)(()=>{e()})},50)}):(0,_vue.nextTick)()},m=()=>{const{lastScrollLeft:e,lastScrollTop:t}=y;return s().then(()=>{if(e||t)return y.lastScrollLeft=0,y.lastScrollTop=0,Ce(e,t)})},x=()=>{var e=I.value;return e&&e.clientWidth&&e.clientHeight?Le():Promise.resolve()},Ie=e=>{var t=y["scrollYStore"],{startIndex:l,endIndex:a,visibleSize:i,offsetSize:o,rowHeight:s}=t,e=e.target.scrollTop,e=Math.floor(e/s),s=Math.max(0,e-1-o),o=e+i+o;!(e<=l||a-i-1<=e)||l===s&&a===o||(t.startIndex=s,t.endIndex=o,f())},Oe=e=>{var t=e.target,l=t.scrollTop,t=t.scrollLeft,a=t!==y.lastScrollLeft,i=l!==y.lastScrollTop;y.lastScrollTop=l,y.lastScrollLeft=t,k.scrollYLoad&&Ie(e),y.lastScrollTime=Date.now(),r("scroll",{scrollLeft:t,scrollTop:l,isX:a,isY:i},e)},o=e=>{{var t=e||[];const n=G.value,r=S.value,u=_(),c={},v={},d=[],p=e=>{d.push(e);let t=V(e);t||(t=getOptUniqueId(),e[u]=t),v[e[r]]={key:t,item:e,_index:-1}};t.forEach(e=>{p(e),e[n]&&(c[e[u]]=e)[n].forEach(p)}),y.fullData=d,y.optGroupKeyMaps=c,y.optFullValMaps=v,k.reactFlag++,g()}var{isLoaded:t,fullData:l,scrollYStore:a}=y,i=j.value,o=W.value;const s=S.value;if(Object.assign(a,{startIndex:0,endIndex:1,visibleSize:0}),y.synchData=e||[],k.scrollYLoad=!!o.enabled&&-1<o.gt&&(0===o.gt||o.gt<=l.length),Ve(),!t){a=i["selectMode"];if(0<e.length&&_xeUtils.default.eqNull(L.modelValue)){if("first"===a||"last"===a){const f=_xeUtils.default[a](e);f&&(0,_vue.nextTick)(()=>{_xeUtils.default.eqNull(L.modelValue)&&ee(f[s])})}y.isLoaded=!0}}return Le().then(()=>{m()})},s=()=>{var e=A.value;return e&&(e.scrollTop=0,e.scrollLeft=0),y.lastScrollTop=0,(y.lastScrollLeft=0,_vue.nextTick)()},Pe=e=>{var t=y["optGroupKeyMaps"];return!!t[e]};t={dispatchEvent:r,loadData:o,reloadData(e){return y.isLoaded=!1,s(),o(e)},isPanelVisible(){return k.visiblePanel},togglePanel(){return(k.visiblePanel?d:v)(),(0,_vue.nextTick)()},hidePanel(){return k.visiblePanel&&d(),(0,_vue.nextTick)()},showPanel(){return k.visiblePanel||v(),(0,_vue.nextTick)()},refreshOption(){return g(),f(),(0,_vue.nextTick)()},focus(){var e=O.value;return e&&e.blur(),k.isActivated=!0,(0,_vue.nextTick)()},blur(){var e=O.value;return e&&e.blur(),(k.isActivated=!1,_vue.nextTick)()},recalculate:x,clearScroll:s};Object.assign(M,t);const Ae=e=>{const{allowCreate:p,optionKey:f,modelValue:_}=L,g=k["currentOption"],h=y["optAddMaps"];var t=Z.value;const m=c.value,x=S.value,b=$.value,T=t["useKey"],E=C.option;return e.map((t,e)=>{var{slots:l,className:a}=t,i=V(t),o=t[x];const s=Pe(i);var n=!(!p||!h[i]),o=!n&&(_xeUtils.default.isArray(_)?-1<_.indexOf(o):_===o),r=n||!s||isOptionVisible(t);const u=!n&&(c=o,!!t.disabled||!(!R.value||c));var c=l?l.default:null,l={option:t,group:s?t:null,$select:M};let v="",d=[];return d=E?F(E,l):c?F(c,l):v=(0,_utils.getFuncText)(t[s?b:m]),r?(0,_vue.h)("div",{key:T||f?i:e,class:["vxe-select-option",a?_xeUtils.default.isFunction(a)?a(l):a:"",{"vxe-select-optgroup":s,"is--disabled":u,"is--selected":o,"is--add":n,"is--hover":g&&V(g)===i}],optid:i,title:v||null,onMousedown:e=>{0===e.button&&e.stopPropagation()},onClick:e=>{u||s||re(e,t)},onMouseenter:()=>{var e;u||s||(e=y.lastScrollTime)&&Date.now()<e+250||ie(t)}},p?[(0,_vue.h)("span",{key:1,class:"vxe-select-option--label"},d),n?(0,_vue.h)("span",{key:2,class:"vxe-select-option--add-icon"},[(0,_vue.h)("i",{class:(0,_ui.getIcon)().SELECT_ADD_OPTION})]):(0,_ui.renderEmptyElement)(M)]:d):(0,_ui.renderEmptyElement)(M)})};return(0,_vue.watch)(()=>k.staticOptions,e=>{o(e)}),(0,_vue.watch)(()=>L.options,e=>{o(e||[])}),(0,_vue.watch)(()=>L.optionGroups,e=>{o(e||[])}),(0,_vue.onMounted)(()=>{(0,_vue.nextTick)(()=>{var{options:e,optionGroups:t}=L;t?o(t):e&&o(e)}),_ui.globalEvents.on(M,"mousewheel",ue),_ui.globalEvents.on(M,"mousedown",ce),_ui.globalEvents.on(M,"keydown",de),_ui.globalEvents.on(M,"blur",pe),_ui.globalEvents.on(M,"resize",fe)}),(0,_vue.onUnmounted)(()=>{_ui.globalEvents.off(M,"mousewheel"),_ui.globalEvents.off(M,"mousedown"),_ui.globalEvents.off(M,"keydown"),_ui.globalEvents.off(M,"blur"),_ui.globalEvents.off(M,"resize")}),(0,_vue.provide)("$xeSelect",M),M.renderVN=()=>{var{modelValue:e,className:t,popupClassName:l,multiple:a,loading:i,filterable:o,showTotalButoon:s,showCheckedButoon:n,showClearButton:r}=L,{initialized:u,isActivated:c,isAniVisible:v,optList:d,visiblePanel:p,bodyHeight:f,topSpaceHeight:_}=k,g=D.value,h=N.value,m=Q.value,x=B.value,b=q.value,T=H.value,E=C.default,y=C.header,S=C.footer;const V=C.prefix;return b?(0,_vue.h)("div",{ref:I,class:["vxe-select--readonly",t]},[(0,_vue.h)("div",{class:"vxe-select-slots",ref:"hideOption"},E?E({}):[]),(0,_vue.h)("span",{class:"vxe-select-label"},m)]):(b=_xeUtils.default.eqNull(e)?[]:_xeUtils.default.isArray(e)?e:[e],(0,_vue.h)("div",{ref:I,class:["vxe-select",t?_xeUtils.default.isFunction(t)?t({$select:M}):t:"",{["size--"+g]:g,"is--visible":p,"is--disabled":h,"is--filter":o,"is--loading":i,"is--active":c}]},[(0,_vue.h)("div",{class:"vxe-select-slots",ref:"hideOption"},E?E({}):[]),(0,_vue.h)(_input.default,{ref:O,clearable:L.clearable,placeholder:T,readonly:!0,disabled:h,type:"text",prefixIcon:L.prefixIcon,suffixIcon:i?(0,_ui.getIcon)().SELECT_LOADED:p?(0,_ui.getIcon)().SELECT_OPEN:(0,_ui.getIcon)().SELECT_CLOSE,autoFocus:!1,title:m,modelValue:m,onClear:oe,onClick:ge,onFocus:_e,onBlur:he,onSuffixClick:me},V?{prefix:()=>V({})}:{}),(0,_vue.h)(_vue.Teleport,{to:"body",disabled:!x||!u},[(0,_vue.h)("div",{ref:w,class:["vxe-table--ignore-clear vxe-select--panel",l?_xeUtils.default.isFunction(l)?l({$select:M}):l:"",{["size--"+g]:g,"is--transfer":x,"ani--leave":!i&&v,"ani--enter":!i&&p}],placement:k.panelPlacement,style:k.panelStyle},u&&(p||v)?[(0,_vue.h)("div",{class:"vxe-select--panel-wrapper"},[o?(0,_vue.h)("div",{class:"vxe-select--panel-search"},[(0,_vue.h)(_input.default,{ref:P,class:"vxe-select-search--input",modelValue:k.searchValue,clearable:!0,disabled:!1,readonly:!1,placeholder:(0,_ui.getI18n)("vxe.select.search"),prefixIcon:(0,_ui.getIcon)().INPUT_SEARCH,"onUpdate:modelValue":xe,onFocus:be,onChange:Ee,onSearch:Ee})]):(0,_ui.renderEmptyElement)(M),s||n&&a||r||y?(0,_vue.h)("div",{class:"vxe-select--panel-header"},y?F(y,{}):[(0,_vue.h)("div",{class:"vxe-select--header-button"},[s?(0,_vue.h)("div",{class:"vxe-select--header-total"},(0,_ui.getI18n)("vxe.select.total",[b.length,d.length])):(0,_ui.renderEmptyElement)(M),(0,_vue.h)("div",{class:"vxe-select--header-btns"},[n&&a?(0,_vue.h)(_button.default,{content:(0,_ui.getI18n)("vxe.select.allChecked"),mode:"text",onClick:se}):(0,_ui.renderEmptyElement)(M),r?(0,_vue.h)(_button.default,{content:(0,_ui.getI18n)("vxe.select.clear"),mode:"text",onClick:ne}):(0,_ui.renderEmptyElement)(M)])])]):(0,_ui.renderEmptyElement)(M),(0,_vue.h)("div",{class:"vxe-select--panel-body"},[(0,_vue.h)("div",{ref:A,class:"vxe-select-option--wrapper",onScroll:Oe},[(0,_vue.h)("div",{class:"vxe-select--y-space",style:{height:f?f+"px":""}}),(0,_vue.h)("div",{ref:U,class:"vxe-select--body",style:{transform:`translateY(${_}px)`}},(()=>{var{optList:e,searchLoading:t}=k;return t?[(0,_vue.h)("div",{class:"vxe-select--search-loading"},[(0,_vue.h)("i",{class:["vxe-select--search-icon",(0,_ui.getIcon)().SELECT_LOADED]}),(0,_vue.h)("span",{class:"vxe-select--search-text"},(0,_ui.getI18n)("vxe.select.loadingText"))])]:e.length?Ae(e):[(0,_vue.h)("div",{class:"vxe-select--empty-placeholder"},L.emptyText||(0,_ui.getI18n)("vxe.select.emptyText"))]})())])]),S?(0,_vue.h)("div",{class:"vxe-select--panel-footer"},F(S,{})):(0,_ui.renderEmptyElement)(M)])]:[])])]))},M},render(){return this.renderVN()}});

package/lib/select/style/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/lib/select/style/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)}