vxe-table 3.7.7-beta.3 → 3.7.7-beta.4

package/lib/pulldown/src/pulldown.js

@@ -69,7 +69,8 @@ var _default2 = {
   },
   render: function render(h) {
     var _ref, _ref2;
-    var $scopedSlots = this.$scopedSlots,
+    var _e = this._e,
+      $scopedSlots = this.$scopedSlots,
       inited = this.inited,
       className = this.className,
       popupClassName = this.popupClassName,
@@ -83,7 +84,9 @@ var _default2 = {
       panelStyle = this.panelStyle,
       panelPlacement = this.panelPlacement;
     var defaultSlot = $scopedSlots.default;
-    var downSlot = $scopedSlots.dropdown;
+    var headerSlot = $scopedSlots.header;
+    var footerSlot = $scopedSlots.footer;
+    var dropdownSlot = $scopedSlots.dropdown;
     return h('div', {
       class: ['vxe-pulldown', className ? _xeUtils.default.isFunction(className) ? className({
         $pulldown: this
@@ -102,11 +105,21 @@ var _default2 = {
         placement: panelPlacement
       },
       style: panelStyle
-    }, downSlot ? [h('div', {
-      class: 'vxe-pulldown--wrapper'
-    }, !inited || destroyOnClose && !visiblePanel && !animatVisible ? [] : downSlot.call(this, {
+    }, [h('div', {
+      class: 'vxe-pulldown--panel-wrapper'
+    }, !inited || destroyOnClose && !visiblePanel && !animatVisible ? [] : [headerSlot ? h('div', {
+      class: 'vxe-pulldown--panel-header'
+    }, headerSlot.call(this, {
+      $pulldown: this
+    })) : _e(), h('div', {
+      class: 'vxe-pulldown--panel-body'
+    }, dropdownSlot ? dropdownSlot.call(this, {
+      $pulldown: this
+    }, h) : []), footerSlot ? h('div', {
+      class: 'vxe-pulldown--panel-footer'
+    }, footerSlot.call(this, {
       $pulldown: this
-    }, h))] : [])]);
+    })) : _e()])])]);
   },
   methods: {
     handleGlobalMousewheelEvent: function handleGlobalMousewheelEvent(evnt) {

package/lib/pulldown/src/pulldown.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _conf=_interopRequireDefault(require("../../v-x-e-table/src/conf")),_size=_interopRequireDefault(require("../../mixins/size")),_utils=_interopRequireDefault(require("../../tools/utils")),_dom=_interopRequireDefault(require("../../tools/dom")),_event=require("../../tools/event"),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _defineProperty(e,t,i){return t in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}var _default2={name:"VxePulldown",mixins:[_size.default],props:{value:Boolean,disabled:Boolean,placement:String,size:{type:String,default:function(){return _conf.default.size}},className:[String,Function],popupClassName:[String,Function],destroyOnClose:Boolean,transfer:Boolean},data:function(){return{inited:!1,panelIndex:0,panelStyle:null,panelPlacement:null,currentValue:null,visiblePanel:!1,animatVisible:!1,isActivated:!1}},watch:{value:function(e){e?this.showPanel():this.hidePanel()}},created:function(){_event.GlobalEvent.on(this,"mousewheel",this.handleGlobalMousewheelEvent),_event.GlobalEvent.on(this,"mousedown",this.handleGlobalMousedownEvent),_event.GlobalEvent.on(this,"blur",this.handleGlobalBlurEvent)},beforeDestroy:function(){var e=this.$refs.panel;e&&e.parentNode&&e.parentNode.removeChild(e)},destroyed:function(){_event.GlobalEvent.off(this,"mousewheel"),_event.GlobalEvent.off(this,"mousedown"),_event.GlobalEvent.off(this,"blur")},render:function(e){var t=this.$scopedSlots,i=this.inited,n=this.className,l=this.popupClassName,a=this.vSize,s=this.destroyOnClose,o=this.transfer,r=this.isActivated,d=this.disabled,u=this.animatVisible,h=this.visiblePanel,f=this.panelStyle,c=this.panelPlacement,p=t.default,t=t.dropdown;return e("div",{class:["vxe-pulldown",n?_xeUtils.default.isFunction(n)?n({$pulldown:this}):n:"",(_defineProperty(n={},"size--".concat(a),a),_defineProperty(n,"is--visivle",h),_defineProperty(n,"is--disabled",d),_defineProperty(n,"is--active",r),n)]},[e("div",{ref:"content",class:"vxe-pulldown--content"},p?p.call(this,{$pulldown:this},e):[]),e("div",{ref:"panel",class:["vxe-table--ignore-clear vxe-pulldown--panel",l?_xeUtils.default.isFunction(l)?l({$pulldown:this}):l:"",(_defineProperty(d={},"size--".concat(a),a),_defineProperty(d,"is--transfer",o),_defineProperty(d,"animat--leave",u),_defineProperty(d,"animat--enter",h),d)],attrs:{placement:c},style:f},t?[e("div",{class:"vxe-pulldown--wrapper"},!i||s&&!h&&!u?[]:t.call(this,{$pulldown:this},e))]:[])])},methods:{handleGlobalMousewheelEvent:function(e){var t=this.$refs,i=this.disabled,n=this.visiblePanel;i||n&&(_dom.default.getEventTargetNode(e,t.panel).flag?this.updatePlacement():(this.hidePanel(),this.$emit("hide-panel",{$event:e})))},handleGlobalMousedownEvent:function(e){var t=this.$refs,i=this.$el,n=this.disabled,l=this.visiblePanel;n||(this.isActivated=_dom.default.getEventTargetNode(e,i).flag||_dom.default.getEventTargetNode(e,t.panel).flag,l&&!this.isActivated&&(this.hidePanel(),this.$emit("hide-panel",{$event:e})))},handleGlobalBlurEvent:function(e){this.visiblePanel&&(this.isActivated=!1,this.hidePanel(),this.$emit("hide-panel",{$event:e}))},updateZindex:function(){this.panelIndex<_utils.default.getLastZIndex()&&(this.panelIndex=_utils.default.nextZIndex())},isPanelVisible:function(){return this.visiblePanel},togglePanel:function(){return this.visiblePanel?this.hidePanel():this.showPanel()},showPanel:function(){var t=this;return this.inited||(this.inited=!0,this.transfer&&document.body.appendChild(this.$refs.panel)),new Promise(function(e){t.disabled?e(t.$nextTick()):(clearTimeout(t.hidePanelTimeout),t.isActivated=!0,t.animatVisible=!0,setTimeout(function(){t.visiblePanel=!0,t.$emit("update:input",!0),t.updatePlacement(),setTimeout(function(){e(t.updatePlacement())},40)},10),t.updateZindex())})},hidePanel:function(){var t=this;return this.visiblePanel=!1,this.$emit("update:input",!1),new Promise(function(e){t.animatVisible?t.hidePanelTimeout=setTimeout(function(){t.animatVisible=!1,e(t.$nextTick())},350):e(t.$nextTick())})},updatePlacement:function(){var f=this;return this.$nextTick().then(function(){var e,t,i,n,l,a,s,o,r=f.$refs,d=f.transfer,u=f.placement,h=f.panelIndex;return f.visiblePanel&&(n=r.panel,r=r.content,n)&&r&&(e=r.offsetHeight,t=r.offsetWidth,i=n.offsetHeight,n=n.offsetWidth,h={zIndex:h},l=(r=_dom.default.getAbsolutePos(r)).boundingTop,o=r.boundingLeft,a=r.visibleHeight,r=r.visibleWidth,s="bottom",d?(d=l+e,"top"===u?(s="top",d=l-i):u||(a<d+i+5&&(s="top",d=l-i),d<5&&(s="bottom",d=l+e)),r<(o=o)+n+5&&(o-=o+n+5-r),o<5&&(o=5),Object.assign(h,{left:"".concat(o,"px"),top:"".concat(d,"px"),minWidth:"".concat(t,"px")})):"top"===u?(s="top",h.bottom="".concat(e,"px")):u||a<l+e+i&&5<l-e-i&&(s="top",h.bottom="".concat(e,"px")),f.panelStyle=h,f.panelPlacement=s),f.$nextTick()})}}};exports.default=_default2;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _conf=_interopRequireDefault(require("../../v-x-e-table/src/conf")),_size=_interopRequireDefault(require("../../mixins/size")),_utils=_interopRequireDefault(require("../../tools/utils")),_dom=_interopRequireDefault(require("../../tools/dom")),_event=require("../../tools/event"),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _defineProperty(e,t,i){return t in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}var _default2={name:"VxePulldown",mixins:[_size.default],props:{value:Boolean,disabled:Boolean,placement:String,size:{type:String,default:function(){return _conf.default.size}},className:[String,Function],popupClassName:[String,Function],destroyOnClose:Boolean,transfer:Boolean},data:function(){return{inited:!1,panelIndex:0,panelStyle:null,panelPlacement:null,currentValue:null,visiblePanel:!1,animatVisible:!1,isActivated:!1}},watch:{value:function(e){e?this.showPanel():this.hidePanel()}},created:function(){_event.GlobalEvent.on(this,"mousewheel",this.handleGlobalMousewheelEvent),_event.GlobalEvent.on(this,"mousedown",this.handleGlobalMousedownEvent),_event.GlobalEvent.on(this,"blur",this.handleGlobalBlurEvent)},beforeDestroy:function(){var e=this.$refs.panel;e&&e.parentNode&&e.parentNode.removeChild(e)},destroyed:function(){_event.GlobalEvent.off(this,"mousewheel"),_event.GlobalEvent.off(this,"mousedown"),_event.GlobalEvent.off(this,"blur")},render:function(e){var t=this._e,i=this.$scopedSlots,n=this.inited,l=this.className,a=this.popupClassName,s=this.vSize,o=this.destroyOnClose,d=this.transfer,r=this.isActivated,u=this.disabled,h=this.animatVisible,p=this.visiblePanel,c=this.panelStyle,f=this.panelPlacement,v=i.default,b=i.header,m=i.footer,i=i.dropdown;return e("div",{class:["vxe-pulldown",l?_xeUtils.default.isFunction(l)?l({$pulldown:this}):l:"",(_defineProperty(l={},"size--".concat(s),s),_defineProperty(l,"is--visivle",p),_defineProperty(l,"is--disabled",u),_defineProperty(l,"is--active",r),l)]},[e("div",{ref:"content",class:"vxe-pulldown--content"},v?v.call(this,{$pulldown:this},e):[]),e("div",{ref:"panel",class:["vxe-table--ignore-clear vxe-pulldown--panel",a?_xeUtils.default.isFunction(a)?a({$pulldown:this}):a:"",(_defineProperty(u={},"size--".concat(s),s),_defineProperty(u,"is--transfer",d),_defineProperty(u,"animat--leave",h),_defineProperty(u,"animat--enter",p),u)],attrs:{placement:f},style:c},[e("div",{class:"vxe-pulldown--panel-wrapper"},!n||o&&!p&&!h?[]:[b?e("div",{class:"vxe-pulldown--panel-header"},b.call(this,{$pulldown:this})):t(),e("div",{class:"vxe-pulldown--panel-body"},i?i.call(this,{$pulldown:this},e):[]),m?e("div",{class:"vxe-pulldown--panel-footer"},m.call(this,{$pulldown:this})):t()])])])},methods:{handleGlobalMousewheelEvent:function(e){var t=this.$refs,i=this.disabled,n=this.visiblePanel;i||n&&(_dom.default.getEventTargetNode(e,t.panel).flag?this.updatePlacement():(this.hidePanel(),this.$emit("hide-panel",{$event:e})))},handleGlobalMousedownEvent:function(e){var t=this.$refs,i=this.$el,n=this.disabled,l=this.visiblePanel;n||(this.isActivated=_dom.default.getEventTargetNode(e,i).flag||_dom.default.getEventTargetNode(e,t.panel).flag,l&&!this.isActivated&&(this.hidePanel(),this.$emit("hide-panel",{$event:e})))},handleGlobalBlurEvent:function(e){this.visiblePanel&&(this.isActivated=!1,this.hidePanel(),this.$emit("hide-panel",{$event:e}))},updateZindex:function(){this.panelIndex<_utils.default.getLastZIndex()&&(this.panelIndex=_utils.default.nextZIndex())},isPanelVisible:function(){return this.visiblePanel},togglePanel:function(){return this.visiblePanel?this.hidePanel():this.showPanel()},showPanel:function(){var t=this;return this.inited||(this.inited=!0,this.transfer&&document.body.appendChild(this.$refs.panel)),new Promise(function(e){t.disabled?e(t.$nextTick()):(clearTimeout(t.hidePanelTimeout),t.isActivated=!0,t.animatVisible=!0,setTimeout(function(){t.visiblePanel=!0,t.$emit("update:input",!0),t.updatePlacement(),setTimeout(function(){e(t.updatePlacement())},40)},10),t.updateZindex())})},hidePanel:function(){var t=this;return this.visiblePanel=!1,this.$emit("update:input",!1),new Promise(function(e){t.animatVisible?t.hidePanelTimeout=setTimeout(function(){t.animatVisible=!1,e(t.$nextTick())},350):e(t.$nextTick())})},updatePlacement:function(){var p=this;return this.$nextTick().then(function(){var e,t,i,n,l,a,s,o,d=p.$refs,r=p.transfer,u=p.placement,h=p.panelIndex;return p.visiblePanel&&(n=d.panel,d=d.content,n)&&d&&(e=d.offsetHeight,t=d.offsetWidth,i=n.offsetHeight,n=n.offsetWidth,h={zIndex:h},l=(d=_dom.default.getAbsolutePos(d)).boundingTop,o=d.boundingLeft,a=d.visibleHeight,d=d.visibleWidth,s="bottom",r?(r=l+e,"top"===u?(s="top",r=l-i):u||(a<r+i+5&&(s="top",r=l-i),r<5&&(s="bottom",r=l+e)),d<(o=o)+n+5&&(o-=o+n+5-d),o<5&&(o=5),Object.assign(h,{left:"".concat(o,"px"),top:"".concat(r,"px"),minWidth:"".concat(t,"px")})):"top"===u?(s="top",h.bottom="".concat(e,"px")):u||a<l+e+i&&5<l-e-i&&(s="top",h.bottom="".concat(e,"px")),p.panelStyle=h,p.panelPlacement=s),p.$nextTick()})}}};exports.default=_default2;

package/lib/pulldown/style/style.css

@@ -61,8 +61,8 @@
   transform: scaleY(1);
 }
 
-.vxe-pulldown--wrapper {
-  background-color: #fff;
+.vxe-pulldown--panel-wrapper {
+  background-color: var(--vxe-pulldown-panel-background-color);
 }
 
 .vxe-pulldown,

package/lib/pulldown/style/style.min.css

@@ -1 +1 @@
-.vxe-pulldown{position:relative;display:inline-block;color:#606266;text-align:left}.vxe-pulldown--panel{display:none;position:absolute;left:0;padding:4px 0;color:#606266;text-align:left}.vxe-pulldown--panel:not(.is--transfer){min-width:100%}.vxe-pulldown--panel.is--transfer{position:fixed}.vxe-pulldown--panel.animat--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-pulldown--panel.animat--leave[placement=top]{transform-origin:center bottom}.vxe-pulldown--panel.animat--enter{opacity:1;transform:scaleY(1)}.vxe-pulldown--wrapper{background-color:#fff}.vxe-pulldown,.vxe-pulldown--panel{font-size:14px}.vxe-pulldown--panel.size--medium,.vxe-pulldown.size--medium{font-size:14px}.vxe-pulldown--panel.size--small,.vxe-pulldown.size--small{font-size:13px}.vxe-pulldown--panel.size--mini,.vxe-pulldown.size--mini{font-size:12px}
+.vxe-pulldown{position:relative;display:inline-block;color:#606266;text-align:left}.vxe-pulldown--panel{display:none;position:absolute;left:0;padding:4px 0;color:#606266;text-align:left}.vxe-pulldown--panel:not(.is--transfer){min-width:100%}.vxe-pulldown--panel.is--transfer{position:fixed}.vxe-pulldown--panel.animat--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-pulldown--panel.animat--leave[placement=top]{transform-origin:center bottom}.vxe-pulldown--panel.animat--enter{opacity:1;transform:scaleY(1)}.vxe-pulldown--panel-wrapper{background-color:var(--vxe-pulldown-panel-background-color)}.vxe-pulldown,.vxe-pulldown--panel{font-size:14px}.vxe-pulldown--panel.size--medium,.vxe-pulldown.size--medium{font-size:14px}.vxe-pulldown--panel.size--small,.vxe-pulldown.size--small{font-size:13px}.vxe-pulldown--panel.size--mini,.vxe-pulldown.size--mini{font-size:12px}

package/lib/select/src/select.js

@@ -163,7 +163,8 @@ function checkOptionDisabled(_vm, isSelected, option, group) {
   return false;
 }
 function renderOption(h, _vm, list, group) {
-  var isGroup = _vm.isGroup,
+  var $scopedSlots = _vm.$scopedSlots,
+    isGroup = _vm.isGroup,
     labelField = _vm.labelField,
     valueField = _vm.valueField,
     optionKey = _vm.optionKey,
@@ -172,6 +173,7 @@ function renderOption(h, _vm, list, group) {
     currentValue = _vm.currentValue,
     optionOpts = _vm.optionOpts;
   var useKey = optionOpts.useKey;
+  var optionSlot = $scopedSlots.option;
   return list.map(function (option, cIndex) {
     var slots = option.slots;
     var optionValue = option[valueField];
@@ -180,6 +182,11 @@ function renderOption(h, _vm, list, group) {
     var isDisabled = checkOptionDisabled(_vm, isSelected, option, group);
     var optid = getOptid(_vm, option);
     var defaultSlot = slots ? slots.default : null;
+    var optParams = {
+      option: option,
+      group: null,
+      $select: _vm
+    };
     return isVisible ? h('div', {
       key: useKey || optionKey ? optid : cIndex,
       class: ['vxe-select-option', option.className, {
@@ -203,24 +210,28 @@ function renderOption(h, _vm, list, group) {
           }
         }
       }
-    }, defaultSlot ? _vm.callSlot(defaultSlot, {
-      option: option,
-      $select: _vm
-    }, h) : _utils.default.formatText((0, _utils.getFuncText)(option[labelField]))) : null;
+    }, optionSlot ? _vm.callSlot(optionSlot, optParams, h) : defaultSlot ? _vm.callSlot(defaultSlot, optParams, h) : _utils.default.formatText((0, _utils.getFuncText)(option[labelField]))) : null;
   });
 }
 function renderOptgroup(h, _vm) {
-  var optionKey = _vm.optionKey,
+  var $scopedSlots = _vm.$scopedSlots,
+    optionKey = _vm.optionKey,
     visibleGroupList = _vm.visibleGroupList,
     groupLabelField = _vm.groupLabelField,
     groupOptionsField = _vm.groupOptionsField,
     optionOpts = _vm.optionOpts;
   var useKey = optionOpts.useKey;
+  var optionSlot = $scopedSlots.option;
   return visibleGroupList.map(function (group, gIndex) {
     var slots = group.slots;
     var optid = getOptid(_vm, group);
     var isGroupDisabled = group.disabled;
     var defaultSlot = slots ? slots.default : null;
+    var optParams = {
+      option: group,
+      group: group,
+      $select: _vm
+    };
     return h('div', {
       key: useKey || optionKey ? optid : gIndex,
       class: ['vxe-optgroup', group.className, {
@@ -231,10 +242,7 @@ function renderOptgroup(h, _vm) {
       }
     }, [h('div', {
       class: 'vxe-optgroup--title'
-    }, defaultSlot ? _vm.callSlot(defaultSlot, {
-      option: group,
-      $select: _vm
-    }, h) : (0, _utils.getFuncText)(group[groupLabelField])), h('div', {
+    }, optionSlot ? _vm.callSlot(optionSlot, optParams, h) : defaultSlot ? _vm.callSlot(defaultSlot, optParams, h) : (0, _utils.getFuncText)(group[groupLabelField])), h('div', {
       class: 'vxe-optgroup--wrapper'
     }, renderOption(h, _vm, group[groupOptionsField], group))]);
   });
@@ -478,7 +486,9 @@ var _default2 = {
     _event.GlobalEvent.off(this, 'blur');
   },
   render: function render(h) {
-    var _ref, _ref2;
+    var _ref,
+      _this2 = this,
+      _ref2;
     var _e = this._e,
       $scopedSlots = this.$scopedSlots,
       vSize = this.vSize,
@@ -490,7 +500,10 @@ var _default2 = {
       disabled = this.disabled,
       visiblePanel = this.visiblePanel,
       filterable = this.filterable;
+    var defaultSlot = $scopedSlots.default;
     var prefixSlot = $scopedSlots.prefix;
+    var headerSlot = $scopedSlots.header;
+    var footerSlot = $scopedSlots.footer;
     return h('div', {
       class: ['vxe-select', className ? _xeUtils.default.isFunction(className) ? className({
         $select: this
@@ -498,7 +511,7 @@ var _default2 = {
     }, [h('div', {
       class: 'vxe-select-slots',
       ref: 'hideOption'
-    }, this.$slots.default), h('vxe-input', {
+    }, defaultSlot ? defaultSlot.call(this, {}) : []), h('vxe-input', {
       ref: 'input',
       props: {
         clearable: this.clearable,
@@ -519,7 +532,7 @@ var _default2 = {
       },
       scopedSlots: prefixSlot ? {
         prefix: function prefix() {
-          return prefixSlot({});
+          return prefixSlot.call(_this2, {});
         }
       } : {}
     }), h('div', {
@@ -532,10 +545,10 @@ var _default2 = {
       },
       style: this.panelStyle
     }, inited ? [filterable ? h('div', {
-      class: 'vxe-select-filter--wrapper'
+      class: 'vxe-select--panel-search'
     }, [h('vxe-input', {
       ref: 'inpSearch',
-      class: 'vxe-select-filter--input',
+      class: 'vxe-select-search--input',
       props: {
         value: this.searchValue,
         type: 'text',
@@ -551,9 +564,17 @@ var _default2 = {
         search: this.triggerSearchEvent
       }
     })]) : _e(), h('div', {
+      class: 'vxe-select--panel-wrapper'
+    }, [headerSlot ? h('div', {
+      class: 'vxe-select--panel-header'
+    }, headerSlot.call(this, {})) : _e(), h('div', {
+      class: 'vxe-select--panel-body'
+    }, [h('div', {
       ref: 'optWrapper',
       class: 'vxe-select-option--wrapper'
-    }, renderOpts(h, this))] : null)]);
+    }, renderOpts(h, this))]), footerSlot ? h('div', {
+      class: 'vxe-select--panel-footer'
+    }, footerSlot.call(this, {})) : _e()])] : [])]);
   },
   methods: {
     callSlot: function callSlot(slotFunc, params, h) {
@@ -569,13 +590,13 @@ var _default2 = {
       return [];
     },
     cacheItemMap: function cacheItemMap() {
-      var _this2 = this;
+      var _this3 = this;
       var fullOptionList = this.fullOptionList,
         fullGroupList = this.fullGroupList,
         groupOptionsField = this.groupOptionsField;
       var optkey = getOptkey(this);
       var handleOptis = function handleOptis(item) {
-        if (!getOptid(_this2, item)) {
+        if (!getOptid(_this3, item)) {
           item[optkey] = getOptUniqueId();
         }
       };
@@ -645,12 +666,12 @@ var _default2 = {
       }
     },
     scrollToOption: function scrollToOption(option, isAlignBottom) {
-      var _this3 = this;
+      var _this4 = this;
       return this.$nextTick().then(function () {
         if (option) {
-          var $refs = _this3.$refs;
+          var $refs = _this4.$refs;
           var optWrapperElem = $refs.optWrapper;
-          var optElem = $refs.panel.querySelector("[optid='".concat(getOptid(_this3, option), "']"));
+          var optElem = $refs.panel.querySelector("[optid='".concat(getOptid(_this4, option), "']"));
           if (optWrapperElem && optElem) {
             var wrapperHeight = optWrapperElem.offsetHeight;
             var offsetPadding = 5;
@@ -820,11 +841,11 @@ var _default2 = {
       }
     },
     handleFocusSearch: function handleFocusSearch() {
-      var _this4 = this;
+      var _this5 = this;
       if (this.filterable) {
         this.$nextTick(function () {
-          if (_this4.$refs.inpSearch) {
-            _this4.$refs.inpSearch.focus();
+          if (_this5.$refs.inpSearch) {
+            _this5.$refs.inpSearch.focus();
           }
         });
       }
@@ -858,7 +879,7 @@ var _default2 = {
       }
     },
     triggerSearchEvent: _xeUtils.default.debounce(function () {
-      var _this5 = this;
+      var _this6 = this;
       var remote = this.remote,
         remoteMethod = this.remoteMethod,
         searchValue = this.searchValue;
@@ -867,12 +888,12 @@ var _default2 = {
         Promise.resolve(remoteMethod({
           searchValue: searchValue
         })).then(function () {
-          return _this5.$nextTick();
+          return _this6.$nextTick();
         }).catch(function () {
-          return _this5.$nextTick();
+          return _this6.$nextTick();
         }).finally(function () {
-          _this5.searchLoading = false;
-          _this5.refreshOption();
+          _this6.searchLoading = false;
+          _this6.refreshOption();
         });
       } else {
         this.refreshOption();
@@ -913,7 +934,7 @@ var _default2 = {
       }
     },
     showOptionPanel: function showOptionPanel() {
-      var _this6 = this;
+      var _this7 = this;
       var loading = this.loading,
         disabled = this.disabled,
         filterable = this.filterable;
@@ -932,37 +953,37 @@ var _default2 = {
           this.refreshOption();
         }
         setTimeout(function () {
-          var value = _this6.value,
-            multiple = _this6.multiple;
-          var currOption = findOption(_this6, multiple && value ? value[0] : value);
-          _this6.visiblePanel = true;
+          var value = _this7.value,
+            multiple = _this7.multiple;
+          var currOption = findOption(_this7, multiple && value ? value[0] : value);
+          _this7.visiblePanel = true;
           if (currOption) {
-            _this6.setCurrentOption(currOption);
-            _this6.scrollToOption(currOption);
+            _this7.setCurrentOption(currOption);
+            _this7.scrollToOption(currOption);
           }
-          _this6.handleFocusSearch();
+          _this7.handleFocusSearch();
         }, 10);
         this.updateZindex();
         this.updatePlacement();
       }
     },
     hideOptionPanel: function hideOptionPanel() {
-      var _this7 = this;
+      var _this8 = this;
       this.searchValue = '';
       this.searchLoading = false;
       this.visiblePanel = false;
       this.hidePanelTimeout = setTimeout(function () {
-        _this7.animatVisible = false;
-        _this7.searchValue = '';
+        _this8.animatVisible = false;
+        _this8.searchValue = '';
       }, 350);
     },
     updatePlacement: function updatePlacement() {
-      var _this8 = this;
+      var _this9 = this;
       return this.$nextTick().then(function () {
-        var $refs = _this8.$refs,
-          transfer = _this8.transfer,
-          placement = _this8.placement,
-          panelIndex = _this8.panelIndex;
+        var $refs = _this9.$refs,
+          transfer = _this9.transfer,
+          placement = _this9.placement,
+          panelIndex = _this9.panelIndex;
         var targetElem = $refs.input.$el;
         var panelElem = $refs.panel;
         if (panelElem && targetElem) {
@@ -1026,9 +1047,9 @@ var _default2 = {
               }
             }
           }
-          _this8.panelStyle = panelStyle;
-          _this8.panelPlacement = panelPlacement;
-          return _this8.$nextTick();
+          _this9.panelStyle = panelStyle;
+          _this9.panelPlacement = panelPlacement;
+          return _this9.$nextTick();
         }
       });
     },

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

@@ -1 +1 @@
-"use strict";function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0,exports.renderOptgroup=renderOptgroup,exports.renderOption=renderOption;var _xeUtils=_interopRequireDefault(require("xe-utils")),_input=_interopRequireDefault(require("../../input/src/input")),_conf=_interopRequireDefault(require("../../v-x-e-table/src/conf")),_size=_interopRequireDefault(require("../../mixins/size")),_utils=_interopRequireWildcard(require("../../tools/utils")),_dom=_interopRequireDefault(require("../../tools/dom")),_event=require("../../tools/event"),_vn=require("../../tools/vn");function _getRequireWildcardCache(e){var t,i;return"function"!=typeof WeakMap?null:(t=new WeakMap,i=new WeakMap,(_getRequireWildcardCache=function(e){return e?i:t})(e))}function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==_typeof(e)&&"function"!=typeof e)return{default:e};t=_getRequireWildcardCache(t);if(t&&t.has(e))return t.get(e);var i,n,o={},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(i in e)"default"!==i&&Object.prototype.hasOwnProperty.call(e,i)&&((n=l?Object.getOwnPropertyDescriptor(e,i):null)&&(n.get||n.set)?Object.defineProperty(o,i,n):o[i]=e[i]);return o.default=e,t&&t.set(e,o),o}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _defineProperty(e,t,i){return t in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}function isOptionVisible(e){return!1!==e.visible}function getOptUniqueId(){return _xeUtils.default.uniqueId("opt_")}function getOptkey(e){return e.optionOpts.keyField||e.optionId||"_X_OPTION_KEY"}function getOptid(e,t){t=t[getOptkey(e)];return t?encodeURIComponent(t):""}function findOffsetOption(e,t,i){var n,o,l,s,r=e.isGroup,a=e.visibleOptionList,u=e.visibleGroupList,c=e.valueField,f=e.groupOptionsField;if(r)for(var p=0;p<u.length;p++){var h=u[p],d=h[f],v=h.disabled;if(d)for(var b=0;b<d.length;b++){var O=d[b],g=isOptionVisible(O),m=v||O.disabled;if(n||m||(n=O),s&&g&&!m&&(l=O,!i))return{offsetOption:l};if(t===O[c]){if(s=O,i)return{offsetOption:o}}else g&&!m&&(o=O)}}else for(var x=0;x<a.length;x++){var _=a[x],y=_.disabled;if(n||y||(n=_),s&&!y&&(l=_,!i))return{offsetOption:l};if(t===_[c]){if(s=_,i)return{offsetOption:o}}else y||(o=_)}return{firstOption:n}}function findOption(e,t){var i=e.isGroup,n=e.fullOptionList,o=e.fullGroupList,l=e.valueField;if(i)for(var s=0;s<o.length;s++){var r=o[s];if(r.options)for(var a=0;a<r.options.length;a++){var u=r.options[a];if(t===u[l])return u}}return n.find(function(e){return t===e[l]})}function getRemoteSelectLabel(e,t){var i=e.remoteValueList.find(function(e){return t===e.key}),i=i?i.result:null;return _xeUtils.default.toValueString(i?i[e.labelField]:t)}function getSelectLabel(e,t){var i=findOption(e,t);return _xeUtils.default.toValueString(i?i[e.labelField]:t)}function checkOptionDisabled(e,t,i,n){return!!i.disabled||!(!n||!n.disabled)||!(!e.isMaximize||t)}function renderOption(a,u,e,c){var f=u.isGroup,p=u.labelField,h=u.valueField,d=u.optionKey,v=u.value,b=u.multiple,O=u.currentValue,g=u.optionOpts.useKey;return e.map(function(t,e){var i=t.slots,n=t[h],o=b?v&&-1<v.indexOf(n):v===n,l=!f||isOptionVisible(t),s=checkOptionDisabled(u,o,t,c),r=getOptid(u,t),i=i?i.default:null;return l?a("div",{key:g||d?r:e,class:["vxe-select-option",t.className,{"is--disabled":s,"is--selected":o,"is--hover":O===n}],attrs:{optid:r},on:{mousedown:u.mousedownOptionEvent,click:function(e){s||u.changeOptionEvent(e,n,t)},mouseenter:function(){s||u.setCurrentOption(t)}}},i?u.callSlot(i,{option:t,$select:u},a):_utils.default.formatText((0,_utils.getFuncText)(t[p]))):null})}function renderOptgroup(l,s){var r=s.optionKey,e=s.visibleGroupList,a=s.groupLabelField,u=s.groupOptionsField,c=s.optionOpts.useKey;return e.map(function(e,t){var i=e.slots,n=getOptid(s,e),o=e.disabled,i=i?i.default:null;return l("div",{key:c||r?n:t,class:["vxe-optgroup",e.className,{"is--disabled":o}],attrs:{optid:n}},[l("div",{class:"vxe-optgroup--title"},i?s.callSlot(i,{option:e,$select:s},l):(0,_utils.getFuncText)(e[a])),l("div",{class:"vxe-optgroup--wrapper"},renderOption(l,s,e[u],e))])})}function renderOpts(e,t){var i=t.isGroup,n=t.visibleGroupList,o=t.visibleOptionList;if(t.searchLoading)return[e("div",{class:"vxe-select--search-loading"},[e("i",{class:["vxe-select--search-icon",_conf.default.icon.SELECT_LOADED]}),e("span",{class:"vxe-select--search-text"},_conf.default.i18n("vxe.select.loadingText"))])];if(i){if(n.length)return renderOptgroup(e,t)}else if(o.length)return renderOption(e,t,o);return[e("div",{class:"vxe-select--empty-placeholder"},t.emptyText||_conf.default.i18n("vxe.select.emptyText"))]}var _default2={name:"VxeSelect",mixins:[_size.default],props:{value:null,clearable:Boolean,placeholder:{type:String,default:function(){return _xeUtils.default.eqNull(_conf.default.select.placeholder)?_conf.default.i18n("vxe.base.pleaseSelect"):_conf.default.select.placeholder}},loading:Boolean,disabled:Boolean,multiple:Boolean,multiCharOverflow:{type:[Number,String],default:function(){return _conf.default.select.multiCharOverflow}},prefixIcon:String,placement:String,options:Array,optionProps:Object,optionGroups:Array,optionGroupProps:Object,optionConfig:Object,className:[String,Function],popupClassName:[String,Function],max:[String,Number],size:{type:String,default:function(){return _conf.default.select.size||_conf.default.size}},filterable:Boolean,filterMethod:Function,remote:Boolean,remoteMethod:Function,emptyText:String,optionId:{type:String,default:function(){return _conf.default.select.optionId}},optionKey:Boolean,transfer:{type:Boolean,default:function(){return _conf.default.select.transfer}}},components:{VxeInput:_input.default},inject:{$xeform:{default:null},$xeformiteminfo:{default:null}},provide:function(){return{$xeselect:this}},data:function(){return{inited:!1,collectOption:[],fullGroupList:[],fullOptionList:[],visibleGroupList:[],visibleOptionList:[],remoteValueList:[],panelIndex:0,panelStyle:null,panelPlacement:null,currentOption:null,currentValue:null,visiblePanel:!1,animatVisible:!1,isActivated:!1,searchValue:"",searchLoading:!1}},computed:{propsOpts:function(){return this.optionProps||{}},groupPropsOpts:function(){return this.optionGroupProps||{}},labelField:function(){return this.propsOpts.label||"label"},valueField:function(){return this.propsOpts.value||"value"},groupLabelField:function(){return this.groupPropsOpts.label||"label"},groupOptionsField:function(){return this.groupPropsOpts.options||"options"},optionOpts:function(){return Object.assign({},_conf.default.select.optionConfig,this.optionConfig)},isGroup:function(){return this.fullGroupList.some(function(e){return e.options&&e.options.length})},multiMaxCharNum:function(){return _xeUtils.default.toNumber(this.multiCharOverflow)},selectLabel:function(){var t=this,e=this.value,i=this.multiple,n=this.remote,o=this.multiMaxCharNum;return e&&i?(i=_xeUtils.default.isArray(e)?e:[e],(n?i.map(function(e){return getRemoteSelectLabel(t,e)}):i.map(function(e){e=getSelectLabel(t,e);return 0<o&&e.length>o?"".concat(e.substring(0,o),"..."):e})).join(", ")):(n?getRemoteSelectLabel:getSelectLabel)(this,e)},isMaximize:function(){var e=this.value,t=this.multiple,i=this.max;return!(!t||!i)&&(e?e.length:0)>=_xeUtils.default.toNumber(i)}},watch:{collectOption:function(e){e.some(function(e){return e.options&&e.options.length})?(this.fullOptionList=[],this.fullGroupList=e):(this.fullGroupList=[],this.fullOptionList=e),this.cacheItemMap()},options:function(e){this.fullGroupList=[],this.fullOptionList=e,this.cacheItemMap()},optionGroups:function(e){this.fullOptionList=[],this.fullGroupList=e,this.cacheItemMap()}},created:function(){var e=this.options,t=this.optionGroups;t?this.fullGroupList=t:e&&(this.fullOptionList=e),this.cacheItemMap(),_event.GlobalEvent.on(this,"mousewheel",this.handleGlobalMousewheelEvent),_event.GlobalEvent.on(this,"mousedown",this.handleGlobalMousedownEvent),_event.GlobalEvent.on(this,"keydown",this.handleGlobalKeydownEvent),_event.GlobalEvent.on(this,"blur",this.handleGlobalBlurEvent)},beforeDestroy:function(){var e=this.$refs.panel;e&&e.parentNode&&e.parentNode.removeChild(e)},destroyed:function(){_event.GlobalEvent.off(this,"mousewheel"),_event.GlobalEvent.off(this,"mousedown"),_event.GlobalEvent.off(this,"keydown"),_event.GlobalEvent.off(this,"blur")},render:function(e){var t=this._e,i=this.$scopedSlots,n=this.vSize,o=this.className,l=this.popupClassName,s=this.inited,r=this.isActivated,a=this.loading,u=this.disabled,c=this.visiblePanel,f=this.filterable,p=i.prefix;return e("div",{class:["vxe-select",o?_xeUtils.default.isFunction(o)?o({$select:this}):o:"",(_defineProperty(i={},"size--".concat(n),n),_defineProperty(i,"is--visivle",c),_defineProperty(i,"is--disabled",u),_defineProperty(i,"is--filter",f),_defineProperty(i,"is--loading",a),_defineProperty(i,"is--active",r),i)]},[e("div",{class:"vxe-select-slots",ref:"hideOption"},this.$slots.default),e("vxe-input",{ref:"input",props:{clearable:this.clearable,placeholder:this.placeholder,readonly:!0,disabled:u,type:"text",prefixIcon:this.prefixIcon,suffixIcon:a?_conf.default.icon.SELECT_LOADED:c?_conf.default.icon.SELECT_OPEN:_conf.default.icon.SELECT_CLOSE,value:this.selectLabel},on:{clear:this.clearEvent,click:this.togglePanelEvent,focus:this.focusEvent,blur:this.blurEvent,"suffix-click":this.togglePanelEvent},scopedSlots:p?{prefix:function(){return p({})}}:{}}),e("div",{ref:"panel",class:["vxe-table--ignore-clear vxe-select--panel",l?_xeUtils.default.isFunction(l)?l({$select:this}):l:"",(_defineProperty(o={},"size--".concat(n),n),_defineProperty(o,"is--transfer",this.transfer),_defineProperty(o,"animat--leave",!a&&this.animatVisible),_defineProperty(o,"animat--enter",!a&&c),o)],attrs:{placement:this.panelPlacement},style:this.panelStyle},s?[f?e("div",{class:"vxe-select-filter--wrapper"},[e("vxe-input",{ref:"inpSearch",class:"vxe-select-filter--input",props:{value:this.searchValue,type:"text",clearable:!0,placeholder:_conf.default.i18n("vxe.select.search"),prefixIcon:_conf.default.icon.INPUT_SEARCH},on:{modelValue:this.modelSearchEvent,focus:this.focusSearchEvent,keydown:this.keydownSearchEvent,change:this.triggerSearchEvent,search:this.triggerSearchEvent}})]):t(),e("div",{ref:"optWrapper",class:"vxe-select-option--wrapper"},renderOpts(e,this))]:null)])},methods:{callSlot:function(e,t,i){if(e){var n=this.$scopedSlots;if(_xeUtils.default.isString(e)&&(e=n[e]||null),_xeUtils.default.isFunction(e))return(0,_vn.getSlotVNs)(e.call(this,t,i))}return[]},cacheItemMap:function(){function t(e){getOptid(i,e)||(e[l]=getOptUniqueId())}var i=this,e=this.fullOptionList,n=this.fullGroupList,o=this.groupOptionsField,l=getOptkey(this);n.length?n.forEach(function(e){t(e),e[o]&&e[o].forEach(t)}):e.length&&e.forEach(t),this.refreshOption()},refreshOption:function(){var e=this.isGroup,t=this.fullOptionList,i=this.fullGroupList,n=this.filterable,o=this.filterMethod,l=this.searchValue,s=this.labelField,r=this.groupLabelField;return e?this.visibleGroupList=n&&o?i.filter(function(e){return isOptionVisible(e)&&o({group:e,option:null,searchValue:l})}):n?i.filter(function(e){return isOptionVisible(e)&&(!l||-1<"".concat(e[r]).indexOf(l))}):i.filter(isOptionVisible):this.visibleOptionList=n&&o?t.filter(function(e){return isOptionVisible(e)&&o({group:null,option:e,searchValue:l})}):n?t.filter(function(e){return isOptionVisible(e)&&(!l||-1<"".concat(e[s]).indexOf(l))}):t.filter(isOptionVisible),this.$nextTick()},setCurrentOption:function(e){e&&(this.currentOption=e,this.currentValue=e[this.valueField])},scrollToOption:function(n,o){var l=this;return this.$nextTick().then(function(){var e,t,i;n&&(e=(t=l.$refs).optWrapper,t=t.panel.querySelector("[optid='".concat(getOptid(l,n),"']")),e)&&t&&(i=e.offsetHeight,o?t.offsetTop+t.offsetHeight-e.scrollTop>i&&(e.scrollTop=t.offsetTop+t.offsetHeight-i):(t.offsetTop+5<e.scrollTop||t.offsetTop+5>e.scrollTop+e.clientHeight)&&(e.scrollTop=t.offsetTop-5))})},clearEvent:function(e,t){this.clearValueEvent(t,null),this.hideOptionPanel()},clearValueEvent:function(e,t){this.remoteValueList=[],this.changeEvent(e,t),this.$emit("clear",{value:t,$event:e})},changeEvent:function(e,t){t!==this.value&&(this.$emit("input",t),this.$emit("change",{value:t,$event:e}),this.$xeform)&&this.$xeformiteminfo&&this.$xeform.triggerItemEvent(e,this.$xeformiteminfo.itemConfig.field,t)},mousedownOptionEvent:function(e){0===e.button&&e.stopPropagation()},changeOptionEvent:function(e,t,i){var n=this.value,o=this.multiple,l=this.remoteValueList;o?(o=n?-1===n.indexOf(t)?n.concat([t]):n.filter(function(e){return e!==t}):[t],(n=l.find(function(e){return e.key===t}))?n.result=i:l.push({key:t,result:i}),this.changeEvent(e,o)):(this.remoteValueList=[{key:t,result:i}],this.changeEvent(e,t),this.hideOptionPanel())},handleGlobalMousewheelEvent:function(e){var t=this.$refs,i=this.disabled,n=this.visiblePanel;i||n&&(_dom.default.getEventTargetNode(e,t.panel).flag?this.updatePlacement():this.hideOptionPanel())},handleGlobalMousedownEvent:function(e){var t=this.$refs,i=this.$el,n=this.disabled,o=this.visiblePanel;n||(this.isActivated=_dom.default.getEventTargetNode(e,i).flag||_dom.default.getEventTargetNode(e,t.panel).flag,o&&!this.isActivated&&this.hideOptionPanel())},handleGlobalKeydownEvent:function(e){var t,i,n,o,l,s,r,a=this.visiblePanel,u=this.currentValue,c=this.currentOption,f=this.clearable;this.disabled||(t=13===(r=e.keyCode),s=27===r,i=38===r,n=40===r,o=46===r,l=32===r,(r=9===r)&&(this.isActivated=!1),a?s||r?this.hideOptionPanel():t?(e.preventDefault(),e.stopPropagation(),this.changeOptionEvent(e,u,c)):i||n?(e.preventDefault(),s=(a=findOffsetOption(this,u,i)).firstOption,(r=a.offsetOption)||findOption(this,u)||(r=s),this.setCurrentOption(r),this.scrollToOption(r,n)):l&&e.preventDefault():(i||n||t||l)&&this.isActivated&&(e.preventDefault(),this.showOptionPanel()),this.isActivated&&o&&f&&this.clearValueEvent(e,null))},handleGlobalBlurEvent:function(){this.hideOptionPanel()},updateZindex:function(){this.panelIndex<_utils.default.getLastZIndex()&&(this.panelIndex=_utils.default.nextZIndex())},handleFocusSearch:function(){var e=this;this.filterable&&this.$nextTick(function(){e.$refs.inpSearch&&e.$refs.inpSearch.focus()})},focusEvent:function(e){this.disabled||(this.isActivated=!0),this.$emit("focus",{$event:e})},blurEvent:function(e){this.isActivated=!1,this.$emit("blur",{$event:e})},modelSearchEvent:function(e){this.searchValue=e},focusSearchEvent:function(){this.isActivated=!0},keydownSearchEvent:function(e){e=e.$event;(0,_event.hasEventKey)(e,_event.EVENT_KEYS.ENTER)&&(e.preventDefault(),e.stopPropagation())},triggerSearchEvent:_xeUtils.default.debounce(function(){var e=this,t=this.remote,i=this.remoteMethod,n=this.searchValue;t&&i?(this.searchLoading=!0,Promise.resolve(i({searchValue:n})).then(function(){return e.$nextTick()}).catch(function(){return e.$nextTick()}).finally(function(){e.searchLoading=!1,e.refreshOption()})):this.refreshOption()},350,{trailing:!0}),isPanelVisible:function(){return this.visiblePanel},togglePanel:function(){this.visiblePanel?this.hideOptionPanel():this.showOptionPanel(),this.$nextTick()},hidePanel:function(){this.visiblePanel&&this.hideOptionPanel(),this.$nextTick()},showPanel:function(){this.visiblePanel||this.showOptionPanel(),this.$nextTick()},togglePanelEvent:function(e){e.$event.preventDefault(),this.visiblePanel?this.hideOptionPanel():this.showOptionPanel()},showOptionPanel:function(){var i=this,e=this.loading,t=this.disabled,n=this.filterable;e||t||(this.searchList=this.option,clearTimeout(this.hidePanelTimeout),this.inited||(this.inited=!0,this.transfer&&document.body.appendChild(this.$refs.panel)),this.isActivated=!0,this.animatVisible=!0,n&&this.refreshOption(),setTimeout(function(){var e=i.value,t=i.multiple,t=findOption(i,t&&e?e[0]:e);i.visiblePanel=!0,t&&(i.setCurrentOption(t),i.scrollToOption(t)),i.handleFocusSearch()},10),this.updateZindex(),this.updatePlacement())},hideOptionPanel:function(){var e=this;this.searchValue="",this.searchLoading=!1,this.visiblePanel=!1,this.hidePanelTimeout=setTimeout(function(){e.animatVisible=!1,e.searchValue=""},350)},updatePlacement:function(){var p=this;return this.$nextTick().then(function(){var e,t,i,n,o,l,s,r=p.$refs,a=p.transfer,u=p.placement,c=p.panelIndex,f=r.input.$el,r=r.panel;if(r&&f)return e=f.offsetHeight,t=f.offsetWidth,i=r.offsetHeight,r=r.offsetWidth,c={zIndex:c},n=(f=_dom.default.getAbsolutePos(f)).boundingTop,s=f.boundingLeft,o=f.visibleHeight,f=f.visibleWidth,l="bottom",a?(a=n+e,"top"===u?(l="top",a=n-i):u||(o<a+i+5&&(l="top",a=n-i),a<5&&(l="bottom",a=n+e)),f<(s=s)+r+5&&(s-=s+r+5-f),s<5&&(s=5),Object.assign(c,{left:"".concat(s,"px"),top:"".concat(a,"px"),minWidth:"".concat(t,"px")})):"top"===u?(l="top",c.bottom="".concat(e,"px")):u||o<n+e+i&&5<n-e-i&&(l="top",c.bottom="".concat(e,"px")),p.panelStyle=c,p.panelPlacement=l,p.$nextTick()})},focus:function(){return this.isActivated=!0,this.$refs.input.focus(),this.$nextTick()},blur:function(){return this.hideOptionPanel(),this.$refs.input.blur(),this.$nextTick()}}};exports.default=_default2;
+"use strict";function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0,exports.renderOptgroup=renderOptgroup,exports.renderOption=renderOption;var _xeUtils=_interopRequireDefault(require("xe-utils")),_input=_interopRequireDefault(require("../../input/src/input")),_conf=_interopRequireDefault(require("../../v-x-e-table/src/conf")),_size=_interopRequireDefault(require("../../mixins/size")),_utils=_interopRequireWildcard(require("../../tools/utils")),_dom=_interopRequireDefault(require("../../tools/dom")),_event=require("../../tools/event"),_vn=require("../../tools/vn");function _getRequireWildcardCache(e){var t,i;return"function"!=typeof WeakMap?null:(t=new WeakMap,i=new WeakMap,(_getRequireWildcardCache=function(e){return e?i:t})(e))}function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==_typeof(e)&&"function"!=typeof e)return{default:e};t=_getRequireWildcardCache(t);if(t&&t.has(e))return t.get(e);var i,n,o={},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(i in e)"default"!==i&&Object.prototype.hasOwnProperty.call(e,i)&&((n=l?Object.getOwnPropertyDescriptor(e,i):null)&&(n.get||n.set)?Object.defineProperty(o,i,n):o[i]=e[i]);return o.default=e,t&&t.set(e,o),o}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _defineProperty(e,t,i){return t in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}function isOptionVisible(e){return!1!==e.visible}function getOptUniqueId(){return _xeUtils.default.uniqueId("opt_")}function getOptkey(e){return e.optionOpts.keyField||e.optionId||"_X_OPTION_KEY"}function getOptid(e,t){t=t[getOptkey(e)];return t?encodeURIComponent(t):""}function findOffsetOption(e,t,i){var n,o,l,s,r=e.isGroup,a=e.visibleOptionList,u=e.visibleGroupList,c=e.valueField,p=e.groupOptionsField;if(r)for(var f=0;f<u.length;f++){var h=u[f],d=h[p],v=h.disabled;if(d)for(var b=0;b<d.length;b++){var g=d[b],O=isOptionVisible(g),m=v||g.disabled;if(n||m||(n=g),s&&O&&!m&&(l=g,!i))return{offsetOption:l};if(t===g[c]){if(s=g,i)return{offsetOption:o}}else O&&!m&&(o=g)}}else for(var x=0;x<a.length;x++){var _=a[x],y=_.disabled;if(n||y||(n=_),s&&!y&&(l=_,!i))return{offsetOption:l};if(t===_[c]){if(s=_,i)return{offsetOption:o}}else y||(o=_)}return{firstOption:n}}function findOption(e,t){var i=e.isGroup,n=e.fullOptionList,o=e.fullGroupList,l=e.valueField;if(i)for(var s=0;s<o.length;s++){var r=o[s];if(r.options)for(var a=0;a<r.options.length;a++){var u=r.options[a];if(t===u[l])return u}}return n.find(function(e){return t===e[l]})}function getRemoteSelectLabel(e,t){var i=e.remoteValueList.find(function(e){return t===e.key}),i=i?i.result:null;return _xeUtils.default.toValueString(i?i[e.labelField]:t)}function getSelectLabel(e,t){var i=findOption(e,t);return _xeUtils.default.toValueString(i?i[e.labelField]:t)}function checkOptionDisabled(e,t,i,n){return!!i.disabled||!(!n||!n.disabled)||!(!e.isMaximize||t)}function renderOption(u,c,e,p){var t=c.$scopedSlots,f=c.isGroup,h=c.labelField,d=c.valueField,v=c.optionKey,b=c.value,g=c.multiple,O=c.currentValue,m=c.optionOpts.useKey,x=t.option;return e.map(function(t,e){var i=t.slots,n=t[d],o=g?b&&-1<b.indexOf(n):b===n,l=!f||isOptionVisible(t),s=checkOptionDisabled(c,o,t,p),r=getOptid(c,t),i=i?i.default:null,a={option:t,group:null,$select:c};return l?u("div",{key:m||v?r:e,class:["vxe-select-option",t.className,{"is--disabled":s,"is--selected":o,"is--hover":O===n}],attrs:{optid:r},on:{mousedown:c.mousedownOptionEvent,click:function(e){s||c.changeOptionEvent(e,n,t)},mouseenter:function(){s||c.setCurrentOption(t)}}},x?c.callSlot(x,a,u):i?c.callSlot(i,a,u):_utils.default.formatText((0,_utils.getFuncText)(t[h]))):null})}function renderOptgroup(s,r){var e=r.$scopedSlots,a=r.optionKey,t=r.visibleGroupList,u=r.groupLabelField,c=r.groupOptionsField,p=r.optionOpts.useKey,f=e.option;return t.map(function(e,t){var i=e.slots,n=getOptid(r,e),o=e.disabled,i=i?i.default:null,l={option:e,group:e,$select:r};return s("div",{key:p||a?n:t,class:["vxe-optgroup",e.className,{"is--disabled":o}],attrs:{optid:n}},[s("div",{class:"vxe-optgroup--title"},f?r.callSlot(f,l,s):i?r.callSlot(i,l,s):(0,_utils.getFuncText)(e[u])),s("div",{class:"vxe-optgroup--wrapper"},renderOption(s,r,e[c],e))])})}function renderOpts(e,t){var i=t.isGroup,n=t.visibleGroupList,o=t.visibleOptionList;if(t.searchLoading)return[e("div",{class:"vxe-select--search-loading"},[e("i",{class:["vxe-select--search-icon",_conf.default.icon.SELECT_LOADED]}),e("span",{class:"vxe-select--search-text"},_conf.default.i18n("vxe.select.loadingText"))])];if(i){if(n.length)return renderOptgroup(e,t)}else if(o.length)return renderOption(e,t,o);return[e("div",{class:"vxe-select--empty-placeholder"},t.emptyText||_conf.default.i18n("vxe.select.emptyText"))]}var _default2={name:"VxeSelect",mixins:[_size.default],props:{value:null,clearable:Boolean,placeholder:{type:String,default:function(){return _xeUtils.default.eqNull(_conf.default.select.placeholder)?_conf.default.i18n("vxe.base.pleaseSelect"):_conf.default.select.placeholder}},loading:Boolean,disabled:Boolean,multiple:Boolean,multiCharOverflow:{type:[Number,String],default:function(){return _conf.default.select.multiCharOverflow}},prefixIcon:String,placement:String,options:Array,optionProps:Object,optionGroups:Array,optionGroupProps:Object,optionConfig:Object,className:[String,Function],popupClassName:[String,Function],max:[String,Number],size:{type:String,default:function(){return _conf.default.select.size||_conf.default.size}},filterable:Boolean,filterMethod:Function,remote:Boolean,remoteMethod:Function,emptyText:String,optionId:{type:String,default:function(){return _conf.default.select.optionId}},optionKey:Boolean,transfer:{type:Boolean,default:function(){return _conf.default.select.transfer}}},components:{VxeInput:_input.default},inject:{$xeform:{default:null},$xeformiteminfo:{default:null}},provide:function(){return{$xeselect:this}},data:function(){return{inited:!1,collectOption:[],fullGroupList:[],fullOptionList:[],visibleGroupList:[],visibleOptionList:[],remoteValueList:[],panelIndex:0,panelStyle:null,panelPlacement:null,currentOption:null,currentValue:null,visiblePanel:!1,animatVisible:!1,isActivated:!1,searchValue:"",searchLoading:!1}},computed:{propsOpts:function(){return this.optionProps||{}},groupPropsOpts:function(){return this.optionGroupProps||{}},labelField:function(){return this.propsOpts.label||"label"},valueField:function(){return this.propsOpts.value||"value"},groupLabelField:function(){return this.groupPropsOpts.label||"label"},groupOptionsField:function(){return this.groupPropsOpts.options||"options"},optionOpts:function(){return Object.assign({},_conf.default.select.optionConfig,this.optionConfig)},isGroup:function(){return this.fullGroupList.some(function(e){return e.options&&e.options.length})},multiMaxCharNum:function(){return _xeUtils.default.toNumber(this.multiCharOverflow)},selectLabel:function(){var t=this,e=this.value,i=this.multiple,n=this.remote,o=this.multiMaxCharNum;return e&&i?(i=_xeUtils.default.isArray(e)?e:[e],(n?i.map(function(e){return getRemoteSelectLabel(t,e)}):i.map(function(e){e=getSelectLabel(t,e);return 0<o&&e.length>o?"".concat(e.substring(0,o),"..."):e})).join(", ")):(n?getRemoteSelectLabel:getSelectLabel)(this,e)},isMaximize:function(){var e=this.value,t=this.multiple,i=this.max;return!(!t||!i)&&(e?e.length:0)>=_xeUtils.default.toNumber(i)}},watch:{collectOption:function(e){e.some(function(e){return e.options&&e.options.length})?(this.fullOptionList=[],this.fullGroupList=e):(this.fullGroupList=[],this.fullOptionList=e),this.cacheItemMap()},options:function(e){this.fullGroupList=[],this.fullOptionList=e,this.cacheItemMap()},optionGroups:function(e){this.fullOptionList=[],this.fullGroupList=e,this.cacheItemMap()}},created:function(){var e=this.options,t=this.optionGroups;t?this.fullGroupList=t:e&&(this.fullOptionList=e),this.cacheItemMap(),_event.GlobalEvent.on(this,"mousewheel",this.handleGlobalMousewheelEvent),_event.GlobalEvent.on(this,"mousedown",this.handleGlobalMousedownEvent),_event.GlobalEvent.on(this,"keydown",this.handleGlobalKeydownEvent),_event.GlobalEvent.on(this,"blur",this.handleGlobalBlurEvent)},beforeDestroy:function(){var e=this.$refs.panel;e&&e.parentNode&&e.parentNode.removeChild(e)},destroyed:function(){_event.GlobalEvent.off(this,"mousewheel"),_event.GlobalEvent.off(this,"mousedown"),_event.GlobalEvent.off(this,"keydown"),_event.GlobalEvent.off(this,"blur")},render:function(e){var t=this,i=this._e,n=this.$scopedSlots,o=this.vSize,l=this.className,s=this.popupClassName,r=this.inited,a=this.isActivated,u=this.loading,c=this.disabled,p=this.visiblePanel,f=this.filterable,h=n.default,d=n.prefix,v=n.header,n=n.footer;return e("div",{class:["vxe-select",l?_xeUtils.default.isFunction(l)?l({$select:this}):l:"",(_defineProperty(l={},"size--".concat(o),o),_defineProperty(l,"is--visivle",p),_defineProperty(l,"is--disabled",c),_defineProperty(l,"is--filter",f),_defineProperty(l,"is--loading",u),_defineProperty(l,"is--active",a),l)]},[e("div",{class:"vxe-select-slots",ref:"hideOption"},h?h.call(this,{}):[]),e("vxe-input",{ref:"input",props:{clearable:this.clearable,placeholder:this.placeholder,readonly:!0,disabled:c,type:"text",prefixIcon:this.prefixIcon,suffixIcon:u?_conf.default.icon.SELECT_LOADED:p?_conf.default.icon.SELECT_OPEN:_conf.default.icon.SELECT_CLOSE,value:this.selectLabel},on:{clear:this.clearEvent,click:this.togglePanelEvent,focus:this.focusEvent,blur:this.blurEvent,"suffix-click":this.togglePanelEvent},scopedSlots:d?{prefix:function(){return d.call(t,{})}}:{}}),e("div",{ref:"panel",class:["vxe-table--ignore-clear vxe-select--panel",s?_xeUtils.default.isFunction(s)?s({$select:this}):s:"",(_defineProperty(a={},"size--".concat(o),o),_defineProperty(a,"is--transfer",this.transfer),_defineProperty(a,"animat--leave",!u&&this.animatVisible),_defineProperty(a,"animat--enter",!u&&p),a)],attrs:{placement:this.panelPlacement},style:this.panelStyle},r?[f?e("div",{class:"vxe-select--panel-search"},[e("vxe-input",{ref:"inpSearch",class:"vxe-select-search--input",props:{value:this.searchValue,type:"text",clearable:!0,placeholder:_conf.default.i18n("vxe.select.search"),prefixIcon:_conf.default.icon.INPUT_SEARCH},on:{modelValue:this.modelSearchEvent,focus:this.focusSearchEvent,keydown:this.keydownSearchEvent,change:this.triggerSearchEvent,search:this.triggerSearchEvent}})]):i(),e("div",{class:"vxe-select--panel-wrapper"},[v?e("div",{class:"vxe-select--panel-header"},v.call(this,{})):i(),e("div",{class:"vxe-select--panel-body"},[e("div",{ref:"optWrapper",class:"vxe-select-option--wrapper"},renderOpts(e,this))]),n?e("div",{class:"vxe-select--panel-footer"},n.call(this,{})):i()])]:[])])},methods:{callSlot:function(e,t,i){if(e){var n=this.$scopedSlots;if(_xeUtils.default.isString(e)&&(e=n[e]||null),_xeUtils.default.isFunction(e))return(0,_vn.getSlotVNs)(e.call(this,t,i))}return[]},cacheItemMap:function(){function t(e){getOptid(i,e)||(e[l]=getOptUniqueId())}var i=this,e=this.fullOptionList,n=this.fullGroupList,o=this.groupOptionsField,l=getOptkey(this);n.length?n.forEach(function(e){t(e),e[o]&&e[o].forEach(t)}):e.length&&e.forEach(t),this.refreshOption()},refreshOption:function(){var e=this.isGroup,t=this.fullOptionList,i=this.fullGroupList,n=this.filterable,o=this.filterMethod,l=this.searchValue,s=this.labelField,r=this.groupLabelField;return e?this.visibleGroupList=n&&o?i.filter(function(e){return isOptionVisible(e)&&o({group:e,option:null,searchValue:l})}):n?i.filter(function(e){return isOptionVisible(e)&&(!l||-1<"".concat(e[r]).indexOf(l))}):i.filter(isOptionVisible):this.visibleOptionList=n&&o?t.filter(function(e){return isOptionVisible(e)&&o({group:null,option:e,searchValue:l})}):n?t.filter(function(e){return isOptionVisible(e)&&(!l||-1<"".concat(e[s]).indexOf(l))}):t.filter(isOptionVisible),this.$nextTick()},setCurrentOption:function(e){e&&(this.currentOption=e,this.currentValue=e[this.valueField])},scrollToOption:function(n,o){var l=this;return this.$nextTick().then(function(){var e,t,i;n&&(e=(t=l.$refs).optWrapper,t=t.panel.querySelector("[optid='".concat(getOptid(l,n),"']")),e)&&t&&(i=e.offsetHeight,o?t.offsetTop+t.offsetHeight-e.scrollTop>i&&(e.scrollTop=t.offsetTop+t.offsetHeight-i):(t.offsetTop+5<e.scrollTop||t.offsetTop+5>e.scrollTop+e.clientHeight)&&(e.scrollTop=t.offsetTop-5))})},clearEvent:function(e,t){this.clearValueEvent(t,null),this.hideOptionPanel()},clearValueEvent:function(e,t){this.remoteValueList=[],this.changeEvent(e,t),this.$emit("clear",{value:t,$event:e})},changeEvent:function(e,t){t!==this.value&&(this.$emit("input",t),this.$emit("change",{value:t,$event:e}),this.$xeform)&&this.$xeformiteminfo&&this.$xeform.triggerItemEvent(e,this.$xeformiteminfo.itemConfig.field,t)},mousedownOptionEvent:function(e){0===e.button&&e.stopPropagation()},changeOptionEvent:function(e,t,i){var n=this.value,o=this.multiple,l=this.remoteValueList;o?(o=n?-1===n.indexOf(t)?n.concat([t]):n.filter(function(e){return e!==t}):[t],(n=l.find(function(e){return e.key===t}))?n.result=i:l.push({key:t,result:i}),this.changeEvent(e,o)):(this.remoteValueList=[{key:t,result:i}],this.changeEvent(e,t),this.hideOptionPanel())},handleGlobalMousewheelEvent:function(e){var t=this.$refs,i=this.disabled,n=this.visiblePanel;i||n&&(_dom.default.getEventTargetNode(e,t.panel).flag?this.updatePlacement():this.hideOptionPanel())},handleGlobalMousedownEvent:function(e){var t=this.$refs,i=this.$el,n=this.disabled,o=this.visiblePanel;n||(this.isActivated=_dom.default.getEventTargetNode(e,i).flag||_dom.default.getEventTargetNode(e,t.panel).flag,o&&!this.isActivated&&this.hideOptionPanel())},handleGlobalKeydownEvent:function(e){var t,i,n,o,l,s,r,a=this.visiblePanel,u=this.currentValue,c=this.currentOption,p=this.clearable;this.disabled||(t=13===(r=e.keyCode),s=27===r,i=38===r,n=40===r,o=46===r,l=32===r,(r=9===r)&&(this.isActivated=!1),a?s||r?this.hideOptionPanel():t?(e.preventDefault(),e.stopPropagation(),this.changeOptionEvent(e,u,c)):i||n?(e.preventDefault(),s=(a=findOffsetOption(this,u,i)).firstOption,(r=a.offsetOption)||findOption(this,u)||(r=s),this.setCurrentOption(r),this.scrollToOption(r,n)):l&&e.preventDefault():(i||n||t||l)&&this.isActivated&&(e.preventDefault(),this.showOptionPanel()),this.isActivated&&o&&p&&this.clearValueEvent(e,null))},handleGlobalBlurEvent:function(){this.hideOptionPanel()},updateZindex:function(){this.panelIndex<_utils.default.getLastZIndex()&&(this.panelIndex=_utils.default.nextZIndex())},handleFocusSearch:function(){var e=this;this.filterable&&this.$nextTick(function(){e.$refs.inpSearch&&e.$refs.inpSearch.focus()})},focusEvent:function(e){this.disabled||(this.isActivated=!0),this.$emit("focus",{$event:e})},blurEvent:function(e){this.isActivated=!1,this.$emit("blur",{$event:e})},modelSearchEvent:function(e){this.searchValue=e},focusSearchEvent:function(){this.isActivated=!0},keydownSearchEvent:function(e){e=e.$event;(0,_event.hasEventKey)(e,_event.EVENT_KEYS.ENTER)&&(e.preventDefault(),e.stopPropagation())},triggerSearchEvent:_xeUtils.default.debounce(function(){var e=this,t=this.remote,i=this.remoteMethod,n=this.searchValue;t&&i?(this.searchLoading=!0,Promise.resolve(i({searchValue:n})).then(function(){return e.$nextTick()}).catch(function(){return e.$nextTick()}).finally(function(){e.searchLoading=!1,e.refreshOption()})):this.refreshOption()},350,{trailing:!0}),isPanelVisible:function(){return this.visiblePanel},togglePanel:function(){this.visiblePanel?this.hideOptionPanel():this.showOptionPanel(),this.$nextTick()},hidePanel:function(){this.visiblePanel&&this.hideOptionPanel(),this.$nextTick()},showPanel:function(){this.visiblePanel||this.showOptionPanel(),this.$nextTick()},togglePanelEvent:function(e){e.$event.preventDefault(),this.visiblePanel?this.hideOptionPanel():this.showOptionPanel()},showOptionPanel:function(){var i=this,e=this.loading,t=this.disabled,n=this.filterable;e||t||(this.searchList=this.option,clearTimeout(this.hidePanelTimeout),this.inited||(this.inited=!0,this.transfer&&document.body.appendChild(this.$refs.panel)),this.isActivated=!0,this.animatVisible=!0,n&&this.refreshOption(),setTimeout(function(){var e=i.value,t=i.multiple,t=findOption(i,t&&e?e[0]:e);i.visiblePanel=!0,t&&(i.setCurrentOption(t),i.scrollToOption(t)),i.handleFocusSearch()},10),this.updateZindex(),this.updatePlacement())},hideOptionPanel:function(){var e=this;this.searchValue="",this.searchLoading=!1,this.visiblePanel=!1,this.hidePanelTimeout=setTimeout(function(){e.animatVisible=!1,e.searchValue=""},350)},updatePlacement:function(){var f=this;return this.$nextTick().then(function(){var e,t,i,n,o,l,s,r=f.$refs,a=f.transfer,u=f.placement,c=f.panelIndex,p=r.input.$el,r=r.panel;if(r&&p)return e=p.offsetHeight,t=p.offsetWidth,i=r.offsetHeight,r=r.offsetWidth,c={zIndex:c},n=(p=_dom.default.getAbsolutePos(p)).boundingTop,s=p.boundingLeft,o=p.visibleHeight,p=p.visibleWidth,l="bottom",a?(a=n+e,"top"===u?(l="top",a=n-i):u||(o<a+i+5&&(l="top",a=n-i),a<5&&(l="bottom",a=n+e)),p<(s=s)+r+5&&(s-=s+r+5-p),s<5&&(s=5),Object.assign(c,{left:"".concat(s,"px"),top:"".concat(a,"px"),minWidth:"".concat(t,"px")})):"top"===u?(l="top",c.bottom="".concat(e,"px")):u||o<n+e+i&&5<n-e-i&&(l="top",c.bottom="".concat(e,"px")),f.panelStyle=c,f.panelPlacement=l,f.$nextTick()})},focus:function(){return this.isActivated=!0,this.$refs.input.focus(),this.$nextTick()},blur:function(){return this.hideOptionPanel(),this.$refs.input.blur(),this.$nextTick()}}};exports.default=_default2;

package/lib/select/style/style.css

@@ -85,23 +85,40 @@
   transform: scaleY(1);
 }
 
-.vxe-select-filter--wrapper {
+.vxe-select--panel-search {
   display: block;
 }
-.vxe-select-filter--wrapper .vxe-select-filter--input {
+.vxe-select--panel-search .vxe-select-search--input {
   width: 100%;
 }
 
+.vxe-select--panel-wrapper {
+  position: relative;
+  border-radius: 4px;
+  border: 1px solid #DADCE0;
+  box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.1);
+  background-color: #fff;
+}
+
+.vxe-select--panel-header {
+  border-bottom: 1px solid #DADCE0;
+}
+
+.vxe-select--panel-footer {
+  border-top: 1px solid #DADCE0;
+}
+
+.vxe-select--panel-header,
+.vxe-select--panel-footer {
+  padding: 4px 0;
+}
+
 .vxe-select-option--wrapper {
   position: relative;
   overflow-x: hidden;
   overflow-y: auto;
   padding: 4px 0;
   max-height: 200px;
-  border-radius: 4px;
-  border: 1px solid #DADCE0;
-  box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.1);
-  background-color: #fff;
 }
 
 .vxe-optgroup .vxe-optgroup--title {

package/lib/select/style/style.min.css

@@ -1 +1 @@
-.vxe-select{position:relative;display:inline-block;width:180px;color:#606266;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{display:inline-block;transition:transform .2s ease-in-out}.vxe-select.is--active:not(.is--filter)>.vxe-input .vxe-input--inner{border:1px solid #409eff}.vxe-select-slots{display:none}.vxe-select--panel{display:none;position:absolute;left:0;padding:4px 0;color:#606266;text-align:left}.vxe-select--panel:not(.is--transfer){min-width:100%}.vxe-select--panel.is--transfer{position:fixed}.vxe-select--panel.animat--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;transform-style:preserve-3d}.vxe-select--panel.animat--leave[placement=top]{transform-origin:center bottom}.vxe-select--panel.animat--enter{opacity:1;transform:scaleY(1)}.vxe-select-filter--wrapper{display:block}.vxe-select-filter--wrapper .vxe-select-filter--input{width:100%}.vxe-select-option--wrapper{position:relative;overflow-x:hidden;overflow-y:auto;padding:4px 0;max-height:200px;border-radius:4px;border:1px solid #dadce0;box-shadow:0 0 6px 2px rgba(0,0,0,.1);background-color:#fff}.vxe-optgroup .vxe-optgroup--title{padding:0 6px;color:#909399;font-size:12px}.vxe-optgroup--wrapper .vxe-select-option{padding:0 20px}.vxe-select-option{padding:0 .6em;max-width:600px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-select-option.is--selected{font-weight:700;color:#409eff}.vxe-select-option:not(.is--disabled){cursor:pointer}.vxe-select-option:not(.is--disabled).is--hover{background-color:#f5f7fa}.vxe-select-option.is--disabled{color:#bfbfbf;cursor:no-drop}.vxe-select--search-icon{margin-right:.5em}.vxe-select--empty-placeholder,.vxe-select--search-loading{padding:0 .6em;text-align:center;color:#c0c4cc}.vxe-select,.vxe-select--panel{font-size:14px}.vxe-select--panel.size--medium,.vxe-select.size--medium{font-size:14px}.vxe-select--panel.size--small,.vxe-select.size--small{font-size:13px}.vxe-select--panel.size--mini,.vxe-select.size--mini{font-size:12px}.vxe-select--panel .vxe-optgroup--title,.vxe-select--panel .vxe-select-option{height:30px}.vxe-select--panel .vxe-optgroup--title,.vxe-select--panel .vxe-select--empty-placeholder,.vxe-select--panel .vxe-select--search-loading,.vxe-select--panel .vxe-select-option{line-height:30px}.vxe-select--panel.size--medium .vxe-optgroup--title,.vxe-select--panel.size--medium .vxe-select-option{height:28px}.vxe-select--panel.size--medium .vxe-optgroup--title,.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:28px}.vxe-select--panel.size--small .vxe-optgroup--title,.vxe-select--panel.size--small .vxe-select-option{height:26px}.vxe-select--panel.size--small .vxe-optgroup--title,.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:26px}.vxe-select--panel.size--mini .vxe-optgroup--title,.vxe-select--panel.size--mini .vxe-select-option{height:24px}.vxe-select--panel.size--mini .vxe-optgroup--title,.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:24px}
+.vxe-select{position:relative;display:inline-block;width:180px;color:#606266;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{display:inline-block;transition:transform .2s ease-in-out}.vxe-select.is--active:not(.is--filter)>.vxe-input .vxe-input--inner{border:1px solid #409eff}.vxe-select-slots{display:none}.vxe-select--panel{display:none;position:absolute;left:0;padding:4px 0;color:#606266;text-align:left}.vxe-select--panel:not(.is--transfer){min-width:100%}.vxe-select--panel.is--transfer{position:fixed}.vxe-select--panel.animat--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;transform-style:preserve-3d}.vxe-select--panel.animat--leave[placement=top]{transform-origin:center bottom}.vxe-select--panel.animat--enter{opacity:1;transform:scaleY(1)}.vxe-select--panel-search{display:block}.vxe-select--panel-search .vxe-select-search--input{width:100%}.vxe-select--panel-wrapper{position:relative;border-radius:4px;border:1px solid #dadce0;box-shadow:0 0 6px 2px rgba(0,0,0,.1);background-color:#fff}.vxe-select--panel-header{border-bottom:1px solid #dadce0}.vxe-select--panel-footer{border-top:1px solid #dadce0}.vxe-select--panel-footer,.vxe-select--panel-header{padding:4px 0}.vxe-select-option--wrapper{position:relative;overflow-x:hidden;overflow-y:auto;padding:4px 0;max-height:200px}.vxe-optgroup .vxe-optgroup--title{padding:0 6px;color:#909399;font-size:12px}.vxe-optgroup--wrapper .vxe-select-option{padding:0 20px}.vxe-select-option{padding:0 .6em;max-width:600px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-select-option.is--selected{font-weight:700;color:#409eff}.vxe-select-option:not(.is--disabled){cursor:pointer}.vxe-select-option:not(.is--disabled).is--hover{background-color:#f5f7fa}.vxe-select-option.is--disabled{color:#bfbfbf;cursor:no-drop}.vxe-select--search-icon{margin-right:.5em}.vxe-select--empty-placeholder,.vxe-select--search-loading{padding:0 .6em;text-align:center;color:#c0c4cc}.vxe-select,.vxe-select--panel{font-size:14px}.vxe-select--panel.size--medium,.vxe-select.size--medium{font-size:14px}.vxe-select--panel.size--small,.vxe-select.size--small{font-size:13px}.vxe-select--panel.size--mini,.vxe-select.size--mini{font-size:12px}.vxe-select--panel .vxe-optgroup--title,.vxe-select--panel .vxe-select-option{height:30px}.vxe-select--panel .vxe-optgroup--title,.vxe-select--panel .vxe-select--empty-placeholder,.vxe-select--panel .vxe-select--search-loading,.vxe-select--panel .vxe-select-option{line-height:30px}.vxe-select--panel.size--medium .vxe-optgroup--title,.vxe-select--panel.size--medium .vxe-select-option{height:28px}.vxe-select--panel.size--medium .vxe-optgroup--title,.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:28px}.vxe-select--panel.size--small .vxe-optgroup--title,.vxe-select--panel.size--small .vxe-select-option{height:26px}.vxe-select--panel.size--small .vxe-optgroup--title,.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:26px}.vxe-select--panel.size--mini .vxe-optgroup--title,.vxe-select--panel.size--mini .vxe-select-option{height:24px}.vxe-select--panel.size--mini .vxe-optgroup--title,.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:24px}