vxe-pc-ui 3.0.1 → 3.0.2

package/lib/password-input/src/password-input.js

@@ -116,6 +116,10 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
         $passwordInput: $xePasswordInput
       }, params));
     },
+    emitModel: function emitModel(value) {
+      var $xeModal = this;
+      $xeModal.$emit('modelValue', value);
+    },
     focus: function focus() {
       var $xePasswordInput = this;
       var reactData = $xePasswordInput.reactData;
@@ -162,14 +166,14 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
       var value = inputElem.value;
       $xePasswordInput.emitInputEvent(value, evnt);
     },
-    emitModel: function emitModel(value, evnt) {
+    handleChange: function handleChange(value, evnt) {
       var $xePasswordInput = this;
       var props = $xePasswordInput;
       var reactData = $xePasswordInput.reactData;
       var $xeForm = $xePasswordInput.$xeForm;
       var formItemInfo = $xePasswordInput.formItemInfo;
       reactData.inputValue = value;
-      $xePasswordInput.$emit('modelValue', value);
+      $xePasswordInput.emitModel(value);
       $xePasswordInput.dispatchEvent('input', {
         value: value
       }, evnt);
@@ -230,7 +234,7 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
     clearValueEvent: function clearValueEvent(evnt, value) {
       var $xePasswordInput = this;
       $xePasswordInput.focus();
-      $xePasswordInput.emitModel('', evnt);
+      $xePasswordInput.handleChange('', evnt);
       $xePasswordInput.dispatchEvent('clear', {
         value: value
       }, evnt);

package/lib/password-input/src/password-input.min.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_utils=require("../../ui/src/utils"),_vn=require("../..//ui/src/vn");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}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)}function _defineProperty(e,t,i){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}function _toPropertyKey(e){e=_toPrimitive(e,"string");return"symbol"==_typeof(e)?e:e+""}function _toPrimitive(e,t){if("object"!=_typeof(e)||!e)return e;var i=e[Symbol.toPrimitive];if(void 0===i)return("string"===t?String:Number)(e);i=i.call(e,t||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxePasswordInput",mixins:[_ui.globalMixins.sizeMixin],model:{prop:"value",event:"modelValue"},props:{value:String,name:String,clearable:{type:Boolean,default:function(){return(0,_ui.getConfig)().passwordInput.clearable}},readonly:Boolean,disabled:Boolean,maxLength:[String,Number],placeholder:String,autoComplete:{type:String,default:"off"},className:String,size:{type:String,default:function(){return(0,_ui.getConfig)().passwordInput.size||(0,_ui.getConfig)().size}},prefixIcon:String,suffixIcon:String,autocomplete:String},inject:{$xeForm:{default:null},formItemInfo:{from:"xeFormItemInfo",default:null}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{showPwd:!1,isActivated:!1,inputValue:""}}},computed:Object.assign(Object.assign({},{}),{computeIsClearable:function(){return this.clearable},computeInpReadonly:function(){return this.readonly},computeInpPlaceholder:function(){var e=this.placeholder;return(e=e||(0,_ui.getConfig)().passwordInput.placeholder)?(0,_utils.getFuncText)(e):(0,_ui.getI18n)("vxe.base.pleaseInput")},computeInputType:function(){return this.reactData.showPwd?"text":"password"}}),methods:{dispatchEvent:function(e,t,i){this.$emit(e,(0,_ui.createEvent)(i,{$passwordInput:this},t))},focus:function(){var e=this,t=e.reactData,i=e.$refs.refInputTarget;return t.isActivated=!0,i.focus(),e.$nextTick()},blur:function(){var e=this,t=e.reactData;return e.$refs.refInputTarget.blur(),t.isActivated=!1,e.$nextTick()},select:function(){var e=this,t=e.reactData;return e.$refs.refInputTarget.select(),t.isActivated=!1,e.$nextTick()},triggerEvent:function(e){var t=this.reactData.inputValue;this.dispatchEvent(e.type,{value:t},e)},emitInputEvent:function(e,t){this.reactData.inputValue=e,this.dispatchEvent("input",{value:e},t)},inputEvent:function(e){var t=e.target.value;this.emitInputEvent(t,e)},emitModel:function(e,t){var i=this,n=i,r=i.reactData,a=i.$xeForm,u=i.formItemInfo;r.inputValue=e,i.$emit("modelValue",e),i.dispatchEvent("input",{value:e},t),_xeUtils.default.toValueString(n.value)!==e&&(i.dispatchEvent("change",{value:e},t),a)&&u&&a.triggerItemEvent(t,u.itemConfig.field,e)},changeEvent:function(e){var t=this.reactData,i=this.$xeForm,n=this.formItemInfo,t=(this.triggerEvent(e),t.inputValue);i&&n&&i.triggerItemEvent(e,n.itemConfig.field,t)},focusEvent:function(e){this.reactData.isActivated=!0,this.triggerEvent(e)},blurEvent:function(e){var t=this.reactData.inputValue;this.dispatchEvent("blur",{value:t},e)},passwordToggleEvent:function(e){var t=this.reactData,i=this.readonly,n=this.disabled,r=t.showPwd;n||i||(t.showPwd=!r),this.dispatchEvent("toggle-visible",{visible:t.showPwd},e)},clickEvent:function(e){this.triggerEvent(e)},clearValueEvent:function(e,t){this.focus(),this.emitModel("",e),this.dispatchEvent("clear",{value:t},e)},clickSuffixEvent:function(e){var t=this.reactData;this.disabled||(t=t.inputValue,this.dispatchEvent("suffix-click",{value:t},e))},clickPrefixEvent:function(e){var t=this.reactData;this.disabled||(t=t.inputValue,this.dispatchEvent("prefix-click",{value:t},e))},renderPasswordIcon:function(e){var t=this.reactData.showPwd;return e("div",{class:"password-input--control-icon",on:{click:this.passwordToggleEvent}},[e("i",{class:["password-input--password-icon",t?(0,_ui.getIcon)().PASSWORD_INPUT_SHOW_PWD:(0,_ui.getIcon)().PASSWORD_INPUT_HIDE_PWD]})])},renderPrefixIcon:function(e){var t=this.$scopedSlots,i=this.prefixIcon,t=t.prefix;return t||i?e("div",{class:"password-input--prefix",on:{click:this.clickPrefixEvent}},[e("div",{class:"password-input--prefix-icon"},t?(0,_vn.getSlotVNs)(t({})):[e("i",{class:i})])]):null},renderSuffixIcon:function(e){var t=this,i=t.$scopedSlots,n=t.disabled,r=t.suffixIcon,a=t.reactData.inputValue,i=i.suffix,u=t.computeIsClearable;return u||i||r?e("div",{class:["password-input--suffix",{"is--clear":u&&!n&&!(""===a||_xeUtils.default.eqNull(a))}]},[u?e("div",{class:"password-input--clear-icon",on:{click:t.clearValueEvent}},[e("i",{class:(0,_ui.getIcon)().INPUT_CLEAR})]):(0,_ui.renderEmptyElement)(t),t.renderExtraSuffixIcon(e),i||r?e("div",{class:"password-input--suffix-icon",on:{click:t.clickSuffixEvent}},i?(0,_vn.getSlotVNs)(i({})):[e("i",{class:r})]):(0,_ui.renderEmptyElement)(t)]):null},renderExtraSuffixIcon:function(e){return this.renderPasswordIcon(e)},renderVN:function(e){var t=this,i=t.reactData,n=t.className,r=t.name,a=t.disabled,u=t.readonly,o=t.autocomplete,s=t.autoComplete,c=t.maxLength,l=i.inputValue,i=i.isActivated,p=t.computeSize,f=t.computeInpReadonly,d=t.computeInputType,v=t.computeInpPlaceholder,m=t.computeIsClearable,h=t.renderPrefixIcon(e),g=t.renderSuffixIcon(e);return e("div",{ref:"refElem",class:["password-input",n,_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(p),p),"is--prefix",!!h),"is--suffix",!!g),"is--readonly",u),"is--disabled",a),"is--active",i),"show--clear",m&&!a&&!(""===l||_xeUtils.default.eqNull(l)))],attrs:{spellcheck:!1}},[h||(0,_ui.renderEmptyElement)(t),e("div",{class:"password-input--wrapper"},[e("input",{ref:"refInputTarget",class:"password-input--inner",domProps:{value:l},attrs:{name:r,type:d,placeholder:v,readonly:f,disabled:a,autocomplete:o||s,maxlength:c},on:{click:t.clickEvent,input:t.inputEvent,change:t.changeEvent,focus:t.focusEvent,blur:t.blurEvent}})]),g||(0,_ui.renderEmptyElement)(t)])}},watch:{value:function(e){this.reactData.inputValue=e}},created:function(){this.reactData.inputValue=this.value},render:function(e){return this.renderVN(e)}});
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_utils=require("../../ui/src/utils"),_vn=require("../..//ui/src/vn");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}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)}function _defineProperty(e,t,i){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}function _toPropertyKey(e){e=_toPrimitive(e,"string");return"symbol"==_typeof(e)?e:e+""}function _toPrimitive(e,t){if("object"!=_typeof(e)||!e)return e;var i=e[Symbol.toPrimitive];if(void 0===i)return("string"===t?String:Number)(e);i=i.call(e,t||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxePasswordInput",mixins:[_ui.globalMixins.sizeMixin],model:{prop:"value",event:"modelValue"},props:{value:String,name:String,clearable:{type:Boolean,default:function(){return(0,_ui.getConfig)().passwordInput.clearable}},readonly:Boolean,disabled:Boolean,maxLength:[String,Number],placeholder:String,autoComplete:{type:String,default:"off"},className:String,size:{type:String,default:function(){return(0,_ui.getConfig)().passwordInput.size||(0,_ui.getConfig)().size}},prefixIcon:String,suffixIcon:String,autocomplete:String},inject:{$xeForm:{default:null},formItemInfo:{from:"xeFormItemInfo",default:null}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{showPwd:!1,isActivated:!1,inputValue:""}}},computed:Object.assign(Object.assign({},{}),{computeIsClearable:function(){return this.clearable},computeInpReadonly:function(){return this.readonly},computeInpPlaceholder:function(){var e=this.placeholder;return(e=e||(0,_ui.getConfig)().passwordInput.placeholder)?(0,_utils.getFuncText)(e):(0,_ui.getI18n)("vxe.base.pleaseInput")},computeInputType:function(){return this.reactData.showPwd?"text":"password"}}),methods:{dispatchEvent:function(e,t,i){this.$emit(e,(0,_ui.createEvent)(i,{$passwordInput:this},t))},emitModel:function(e){this.$emit("modelValue",e)},focus:function(){var e=this,t=e.reactData,i=e.$refs.refInputTarget;return t.isActivated=!0,i.focus(),e.$nextTick()},blur:function(){var e=this,t=e.reactData;return e.$refs.refInputTarget.blur(),t.isActivated=!1,e.$nextTick()},select:function(){var e=this,t=e.reactData;return e.$refs.refInputTarget.select(),t.isActivated=!1,e.$nextTick()},triggerEvent:function(e){var t=this.reactData.inputValue;this.dispatchEvent(e.type,{value:t},e)},emitInputEvent:function(e,t){this.reactData.inputValue=e,this.dispatchEvent("input",{value:e},t)},inputEvent:function(e){var t=e.target.value;this.emitInputEvent(t,e)},handleChange:function(e,t){var i=this,n=i,r=i.reactData,a=i.$xeForm,u=i.formItemInfo;r.inputValue=e,i.emitModel(e),i.dispatchEvent("input",{value:e},t),_xeUtils.default.toValueString(n.value)!==e&&(i.dispatchEvent("change",{value:e},t),a)&&u&&a.triggerItemEvent(t,u.itemConfig.field,e)},changeEvent:function(e){var t=this.reactData,i=this.$xeForm,n=this.formItemInfo,t=(this.triggerEvent(e),t.inputValue);i&&n&&i.triggerItemEvent(e,n.itemConfig.field,t)},focusEvent:function(e){this.reactData.isActivated=!0,this.triggerEvent(e)},blurEvent:function(e){var t=this.reactData.inputValue;this.dispatchEvent("blur",{value:t},e)},passwordToggleEvent:function(e){var t=this.reactData,i=this.readonly,n=this.disabled,r=t.showPwd;n||i||(t.showPwd=!r),this.dispatchEvent("toggle-visible",{visible:t.showPwd},e)},clickEvent:function(e){this.triggerEvent(e)},clearValueEvent:function(e,t){this.focus(),this.handleChange("",e),this.dispatchEvent("clear",{value:t},e)},clickSuffixEvent:function(e){var t=this.reactData;this.disabled||(t=t.inputValue,this.dispatchEvent("suffix-click",{value:t},e))},clickPrefixEvent:function(e){var t=this.reactData;this.disabled||(t=t.inputValue,this.dispatchEvent("prefix-click",{value:t},e))},renderPasswordIcon:function(e){var t=this.reactData.showPwd;return e("div",{class:"password-input--control-icon",on:{click:this.passwordToggleEvent}},[e("i",{class:["password-input--password-icon",t?(0,_ui.getIcon)().PASSWORD_INPUT_SHOW_PWD:(0,_ui.getIcon)().PASSWORD_INPUT_HIDE_PWD]})])},renderPrefixIcon:function(e){var t=this.$scopedSlots,i=this.prefixIcon,t=t.prefix;return t||i?e("div",{class:"password-input--prefix",on:{click:this.clickPrefixEvent}},[e("div",{class:"password-input--prefix-icon"},t?(0,_vn.getSlotVNs)(t({})):[e("i",{class:i})])]):null},renderSuffixIcon:function(e){var t=this,i=t.$scopedSlots,n=t.disabled,r=t.suffixIcon,a=t.reactData.inputValue,i=i.suffix,u=t.computeIsClearable;return u||i||r?e("div",{class:["password-input--suffix",{"is--clear":u&&!n&&!(""===a||_xeUtils.default.eqNull(a))}]},[u?e("div",{class:"password-input--clear-icon",on:{click:t.clearValueEvent}},[e("i",{class:(0,_ui.getIcon)().INPUT_CLEAR})]):(0,_ui.renderEmptyElement)(t),t.renderExtraSuffixIcon(e),i||r?e("div",{class:"password-input--suffix-icon",on:{click:t.clickSuffixEvent}},i?(0,_vn.getSlotVNs)(i({})):[e("i",{class:r})]):(0,_ui.renderEmptyElement)(t)]):null},renderExtraSuffixIcon:function(e){return this.renderPasswordIcon(e)},renderVN:function(e){var t=this,i=t.reactData,n=t.className,r=t.name,a=t.disabled,u=t.readonly,o=t.autocomplete,s=t.autoComplete,c=t.maxLength,l=i.inputValue,i=i.isActivated,p=t.computeSize,f=t.computeInpReadonly,d=t.computeInputType,v=t.computeInpPlaceholder,h=t.computeIsClearable,m=t.renderPrefixIcon(e),g=t.renderSuffixIcon(e);return e("div",{ref:"refElem",class:["password-input",n,_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(p),p),"is--prefix",!!m),"is--suffix",!!g),"is--readonly",u),"is--disabled",a),"is--active",i),"show--clear",h&&!a&&!(""===l||_xeUtils.default.eqNull(l)))],attrs:{spellcheck:!1}},[m||(0,_ui.renderEmptyElement)(t),e("div",{class:"password-input--wrapper"},[e("input",{ref:"refInputTarget",class:"password-input--inner",domProps:{value:l},attrs:{name:r,type:d,placeholder:v,readonly:f,disabled:a,autocomplete:o||s,maxlength:c},on:{click:t.clickEvent,input:t.inputEvent,change:t.changeEvent,focus:t.focusEvent,blur:t.blurEvent}})]),g||(0,_ui.renderEmptyElement)(t)])}},watch:{value:function(e){this.reactData.inputValue=e}},created:function(){this.reactData.inputValue=this.value},render:function(e){return this.renderVN(e)}});

package/lib/pulldown/src/pulldown.js

@@ -116,6 +116,10 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
         $pulldown: $xePulldown
       }, params));
     },
+    emitModel: function emitModel(value) {
+      var $xePulldown = this;
+      $xePulldown.$emit('modelValue', value);
+    },
     updateZindex: function updateZindex() {
       var $xePulldown = this;
       var reactData = $xePulldown.reactData;
@@ -238,7 +242,7 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
           reactData.visibleAnimate = true;
           setTimeout(function () {
             reactData.visiblePanel = true;
-            $xePulldown.$emit('modelValue', true);
+            $xePulldown.emitModel(true);
             $xePulldown.updatePlacement();
             setTimeout(function () {
               resolve($xePulldown.updatePlacement());
@@ -260,7 +264,7 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
       var reactData = $xePulldown.reactData;
       var internalData = $xePulldown.internalData;
       reactData.visiblePanel = false;
-      $xePulldown.$emit('modelValue', false);
+      $xePulldown.emitModel(false);
       return new Promise(function (resolve) {
         if (reactData.visibleAnimate) {
           internalData.hpTimeout = window.setTimeout(function () {

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

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}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)}function _defineProperty(e,t,n){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _toPropertyKey(e){e=_toPrimitive(e,"string");return"symbol"==_typeof(e)?e:e+""}function _toPrimitive(e,t){if("object"!=_typeof(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0===n)return("string"===t?String:Number)(e);n=n.call(e,t||"default");if("object"!=_typeof(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxePulldown",model:{prop:"value",event:"modelValue"},mixins:[_ui.globalMixins.sizeMixin,_ui.globalMixins.permissionMixin],props:{value:Boolean,disabled:Boolean,placement:String,trigger:{type:String,default:(0,_ui.getConfig)().pulldown.trigger},size:{type:String,default:function(){return(0,_ui.getConfig)().size}},options:Array,className:{type:[String,Function],default:(0,_ui.getConfig)().pulldown.className},popupClassName:[String,Function],showPopupShadow:Boolean,destroyOnClose:{type:Boolean,default:(0,_ui.getConfig)().pulldown.destroyOnClose},transfer:{type:Boolean,default:null}},inject:{$xeModal:{default:null},$xeDrawer:{default:null},$xeTable:{default:null},$xeForm:{default:null}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{initialized:!1,panelIndex:0,panelStyle:{},panelPlacement:null,visiblePanel:!1,visibleAnimate:!1,isActivated:!1},internalData:{hpTimeout:void 0}}},computed:Object.assign(Object.assign({},{}),{computeBtnTransfer:function(){var e=this,t=e.$xeModal,n=e.$xeDrawer,i=e.$xeTable,l=e.$xeForm,e=e.transfer;if(null===e){var o=(0,_ui.getConfig)().pulldown.transfer;if(_xeUtils.default.isBoolean(o))return o;if(i||t||n||l)return!0}return e}}),methods:{dispatchEvent:function(e,t,n){this.$emit(e,(0,_ui.createEvent)(n,{$pulldown:this},t))},updateZindex:function(){var e=this.reactData;e.panelIndex<(0,_utils.getLastZIndex)()&&(e.panelIndex=(0,_utils.nextZIndex)())},isPanelVisible:function(){return this.reactData.visiblePanel},updatePlacement:function(){var p=this,f=p,v=p.reactData;return p.$nextTick().then(function(){var e,t,n,i,l,o,a,r,u=f.placement,s=v.panelIndex,d=v.visiblePanel,c=p.computeBtnTransfer;return d&&(d=p.$refs.refPulldownContent,i=p.$refs.refPulldownPanel)&&d&&(e=d.offsetHeight,t=d.offsetWidth,n=i.offsetHeight,i=i.offsetWidth,s={zIndex:s},l=(d=(0,_dom.getAbsolutePos)(d)).boundingTop,o=d.visibleHeight,a=d.visibleWidth,r="bottom",c?(c=l+e,"top"===u?(r="top",c=l-n):u||(o<c+n+5&&(r="top",c=l-n),c<5&&(r="bottom",c=l+e)),a<(d=d.boundingLeft)+i+5&&(d-=d+i+5-a),d<5&&(d=5),Object.assign(s,{left:"".concat(d,"px"),top:"".concat(c,"px"),minWidth:"".concat(t,"px")})):"top"===u?(r="top",s.bottom="".concat(e,"px")):u||o<l+e+n&&5<l-e-n&&(r="top",s.bottom="".concat(e,"px")),v.panelStyle=s,v.panelPlacement=r),p.$nextTick()})},showPanel:function(){var t=this,n=t,i=t.reactData,l=t.internalData,e=t.computeBtnTransfer,o=t.$refs.refPulldownPanel;return i.initialized||(i.initialized=!0,e&&o&&document.body.appendChild(o)),new Promise(function(e){n.disabled?t.$nextTick(function(){e()}):(l.hpTimeout&&clearTimeout(l.hpTimeout),i.isActivated=!0,i.visibleAnimate=!0,setTimeout(function(){i.visiblePanel=!0,t.$emit("modelValue",!0),t.updatePlacement(),setTimeout(function(){e(t.updatePlacement())},40)},10),t.updateZindex())})},hidePanel:function(){var t=this,n=t.reactData,i=t.internalData;return n.visiblePanel=!1,t.$emit("modelValue",!1),new Promise(function(e){n.visibleAnimate?i.hpTimeout=window.setTimeout(function(){n.visibleAnimate=!1,t.$nextTick(function(){e()})},350):t.$nextTick(function(){e()})})},togglePanel:function(){return this.reactData.visiblePanel?this.hidePanel():this.showPanel()},handleOptionEvent:function(e,t){t.disabled||(this.hidePanel(),this.dispatchEvent("option-click",{option:t},e))},clickTargetEvent:function(e){var t=this,n=t.reactData;"click"===t.trigger&&(n.visiblePanel?t.hidePanel():t.showPanel()),t.dispatchEvent("click",{$pulldown:t},e)},handleGlobalMousewheelEvent:function(e){var t=this,n=t.reactData,i=t.disabled,n=n.visiblePanel,l=t.$refs.refPulldownPanel;i||n&&((0,_dom.getEventTargetNode)(e,l).flag?t.updatePlacement():(t.hidePanel(),t.dispatchEvent("hide-panel",{},e)))},handleGlobalMousedownEvent:function(e){var t=this,n=t.reactData,i=t.disabled,l=n.visiblePanel,o=t.$refs.refElem,a=t.$refs.refPulldownPanel;i||(n.isActivated=(0,_dom.getEventTargetNode)(e,o).flag||(0,_dom.getEventTargetNode)(e,a).flag,l&&!n.isActivated&&(t.hidePanel(),t.dispatchEvent("hide-panel",{},e)))},handleGlobalBlurEvent:function(e){var t=this.reactData;t.visiblePanel&&(t.isActivated=!1,this.hidePanel(),this.dispatchEvent("hide-panel",{},e))},renderDefaultPanel:function(e,t){var n=this,i=n.$scopedSlots.option;return e("div",{class:"vxe-pulldown--panel-list"},t?t.map(function(t){return e("div",{class:"vxe-pulldown--panel-item",on:{click:function(e){n.handleOptionEvent(e,t)}}},i?i({$pulldown:n,option:t}):"".concat(t.label||""))}):[])},renderVN:function(e){var t=this,n=t.$scopedSlots,i=t.reactData,l=t.className,o=t.options,a=t.popupClassName,r=t.showPopupShadow,u=t.destroyOnClose,s=t.disabled,d=i.initialized,c=i.isActivated,p=i.visibleAnimate,f=i.visiblePanel,v=i.panelStyle,i=i.panelPlacement,m=t.computeBtnTransfer,h=t.computeSize,b=n.default,P=n.header,w=n.footer,n=n.dropdown;return e("div",{ref:"refElem",class:["vxe-pulldown",l?_xeUtils.default.isFunction(l)?l({$pulldown:t}):l:"",_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(h),h),"is--visible",f),"is--disabled",s),"is--active",c)]},[e("div",{ref:"refPulldownContent",class:"vxe-pulldown--content",on:{click:t.clickTargetEvent}},b?b({$pulldown:t}):[]),e("div",{ref:"refPulldownPanel",class:["vxe-table--ignore-clear vxe-pulldown--panel",a?_xeUtils.default.isFunction(a)?a({$pulldown:t}):a:"",_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(h),h),"is--shadow",r),"is--transfer",m),"ani--leave",p),"ani--enter",f)],attrs:{placement:i},style:v},d?[e("div",{class:"vxe-pulldown--panel-wrapper"},!d||u&&!f&&!p?[]:[P?e("div",{class:"vxe-pulldown--panel-header"},P({$pulldown:t})):(0,_ui.renderEmptyElement)(t),e("div",{class:"vxe-pulldown--panel-body"},n?n({$pulldown:t}):[t.renderDefaultPanel(e,o)]),w?e("div",{class:"vxe-pulldown--panel-footer"},w({$pulldown:t})):(0,_ui.renderEmptyElement)(t)])]:[])])}},watch:{value:function(e){e?this.showPanel():this.hidePanel()}},created:function(){var e=this;_ui.globalEvents.on(e,"mousewheel",e.handleGlobalMousewheelEvent),_ui.globalEvents.on(e,"mousedown",e.handleGlobalMousedownEvent),_ui.globalEvents.on(e,"blur",e.handleGlobalBlurEvent)},beforeDestroy:function(){var e=this.$refs.refPulldownPanel;e&&e.parentNode&&e.parentNode.removeChild(e),_ui.globalEvents.off(this,"mousewheel"),_ui.globalEvents.off(this,"mousedown"),_ui.globalEvents.off(this,"blur")},render:function(e){return this.renderVN(e)}});
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}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)}function _defineProperty(e,t,n){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _toPropertyKey(e){e=_toPrimitive(e,"string");return"symbol"==_typeof(e)?e:e+""}function _toPrimitive(e,t){if("object"!=_typeof(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0===n)return("string"===t?String:Number)(e);n=n.call(e,t||"default");if("object"!=_typeof(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxePulldown",model:{prop:"value",event:"modelValue"},mixins:[_ui.globalMixins.sizeMixin,_ui.globalMixins.permissionMixin],props:{value:Boolean,disabled:Boolean,placement:String,trigger:{type:String,default:(0,_ui.getConfig)().pulldown.trigger},size:{type:String,default:function(){return(0,_ui.getConfig)().size}},options:Array,className:{type:[String,Function],default:(0,_ui.getConfig)().pulldown.className},popupClassName:[String,Function],showPopupShadow:Boolean,destroyOnClose:{type:Boolean,default:(0,_ui.getConfig)().pulldown.destroyOnClose},transfer:{type:Boolean,default:null}},inject:{$xeModal:{default:null},$xeDrawer:{default:null},$xeTable:{default:null},$xeForm:{default:null}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{initialized:!1,panelIndex:0,panelStyle:{},panelPlacement:null,visiblePanel:!1,visibleAnimate:!1,isActivated:!1},internalData:{hpTimeout:void 0}}},computed:Object.assign(Object.assign({},{}),{computeBtnTransfer:function(){var e=this,t=e.$xeModal,n=e.$xeDrawer,i=e.$xeTable,l=e.$xeForm,e=e.transfer;if(null===e){var o=(0,_ui.getConfig)().pulldown.transfer;if(_xeUtils.default.isBoolean(o))return o;if(i||t||n||l)return!0}return e}}),methods:{dispatchEvent:function(e,t,n){this.$emit(e,(0,_ui.createEvent)(n,{$pulldown:this},t))},emitModel:function(e){this.$emit("modelValue",e)},updateZindex:function(){var e=this.reactData;e.panelIndex<(0,_utils.getLastZIndex)()&&(e.panelIndex=(0,_utils.nextZIndex)())},isPanelVisible:function(){return this.reactData.visiblePanel},updatePlacement:function(){var p=this,f=p,v=p.reactData;return p.$nextTick().then(function(){var e,t,n,i,l,o,a,r,u=f.placement,s=v.panelIndex,d=v.visiblePanel,c=p.computeBtnTransfer;return d&&(d=p.$refs.refPulldownContent,i=p.$refs.refPulldownPanel)&&d&&(e=d.offsetHeight,t=d.offsetWidth,n=i.offsetHeight,i=i.offsetWidth,s={zIndex:s},l=(d=(0,_dom.getAbsolutePos)(d)).boundingTop,o=d.visibleHeight,a=d.visibleWidth,r="bottom",c?(c=l+e,"top"===u?(r="top",c=l-n):u||(o<c+n+5&&(r="top",c=l-n),c<5&&(r="bottom",c=l+e)),a<(d=d.boundingLeft)+i+5&&(d-=d+i+5-a),d<5&&(d=5),Object.assign(s,{left:"".concat(d,"px"),top:"".concat(c,"px"),minWidth:"".concat(t,"px")})):"top"===u?(r="top",s.bottom="".concat(e,"px")):u||o<l+e+n&&5<l-e-n&&(r="top",s.bottom="".concat(e,"px")),v.panelStyle=s,v.panelPlacement=r),p.$nextTick()})},showPanel:function(){var t=this,n=t,i=t.reactData,l=t.internalData,e=t.computeBtnTransfer,o=t.$refs.refPulldownPanel;return i.initialized||(i.initialized=!0,e&&o&&document.body.appendChild(o)),new Promise(function(e){n.disabled?t.$nextTick(function(){e()}):(l.hpTimeout&&clearTimeout(l.hpTimeout),i.isActivated=!0,i.visibleAnimate=!0,setTimeout(function(){i.visiblePanel=!0,t.emitModel(!0),t.updatePlacement(),setTimeout(function(){e(t.updatePlacement())},40)},10),t.updateZindex())})},hidePanel:function(){var t=this,n=t.reactData,i=t.internalData;return n.visiblePanel=!1,t.emitModel(!1),new Promise(function(e){n.visibleAnimate?i.hpTimeout=window.setTimeout(function(){n.visibleAnimate=!1,t.$nextTick(function(){e()})},350):t.$nextTick(function(){e()})})},togglePanel:function(){return this.reactData.visiblePanel?this.hidePanel():this.showPanel()},handleOptionEvent:function(e,t){t.disabled||(this.hidePanel(),this.dispatchEvent("option-click",{option:t},e))},clickTargetEvent:function(e){var t=this,n=t.reactData;"click"===t.trigger&&(n.visiblePanel?t.hidePanel():t.showPanel()),t.dispatchEvent("click",{$pulldown:t},e)},handleGlobalMousewheelEvent:function(e){var t=this,n=t.reactData,i=t.disabled,n=n.visiblePanel,l=t.$refs.refPulldownPanel;i||n&&((0,_dom.getEventTargetNode)(e,l).flag?t.updatePlacement():(t.hidePanel(),t.dispatchEvent("hide-panel",{},e)))},handleGlobalMousedownEvent:function(e){var t=this,n=t.reactData,i=t.disabled,l=n.visiblePanel,o=t.$refs.refElem,a=t.$refs.refPulldownPanel;i||(n.isActivated=(0,_dom.getEventTargetNode)(e,o).flag||(0,_dom.getEventTargetNode)(e,a).flag,l&&!n.isActivated&&(t.hidePanel(),t.dispatchEvent("hide-panel",{},e)))},handleGlobalBlurEvent:function(e){var t=this.reactData;t.visiblePanel&&(t.isActivated=!1,this.hidePanel(),this.dispatchEvent("hide-panel",{},e))},renderDefaultPanel:function(e,t){var n=this,i=n.$scopedSlots.option;return e("div",{class:"vxe-pulldown--panel-list"},t?t.map(function(t){return e("div",{class:"vxe-pulldown--panel-item",on:{click:function(e){n.handleOptionEvent(e,t)}}},i?i({$pulldown:n,option:t}):"".concat(t.label||""))}):[])},renderVN:function(e){var t=this,n=t.$scopedSlots,i=t.reactData,l=t.className,o=t.options,a=t.popupClassName,r=t.showPopupShadow,u=t.destroyOnClose,s=t.disabled,d=i.initialized,c=i.isActivated,p=i.visibleAnimate,f=i.visiblePanel,v=i.panelStyle,i=i.panelPlacement,m=t.computeBtnTransfer,h=t.computeSize,b=n.default,P=n.header,w=n.footer,n=n.dropdown;return e("div",{ref:"refElem",class:["vxe-pulldown",l?_xeUtils.default.isFunction(l)?l({$pulldown:t}):l:"",_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(h),h),"is--visible",f),"is--disabled",s),"is--active",c)]},[e("div",{ref:"refPulldownContent",class:"vxe-pulldown--content",on:{click:t.clickTargetEvent}},b?b({$pulldown:t}):[]),e("div",{ref:"refPulldownPanel",class:["vxe-table--ignore-clear vxe-pulldown--panel",a?_xeUtils.default.isFunction(a)?a({$pulldown:t}):a:"",_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(h),h),"is--shadow",r),"is--transfer",m),"ani--leave",p),"ani--enter",f)],attrs:{placement:i},style:v},d?[e("div",{class:"vxe-pulldown--panel-wrapper"},!d||u&&!f&&!p?[]:[P?e("div",{class:"vxe-pulldown--panel-header"},P({$pulldown:t})):(0,_ui.renderEmptyElement)(t),e("div",{class:"vxe-pulldown--panel-body"},n?n({$pulldown:t}):[t.renderDefaultPanel(e,o)]),w?e("div",{class:"vxe-pulldown--panel-footer"},w({$pulldown:t})):(0,_ui.renderEmptyElement)(t)])]:[])])}},watch:{value:function(e){e?this.showPanel():this.hidePanel()}},created:function(){var e=this;_ui.globalEvents.on(e,"mousewheel",e.handleGlobalMousewheelEvent),_ui.globalEvents.on(e,"mousedown",e.handleGlobalMousedownEvent),_ui.globalEvents.on(e,"blur",e.handleGlobalBlurEvent)},beforeDestroy:function(){var e=this.$refs.refPulldownPanel;e&&e.parentNode&&e.parentNode.removeChild(e),_ui.globalEvents.off(this,"mousewheel"),_ui.globalEvents.off(this,"mousedown"),_ui.globalEvents.off(this,"blur")},render:function(e){return this.renderVN(e)}});

package/lib/radio/src/button.js

@@ -102,6 +102,11 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
         $radioButton: $xeRadioButton
       }, params));
     },
+    emitModel: function emitModel(value) {
+      var $xeRadioButton = this;
+      $xeRadioButton.$emit('input', value);
+      $xeRadioButton.$emit('modelValue', value);
+    },
     handleValue: function handleValue(label, evnt) {
       var $xeRadioButton = this;
       var $xeForm = $xeRadioButton.$xeForm;
@@ -112,8 +117,7 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
           label: label
         }, evnt);
       } else {
-        $xeRadioButton.$emit('input', label);
-        $xeRadioButton.$emit('modelValue', label);
+        $xeRadioButton.emitModel(label);
         $xeRadioButton.dispatchEvent('change', {
           label: label
         }, evnt);

package/lib/radio/src/button.min.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_utils=require("../../ui/src/utils"),_ui=require("../../ui");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}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)}function _defineProperty(e,t,i){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}function _toPropertyKey(e){e=_toPrimitive(e,"string");return"symbol"==_typeof(e)?e:e+""}function _toPrimitive(e,t){if("object"!=_typeof(e)||!e)return e;var i=e[Symbol.toPrimitive];if(void 0===i)return("string"===t?String:Number)(e);i=i.call(e,t||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeRadioButton",mixins:[_ui.globalMixins.sizeMixin,_ui.globalMixins.permissionMixin],props:{value:[String,Number,Boolean],label:{type:[String,Number,Boolean],default:null},title:[String,Number],content:[String,Number],disabled:{type:Boolean,default:null},strict:{type:Boolean,default:function(){return(0,_ui.getConfig)().radioButton.strict}},size:{type:String,default:function(){return(0,_ui.getConfig)().radioButton.size||(0,_ui.getConfig)().size}}},inject:{$xeForm:{default:null},formItemInfo:{from:"xeFormItemInfo",default:null},$xeRadioGroup:{default:null}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{}}},computed:Object.assign(Object.assign({},{}),{computeIsDisabled:function(){var e=this.$xeRadioGroup,t=this.disabled;if(null===t&&e)return e.computeIsDisabled;return t},computeName:function(){var e=this.$xeRadioGroup;return e?e.name:null},computeStrict:function(){var e=this.$xeRadioGroup;return(e||this).strict},computeChecked:function(){var e=this.$xeRadioGroup,t=this.label;return e?e.value===t:this.value===t}}),methods:{dispatchEvent:function(e,t,i){this.$emit(e,(0,_ui.createEvent)(i,{$radioButton:this},t))},handleValue:function(e,t){var i=this,n=i.$xeForm,o=i.$xeRadioGroup,r=i.formItemInfo;o?o.handleChecked({label:e},t):(i.$emit("input",e),i.$emit("modelValue",e),i.dispatchEvent("change",{label:e},t),n&&r&&n.triggerItemEvent(t,r.itemConfig.field,e))},changeEvent:function(e){var t=this;t.computeIsDisabled||t.handleValue(t.label,e)},clickEvent:function(e){var t=this,i=t.$xeRadioGroup;t.computeIsDisabled||t.computeStrict||t.label===(i||t).value&&t.handleValue(null,e)},renderVN:function(e){var t=this,i=t,n=t.$scopedSlots,o=t.computeSize,r=t.computeIsDisabled,u=t.computeName,l=t.computeChecked;return e("label",{class:["vxe-radio","vxe-radio-button",_defineProperty(_defineProperty({},"size--".concat(o),o),"is--disabled",r)],attrs:{title:i.title}},[e("input",{class:"vxe-radio--input",domProps:{checked:l},attrs:{type:"radio",name:u,disabled:r},on:{change:t.changeEvent,click:t.clickEvent}}),e("span",{class:"vxe-radio--label"},n.default?n.default({}):(0,_utils.getFuncText)(i.content))])}},render:function(e){return this.renderVN(e)}});
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_utils=require("../../ui/src/utils"),_ui=require("../../ui");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}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)}function _defineProperty(e,t,i){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}function _toPropertyKey(e){e=_toPrimitive(e,"string");return"symbol"==_typeof(e)?e:e+""}function _toPrimitive(e,t){if("object"!=_typeof(e)||!e)return e;var i=e[Symbol.toPrimitive];if(void 0===i)return("string"===t?String:Number)(e);i=i.call(e,t||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeRadioButton",mixins:[_ui.globalMixins.sizeMixin,_ui.globalMixins.permissionMixin],props:{value:[String,Number,Boolean],label:{type:[String,Number,Boolean],default:null},title:[String,Number],content:[String,Number],disabled:{type:Boolean,default:null},strict:{type:Boolean,default:function(){return(0,_ui.getConfig)().radioButton.strict}},size:{type:String,default:function(){return(0,_ui.getConfig)().radioButton.size||(0,_ui.getConfig)().size}}},inject:{$xeForm:{default:null},formItemInfo:{from:"xeFormItemInfo",default:null},$xeRadioGroup:{default:null}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{}}},computed:Object.assign(Object.assign({},{}),{computeIsDisabled:function(){var e=this.$xeRadioGroup,t=this.disabled;if(null===t&&e)return e.computeIsDisabled;return t},computeName:function(){var e=this.$xeRadioGroup;return e?e.name:null},computeStrict:function(){var e=this.$xeRadioGroup;return(e||this).strict},computeChecked:function(){var e=this.$xeRadioGroup,t=this.label;return e?e.value===t:this.value===t}}),methods:{dispatchEvent:function(e,t,i){this.$emit(e,(0,_ui.createEvent)(i,{$radioButton:this},t))},emitModel:function(e){this.$emit("input",e),this.$emit("modelValue",e)},handleValue:function(e,t){var i=this,o=i.$xeForm,n=i.$xeRadioGroup,r=i.formItemInfo;n?n.handleChecked({label:e},t):(i.emitModel(e),i.dispatchEvent("change",{label:e},t),o&&r&&o.triggerItemEvent(t,r.itemConfig.field,e))},changeEvent:function(e){var t=this;t.computeIsDisabled||t.handleValue(t.label,e)},clickEvent:function(e){var t=this,i=t.$xeRadioGroup;t.computeIsDisabled||t.computeStrict||t.label===(i||t).value&&t.handleValue(null,e)},renderVN:function(e){var t=this,i=t,o=t.$scopedSlots,n=t.computeSize,r=t.computeIsDisabled,u=t.computeName,l=t.computeChecked;return e("label",{class:["vxe-radio","vxe-radio-button",_defineProperty(_defineProperty({},"size--".concat(n),n),"is--disabled",r)],attrs:{title:i.title}},[e("input",{class:"vxe-radio--input",domProps:{checked:l},attrs:{type:"radio",name:u,disabled:r},on:{change:t.changeEvent,click:t.clickEvent}}),e("span",{class:"vxe-radio--label"},o.default?o.default({}):(0,_utils.getFuncText)(i.content))])}},render:function(e){return this.renderVN(e)}});

package/lib/radio/src/group.js

@@ -103,13 +103,17 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
         $radioGroup: $xeRadioGroup
       }, params));
     },
+    emitModel: function emitModel(value) {
+      var $xeRadioGroup = this;
+      $xeRadioGroup.$emit('input', value);
+      $xeRadioGroup.$emit('modelValue', value);
+    },
     handleChecked: function handleChecked(params, evnt) {
       var $xeRadioGroup = this;
       var $xeForm = $xeRadioGroup.$xeForm;
       var formItemInfo = $xeRadioGroup.formItemInfo;
       var value = params.label;
-      $xeRadioGroup.$emit('input', value);
-      $xeRadioGroup.$emit('modelValue', value);
+      $xeRadioGroup.emitModel(value);
       $xeRadioGroup.dispatchEvent('change', params, evnt);
       // 自动更新校验状态
       if ($xeForm && formItemInfo) {

package/lib/radio/src/group.min.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_radio=_interopRequireDefault(require("./radio")),_button=_interopRequireDefault(require("./button"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeRadioGroup",mixins:[_ui.globalMixins.sizeMixin,_ui.globalMixins.permissionMixin],props:{value:[String,Number,Boolean],disabled:{type:Boolean,default:null},type:String,options:Array,optionProps:Object,strict:{type:Boolean,default:function(){return(0,_ui.getConfig)().radioGroup.strict}},size:{type:String,default:function(){return(0,_ui.getConfig)().radioGroup.size||(0,_ui.getConfig)().size}}},inject:{$xeForm:{default:null},formItemInfo:{from:"xeFormItemInfo",default:null}},provide:function(){return{$xeRadioGroup:this}},data:function(){return{xID:_xeUtils.default.uniqueId(),name:_xeUtils.default.uniqueId("xe_group_"),reactData:{}}},computed:Object.assign(Object.assign({},{}),{computeIsDisabled:function(){var e=this.$xeForm,t=this.disabled;return null===t?!!e&&(e.readonly||e.disabled):t},computePropsOpts:function(){return Object.assign({},this.optionProps)},computeLabelField:function(){return this.computePropsOpts.label||"label"},computeValueField:function(){return this.computePropsOpts.value||"value"},computeDisabledField:function(){return this.computePropsOpts.disabled||"disabled"}}),methods:{dispatchEvent:function(e,t,i){this.$emit(e,(0,_ui.createEvent)(i,{$radioGroup:this},t))},handleChecked:function(e,t){var i=this,o=i.$xeForm,u=i.formItemInfo,r=e.label;i.$emit("input",r),i.$emit("modelValue",r),i.dispatchEvent("change",e,t),o&&u&&o.triggerItemEvent(t,u.itemConfig.field,r)},renderVN:function(t){var e=this,i=e.$scopedSlots,o=e.options,i=i.default,u=e.computeValueField,r=e.computeLabelField,n=e.computeDisabledField,a=("button"===e.type?_button:_radio).default;return t("div",{class:"vxe-radio-group"},i?i({}):o?o.map(function(e){return t(a,{props:{label:e[u],content:e[r],disabled:e[n]}})}):[])}},render:function(e){return this.renderVN(e)}});
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_radio=_interopRequireDefault(require("./radio")),_button=_interopRequireDefault(require("./button"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeRadioGroup",mixins:[_ui.globalMixins.sizeMixin,_ui.globalMixins.permissionMixin],props:{value:[String,Number,Boolean],disabled:{type:Boolean,default:null},type:String,options:Array,optionProps:Object,strict:{type:Boolean,default:function(){return(0,_ui.getConfig)().radioGroup.strict}},size:{type:String,default:function(){return(0,_ui.getConfig)().radioGroup.size||(0,_ui.getConfig)().size}}},inject:{$xeForm:{default:null},formItemInfo:{from:"xeFormItemInfo",default:null}},provide:function(){return{$xeRadioGroup:this}},data:function(){return{xID:_xeUtils.default.uniqueId(),name:_xeUtils.default.uniqueId("xe_group_"),reactData:{}}},computed:Object.assign(Object.assign({},{}),{computeIsDisabled:function(){var e=this.$xeForm,t=this.disabled;return null===t?!!e&&(e.readonly||e.disabled):t},computePropsOpts:function(){return Object.assign({},this.optionProps)},computeLabelField:function(){return this.computePropsOpts.label||"label"},computeValueField:function(){return this.computePropsOpts.value||"value"},computeDisabledField:function(){return this.computePropsOpts.disabled||"disabled"}}),methods:{dispatchEvent:function(e,t,i){this.$emit(e,(0,_ui.createEvent)(i,{$radioGroup:this},t))},emitModel:function(e){this.$emit("input",e),this.$emit("modelValue",e)},handleChecked:function(e,t){var i=this,o=i.$xeForm,u=i.formItemInfo,n=e.label;i.emitModel(n),i.dispatchEvent("change",e,t),o&&u&&o.triggerItemEvent(t,u.itemConfig.field,n)},renderVN:function(t){var e=this,i=e.$scopedSlots,o=e.options,i=i.default,u=e.computeValueField,n=e.computeLabelField,r=e.computeDisabledField,l=("button"===e.type?_button:_radio).default;return t("div",{class:"vxe-radio-group"},i?i({}):o?o.map(function(e){return t(l,{props:{label:e[u],content:e[n],disabled:e[r]}})}):[])}},render:function(e){return this.renderVN(e)}});

package/lib/radio/src/radio.js

@@ -104,6 +104,11 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
         $radio: $xeRadio
       }, params));
     },
+    emitModel: function emitModel(value) {
+      var $xeRadio = this;
+      $xeRadio.$emit('input', value);
+      $xeRadio.$emit('modelValue', value);
+    },
     handleValue: function handleValue(label, evnt) {
       var $xeRadio = this;
       var formItemInfo = $xeRadio.formItemInfo;
@@ -114,8 +119,7 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
           label: label
         }, evnt);
       } else {
-        $xeRadio.$emit('input', label);
-        $xeRadio.$emit('modelValue', label);
+        $xeRadio.emitModel(label);
         $xeRadio.dispatchEvent('change', {
           label: label
         }, evnt);

package/lib/radio/src/radio.min.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_utils=require("../../ui/src/utils"),_ui=require("../../ui");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}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)}function _defineProperty(e,t,i){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}function _toPropertyKey(e){e=_toPrimitive(e,"string");return"symbol"==_typeof(e)?e:e+""}function _toPrimitive(e,t){if("object"!=_typeof(e)||!e)return e;var i=e[Symbol.toPrimitive];if(void 0===i)return("string"===t?String:Number)(e);i=i.call(e,t||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeRadio",mixins:[_ui.globalMixins.sizeMixin,_ui.globalMixins.permissionMixin],props:{value:[String,Number,Boolean],label:{type:[String,Number,Boolean],default:null},title:[String,Number],content:[String,Number],disabled:{type:Boolean,default:null},name:String,strict:{type:Boolean,default:function(){return(0,_ui.getConfig)().radio.strict}},size:{type:String,default:function(){return(0,_ui.getConfig)().radio.size||(0,_ui.getConfig)().size}}},inject:{$xeForm:{default:null},formItemInfo:{from:"xeFormItemInfo",default:null},$xeRadioGroup:{default:null}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{}}},computed:Object.assign(Object.assign({},{}),{computeIsDisabled:function(){var e=this.$xeRadioGroup,t=this.disabled;if(null===t&&e)return e.computeIsDisabled;return t},computeName:function(){var e=this.$xeRadioGroup;return(e||this).name},computeStrict:function(){var e=this.$xeRadioGroup;return(e||this).strict},computeChecked:function(){var e=this.$xeRadioGroup,t=this.label;return e?e.value===t:this===t}}),methods:{dispatchEvent:function(e,t,i){this.$emit(e,(0,_ui.createEvent)(i,{$radio:this},t))},handleValue:function(e,t){var i=this,r=i.formItemInfo,n=i.$xeForm,o=i.$xeRadioGroup;o?o.handleChecked({label:e},t):(i.$emit("input",e),i.$emit("modelValue",e),i.dispatchEvent("change",{label:e},t),n&&r&&n.triggerItemEvent(t,r.itemConfig.field,e))},changeEvent:function(e){var t=this;t.computeIsDisabled||t.handleValue(t.label,e)},clickEvent:function(e){var t=this,i=t.$xeRadioGroup;t.computeIsDisabled||t.computeStrict||t.label===(i||t).value&&t.handleValue(null,e)},renderVN:function(e){var t=this,i=t,r=t.$scopedSlots,n=t.computeSize,o=t.computeIsDisabled,u=t.computeName,a=t.computeChecked;return e("label",{class:["vxe-radio",_defineProperty(_defineProperty(_defineProperty({},"size--".concat(n),n),"is--checked",a),"is--disabled",o)],attrs:{title:i.title}},[e("input",{class:"vxe-radio--input",domProps:{checked:a},attrs:{type:"radio",name:u,disabled:o},on:{change:t.changeEvent,click:t.clickEvent}}),e("span",{class:["vxe-radio--icon",a?(0,_ui.getIcon)().RADIO_CHECKED:(0,_ui.getIcon)().RADIO_UNCHECKED]}),e("span",{class:"vxe-radio--label"},r.default?r.default({}):(0,_utils.getFuncText)(i.content))])}},render:function(e){return this.renderVN(e)}});
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_utils=require("../../ui/src/utils"),_ui=require("../../ui");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}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)}function _defineProperty(e,t,i){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}function _toPropertyKey(e){e=_toPrimitive(e,"string");return"symbol"==_typeof(e)?e:e+""}function _toPrimitive(e,t){if("object"!=_typeof(e)||!e)return e;var i=e[Symbol.toPrimitive];if(void 0===i)return("string"===t?String:Number)(e);i=i.call(e,t||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeRadio",mixins:[_ui.globalMixins.sizeMixin,_ui.globalMixins.permissionMixin],props:{value:[String,Number,Boolean],label:{type:[String,Number,Boolean],default:null},title:[String,Number],content:[String,Number],disabled:{type:Boolean,default:null},name:String,strict:{type:Boolean,default:function(){return(0,_ui.getConfig)().radio.strict}},size:{type:String,default:function(){return(0,_ui.getConfig)().radio.size||(0,_ui.getConfig)().size}}},inject:{$xeForm:{default:null},formItemInfo:{from:"xeFormItemInfo",default:null},$xeRadioGroup:{default:null}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{}}},computed:Object.assign(Object.assign({},{}),{computeIsDisabled:function(){var e=this.$xeRadioGroup,t=this.disabled;if(null===t&&e)return e.computeIsDisabled;return t},computeName:function(){var e=this.$xeRadioGroup;return(e||this).name},computeStrict:function(){var e=this.$xeRadioGroup;return(e||this).strict},computeChecked:function(){var e=this.$xeRadioGroup,t=this.label;return e?e.value===t:this===t}}),methods:{dispatchEvent:function(e,t,i){this.$emit(e,(0,_ui.createEvent)(i,{$radio:this},t))},emitModel:function(e){this.$emit("input",e),this.$emit("modelValue",e)},handleValue:function(e,t){var i=this,n=i.formItemInfo,o=i.$xeForm,r=i.$xeRadioGroup;r?r.handleChecked({label:e},t):(i.emitModel(e),i.dispatchEvent("change",{label:e},t),o&&n&&o.triggerItemEvent(t,n.itemConfig.field,e))},changeEvent:function(e){var t=this;t.computeIsDisabled||t.handleValue(t.label,e)},clickEvent:function(e){var t=this,i=t.$xeRadioGroup;t.computeIsDisabled||t.computeStrict||t.label===(i||t).value&&t.handleValue(null,e)},renderVN:function(e){var t=this,i=t,n=t.$scopedSlots,o=t.computeSize,r=t.computeIsDisabled,u=t.computeName,a=t.computeChecked;return e("label",{class:["vxe-radio",_defineProperty(_defineProperty(_defineProperty({},"size--".concat(o),o),"is--checked",a),"is--disabled",r)],attrs:{title:i.title}},[e("input",{class:"vxe-radio--input",domProps:{checked:a},attrs:{type:"radio",name:u,disabled:r},on:{change:t.changeEvent,click:t.clickEvent}}),e("span",{class:["vxe-radio--icon",a?(0,_ui.getIcon)().RADIO_CHECKED:(0,_ui.getIcon)().RADIO_UNCHECKED]}),e("span",{class:"vxe-radio--label"},n.default?n.default({}):(0,_utils.getFuncText)(i.content))])}},render:function(e){return this.renderVN(e)}});

package/lib/select/src/select.js

@@ -297,6 +297,10 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
         $select: $xeSelect
       }, params));
     },
+    emitModel: function emitModel(value) {
+      var $xeSelect = this;
+      $xeSelect.$emit('modelValue', value);
+    },
     isPanelVisible: function isPanelVisible() {
       var $xeSelect = this;
       var reactData = $xeSelect.reactData;
@@ -640,6 +644,13 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
         }
         if (!reactData.initialized) {
           reactData.initialized = true;
+          var btnTransfer = $xeSelect.computeBtnTransfer;
+          var panelElem = $xeSelect.$refs.refOptionPanel;
+          if (btnTransfer) {
+            if (panelElem) {
+              document.body.appendChild(panelElem);
+            }
+          }
         }
         reactData.isActivated = true;
         reactData.isAniVisible = true;
@@ -676,8 +687,8 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
       var props = $xeSelect;
       var $xeForm = $xeSelect.$xeForm;
       var formItemInfo = $xeSelect.formItemInfo;
+      $xeSelect.emitModel(selectValue);
       if (selectValue !== props.value) {
-        $xeSelect.$emit('modelValue', selectValue);
         $xeSelect.dispatchEvent('change', {
           value: selectValue
         }, evnt);
@@ -1304,6 +1315,10 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
   },
   beforeDestroy: function beforeDestroy() {
     var $xeSelect = this;
+    var panelElem = $xeSelect.$refs.refOptionPanel;
+    if (panelElem && panelElem.parentNode) {
+      panelElem.parentNode.removeChild(panelElem);
+    }
     _ui.globalEvents.off($xeSelect, 'mousewheel');
     _ui.globalEvents.off($xeSelect, 'mousedown');
     _ui.globalEvents.off($xeSelect, 'keydown');

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

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils"),_input=_interopRequireDefault(require("../../input/src/input")),_vn=require("../../ui/src/vn");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}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)}function _defineProperty(e,t,i){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}function _toPropertyKey(e){e=_toPrimitive(e,"string");return"symbol"==_typeof(e)?e:e+""}function _toPrimitive(e,t){if("object"!=_typeof(e)||!e)return e;var i=e[Symbol.toPrimitive];if(void 0===i)return("string"===t?String:Number)(e);i=i.call(e,t||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}function isOptionVisible(e){return!1!==e.visible}function getOptUniqueId(){return _xeUtils.default.uniqueId("opt_")}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeSelect",mixins:[_ui.globalMixins.sizeMixin],model:{prop:"value",event:"modelValue"},props:{value:[String,Number,Boolean,Array],clearable:Boolean,placeholder:String,readonly:{type:Boolean,default:null},loading:Boolean,disabled:{type:Boolean,default:null},multiple:Boolean,multiCharOverflow:{type:[Number,String],default:function(){return(0,_ui.getConfig)().select.multiCharOverflow}},prefixIcon:String,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:function(){return(0,_ui.getConfig)().select.size||(0,_ui.getConfig)().size}},filterable:Boolean,filterMethod:Function,remote:Boolean,remoteMethod:Function,emptyText:String,transfer:{type:Boolean,default:null},optionId:{type:String,default:function(){return(0,_ui.getConfig)().select.optionId}},optionKey:Boolean},inject:{$xeModal:{default:null},$xeDrawer:{default:null},$xeTable:{default:null},$xeForm:{default:null},formItemInfo:{from:"xeFormItemInfo",default:null}},provide:function(){return{$xeSelect:this}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{initialized:!1,staticOptions:[],fullGroupList:[],fullOptionList:[],visibleGroupList:[],visibleOptionList:[],remoteValueList:[],panelIndex:0,panelStyle:{},panelPlacement:null,currentOption:null,currentValue:null,triggerFocusPanel:!1,visiblePanel:!1,isAniVisible:!1,isActivated:!1,searchValue:"",searchLoading:!1},internalData:{hpTimeout:void 0}}},computed:Object.assign(Object.assign({},{}),{computeFormReadonly:function(){var e=this.$xeForm,t=this.readonly;return null===t?!!e&&e.readonly:t},computeIsDisabled:function(){var e=this.$xeForm,t=this.disabled;return null===t?!!e&&e.disabled:t},computeBtnTransfer:function(){var e=this,t=e.$xeTable,i=e.$xeModal,n=e.$xeDrawer,o=e.$xeForm,e=e.transfer;if(null===e){var l=(0,_ui.getConfig)().select.transfer;if(_xeUtils.default.isBoolean(l))return l;if(t||i||n||o)return!0}return e},computeInpPlaceholder:function(){var e=this.placeholder;return(e=e||(0,_ui.getConfig)().select.placeholder)?(0,_utils.getFuncText)(e):(0,_ui.getI18n)("vxe.base.pleaseSelect")},computePropsOpts:function(){return Object.assign({},this.optionProps)},computeGroupPropsOpts:function(){return Object.assign({},this.optionGroupProps)},computeLabelField:function(){return this.computePropsOpts.label||"label"},computeValueField:function(){return this.computePropsOpts.value||"value"},computeGroupLabelField:function(){return this.computeGroupPropsOpts.label||"label"},computeGroupOptionsField:function(){return this.computeGroupPropsOpts.options||"options"},computeIsMaximize:function(){var e=this.value,t=this.multiple,i=this.max;return!(!t||!i)&&(_xeUtils.default.isArray(e)?e.length:_xeUtils.default.eqNull(e)?0:1)>=_xeUtils.default.toNumber(i)},computeOptionOpts:function(){return Object.assign({},(0,_ui.getConfig)().select.optionConfig,this.optionConfig)},computeIsGroup:function(){return this.reactData.fullGroupList.some(function(e){return e.options&&e.options.length})},computeMultiMaxCharNum:function(){return _xeUtils.default.toNumber(this.multiCharOverflow)},computeSelectLabel:function(){var e,t=this,i=t.value,n=t.remote,o=t.computeMultiMaxCharNum;return i&&t.multiple?(e=_xeUtils.default.isArray(i)?i:[i],(n?e.map(function(e){return t.getRemoteSelectLabel(e)}):e.map(function(e){e=t.getSelectLabel(e);return 0<o&&e.length>o?"".concat(e.substring(0,o),"..."):e})).join(", ")):n?t.getRemoteSelectLabel(i):t.getSelectLabel(i)}}),methods:{dispatchEvent:function(e,t,i){this.$emit(e,(0,_ui.createEvent)(i,{$select:this},t))},isPanelVisible:function(){return this.reactData.visiblePanel},togglePanel:function(){return this.reactData.visiblePanel?this.hideOptionPanel():this.showOptionPanel(),this.$nextTick()},hidePanel:function(){return this.reactData.visiblePanel&&this.hideOptionPanel(),this.$nextTick()},showPanel:function(){return this.reactData.visiblePanel||this.showOptionPanel(),this.$nextTick()},focus:function(){var e=this.reactData,t=this.$refs.refInput;return e.isActivated=!0,t.blur(),this.$nextTick()},blur:function(){var e=this.reactData;return this.$refs.refInput.blur(),e.isActivated=!1,this.$nextTick()},callSlot:function(e,t){var i=this.$scopedSlots;return e&&(_xeUtils.default.isString(e)&&(e=i[e]||null),_xeUtils.default.isFunction(e))?(0,_vn.getSlotVNs)(e(t)):[]},findOption:function(t){var e=this.reactData,i=e.fullOptionList,n=e.fullGroupList,e=this.computeIsGroup,o=this.computeValueField;if(e)for(var l=0;l<n.length;l++){var r=n[l];if(r.options)for(var a=0;a<r.options.length;a++){var s=r.options[a];if(t===s[o])return s}}return i.find(function(e){return t===e[o]})},findVisibleOption:function(t){var e=this.reactData,i=e.visibleOptionList,n=e.visibleGroupList,e=this.computeIsGroup,o=this.computeValueField;if(e)for(var l=0;l<n.length;l++){var r=n[l];if(r.options)for(var a=0;a<r.options.length;a++){var s=r.options[a];if(t===s[o])return s}}return i.find(function(e){return t===e[o]})},getRemoteSelectLabel:function(t){var e=this.reactData.remoteValueList,i=this.computeLabelField,e=e.find(function(e){return t===e.key}),e=e?e.result:null;return _xeUtils.default.toValueString(e?e[i]:t)},getSelectLabel:function(e){var t=this.computeLabelField,i=this.findOption(e);return _xeUtils.default.toValueString(i?i[t]:e)},getOptkey:function(){return this.computeOptionOpts.keyField||this.optionId||"_X_OPTION_KEY"},getOptid:function(e){e=e[this.getOptkey()];return e?encodeURIComponent(e):""},refreshOption:function(){var e=this,t=e.reactData,i=e.filterable,n=e.filterMethod,o=t.fullOptionList,l=t.fullGroupList,r=e.computeIsGroup,a=e.computeGroupLabelField,s=e.computeLabelField,u="".concat(t.searchValue||"").toLowerCase();return r?t.visibleGroupList=i&&n?l.filter(function(e){return isOptionVisible(e)&&n({group:e,option:null,searchValue:u})}):i?l.filter(function(e){return isOptionVisible(e)&&(!u||-1<"".concat(e[a]).toLowerCase().indexOf(u))}):l.filter(isOptionVisible):t.visibleOptionList=i&&n?o.filter(function(e){return isOptionVisible(e)&&n({group:null,option:e,searchValue:u})}):i?o.filter(function(e){return isOptionVisible(e)&&(!u||-1<"".concat(e[s]).toLowerCase().indexOf(u))}):o.filter(isOptionVisible),e.$nextTick()},cacheItemMap:function(){function t(e){i.getOptid(e)||(e[l]=getOptUniqueId())}var i=this,e=i.reactData,n=e.fullOptionList,e=e.fullGroupList,o=i.computeGroupOptionsField,l=i.getOptkey();e.length?e.forEach(function(e){t(e),e[o]&&e[o].forEach(t)}):n.length&&n.forEach(t),i.refreshOption()},setCurrentOption:function(e){var t=this.reactData,i=this.computeValueField;e&&(t.currentOption=e,t.currentValue=e[i])},scrollToOption:function(n,o){var l=this;return l.$nextTick().then(function(){var e,t,i;n&&(e=l.$refs.refOptionWrapper,t=l.$refs.refOptionPanel.querySelector("[optid='".concat(l.getOptid(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))})},updateZindex:function(){var e=this.reactData;e.panelIndex<(0,_utils.getLastZIndex)()&&(e.panelIndex=(0,_utils.nextZIndex)())},updatePlacement:function(){var f=this,d=f,h=f.reactData;return f.$nextTick().then(function(){var e,t,i,n,o,l,r,a=d.placement,s=h.panelIndex,u=f.$refs.refElem,c=f.$refs.refOptionPanel,p=f.computeBtnTransfer;if(c&&u)return e=u.offsetHeight,t=u.offsetWidth,i=c.offsetHeight,c=c.offsetWidth,s={zIndex:s},n=(u=(0,_dom.getAbsolutePos)(u)).boundingTop,o=u.visibleHeight,l=u.visibleWidth,r="bottom",p?(p=n+e,"top"===a?(r="top",p=n-i):a||(o<p+i+5&&(r="top",p=n-i),p<5&&(r="bottom",p=n+e)),l<(u=u.boundingLeft)+c+5&&(u-=u+c+5-l),u<5&&(u=5),Object.assign(s,{left:"".concat(u,"px"),top:"".concat(p,"px"),minWidth:"".concat(t,"px")})):"top"===a?(r="top",s.bottom="".concat(e,"px")):a||o<n+e+i&&5<n-e-i&&(r="top",s.bottom="".concat(e,"px")),h.panelStyle=s,h.panelPlacement=r,f.$nextTick()})},showOptionPanel:function(){var t=this,i=t,n=t.reactData,e=t.internalData,o=i.loading,l=i.filterable,r=e.hpTimeout;o||t.computeIsDisabled||(r&&(clearTimeout(r),e.hpTimeout=void 0),n.initialized||(n.initialized=!0),n.isActivated=!0,n.isAniVisible=!0,l&&t.refreshOption(),setTimeout(function(){var e=i.value,e=t.findOption(_xeUtils.default.isArray(e)?e[0]:e);n.visiblePanel=!0,e&&(t.setCurrentOption(e),t.scrollToOption(e)),t.handleFocusSearch()},10),t.updateZindex(),t.updatePlacement())},hideOptionPanel:function(){var e=this.reactData,t=this.internalData;e.searchValue="",e.searchLoading=!1,e.visiblePanel=!1,t.hpTimeout=window.setTimeout(function(){e.isAniVisible=!1},350)},changeEvent:function(e,t){var i=this,n=i.$xeForm,o=i.formItemInfo;t!==i.value&&(i.$emit("modelValue",t),i.dispatchEvent("change",{value:t},e),n)&&o&&n.triggerItemEvent(e,o.itemConfig.field,t)},clearValueEvent:function(e,t){this.reactData.remoteValueList=[],this.changeEvent(e,t),this.dispatchEvent("clear",{value:t},e)},clearEvent:function(e,t){this.clearValueEvent(t,null),this.hideOptionPanel()},changeOptionEvent:function(e,t,i){var n,o=this,l=o.reactData,r=o.value,a=l.remoteValueList;o.multiple?(n=[],r=_xeUtils.default.eqNull(r)?[]:_xeUtils.default.isArray(r)?r:[r],n=-1===_xeUtils.default.findIndexOf(r,function(e){return e===t})?r.concat([t]):r.filter(function(e){return e!==t}),(r=a.find(function(e){return e.key===t}))?r.result=i:a.push({key:t,result:i}),o.changeEvent(e,n)):(l.remoteValueList=[{key:t,result:i}],o.changeEvent(e,t),o.hideOptionPanel())},handleGlobalMousewheelEvent:function(e){var t=this,i=t.reactData.visiblePanel;t.computeIsDisabled||i&&(i=t.$refs.refOptionPanel,(0,_dom.getEventTargetNode)(e,i).flag?t.updatePlacement():t.hideOptionPanel())},handleGlobalMousedownEvent:function(e){var t,i,n=this,o=n.reactData,l=o.visiblePanel;n.computeIsDisabled||(t=n.$refs.refElem,i=n.$refs.refOptionPanel,o.isActivated=(0,_dom.getEventTargetNode)(e,t).flag||(0,_dom.getEventTargetNode)(e,i).flag,l&&!o.isActivated&&n.hideOptionPanel())},findOffsetOption:function(e,t){var i,n,o,l,r=this.reactData,a=r.visibleOptionList,s=r.visibleGroupList,r=this.computeIsGroup,u=this.computeValueField,c=this.computeGroupOptionsField;if(r)for(var p=0;p<s.length;p++){var f=s[p],d=f[c],h=f.disabled;if(d)for(var v=0;v<d.length;v++){var m=d[v],g=isOptionVisible(m),b=h||m.disabled;if(i||b||(i=m),l&&g&&!b&&(o=m,!t))return{offsetOption:o};if(e===m[u]){if(l=m,t)return{offsetOption:n}}else g&&!b&&(n=m)}}else for(var O=0;O<a.length;O++){var _=a[O],x=_.disabled;if(i||x||(i=_),l&&!x&&(o=_,!t))return{offsetOption:o};if(e===_[u]){if(l=_,t)return{offsetOption:n}}else x||(n=_)}return{firstOption:i}},handleGlobalKeydownEvent:function(e){var t,i,n,o,l,r,a,s=this,u=s.reactData,c=s.clearable,p=u.visiblePanel,f=u.currentValue,d=u.currentOption;s.computeIsDisabled||(a=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.TAB),t=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ENTER),r=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ESCAPE),i=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ARROW_UP),n=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ARROW_DOWN),o=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.DELETE),l=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.SPACEBAR),a&&(u.isActivated=!1),p?r||a?s.hideOptionPanel():t?(e.preventDefault(),e.stopPropagation(),s.changeOptionEvent(e,f,d)):i||n?(e.preventDefault(),r=(p=s.findOffsetOption(f,i)).firstOption,(a=p.offsetOption)||s.findVisibleOption(f)||(a=r),s.setCurrentOption(a),s.scrollToOption(a,n)):l&&e.preventDefault():(i||n||t||l)&&u.isActivated&&(e.preventDefault(),s.showOptionPanel()),u.isActivated&&o&&c&&s.clearValueEvent(e,null))},handleGlobalBlurEvent:function(){this.hideOptionPanel()},handleFocusSearch:function(){var t=this;t.filterable&&t.$nextTick(function(){var e=t.$refs.refInpSearch;e&&e.focus()})},focusEvent:function(e){var t=this.reactData;this.computeIsDisabled||t.visiblePanel||(t.triggerFocusPanel=!0,this.showOptionPanel(),setTimeout(function(){t.triggerFocusPanel=!1},150)),this.dispatchEvent("focus",{},e)},clickEvent:function(e){this.togglePanelEvent(e),this.dispatchEvent("click",{},e)},blurEvent:function(e){this.reactData.isActivated=!1,this.dispatchEvent("blur",{},e)},modelSearchEvent:function(e){this.reactData.searchValue=e},focusSearchEvent:function(){this.reactData.isActivated=!0},handleSearchEvent:function(){var e=this,t=e.reactData,i=e.remote,n=e.remoteMethod,o=t.searchValue;i&&n?(t.searchLoading=!0,Promise.resolve(n({searchValue:o})).then(function(){return e.$nextTick()}).catch(function(){return e.$nextTick()}).finally(function(){t.searchLoading=!1,e.refreshOption()})):e.refreshOption()},triggerSearchEvent:_xeUtils.default.debounce(function(){this.handleSearchEvent()},350,{trailing:!0}),togglePanelEvent:function(e){var t=this.reactData;e.$event.preventDefault(),t.triggerFocusPanel?t.triggerFocusPanel=!1:t.visiblePanel?this.hideOptionPanel():this.showOptionPanel()},checkOptionDisabled:function(e,t,i){return!!t.disabled||!(!i||!i.disabled)||!(!this.computeIsMaximize||e)},renderOption:function(c,e,p){var f=this,t=f.$scopedSlots,d=f.optionKey,h=f.value,v=f.reactData.currentValue,m=f.computeLabelField,g=f.computeValueField,b=f.computeIsGroup,O=f.computeOptionOpts.useKey,_=t.option;return e.map(function(t,e){var i=t.slots,n=t.className,o=t[g],l=_xeUtils.default.isArray(h)?-1<h.indexOf(o):h===o,r=!b||isOptionVisible(t),a=f.checkOptionDisabled(l,t,p),s=f.getOptid(t),i=i?i.default:null,u={option:t,group:null,$select:f};return r?c("div",{key:O||d?s:e,class:["vxe-select-option",n?_xeUtils.default.isFunction(n)?n(u):n:"",{"is--disabled":a,"is--selected":l,"is--hover":v===o}],attrs:{optid:s},on:{mousedown:function(e){0===e.button&&e.stopPropagation()},click:function(e){a||f.changeOptionEvent(e,o,t)},mouseenter:function(){a||f.setCurrentOption(t)}}},_?f.callSlot(_,u):i?f.callSlot(i,u):(0,_utils.getFuncText)(t[m])):(0,_ui.renderEmptyElement)(f)})},renderOptgroup:function(a){var s=this,e=s.$scopedSlots,u=s.optionKey,t=s.reactData.visibleGroupList,c=s.computeGroupLabelField,p=s.computeGroupOptionsField,f=s.computeOptionOpts.useKey,d=e.option;return t.map(function(e,t){var i=e.slots,n=e.className,o=s.getOptid(e),l=e.disabled,i=i?i.default:null,r={option:e,group:e,$select:s};return a("div",{key:f||u?o:t,class:["vxe-optgroup",n?_xeUtils.default.isFunction(n)?n(r):n:"",{"is--disabled":l}],attrs:{optid:o}},[a("div",{class:"vxe-optgroup--title"},d?s.callSlot(d,r):i?s.callSlot(i,r):(0,_utils.getFuncText)(e[c])),a("div",{class:"vxe-optgroup--wrapper"},s.renderOption(a,e[p]||[],e))])})},renderOpts:function(e){var t=this,i=t,n=t.reactData,o=n.visibleGroupList,l=n.visibleOptionList,r=t.computeIsGroup;if(n.searchLoading)return[e("div",{class:"vxe-select--search-loading"},[e("i",{class:["vxe-select--search-icon",(0,_ui.getIcon)().SELECT_LOADED]}),e("span",{class:"vxe-select--search-text"},(0,_ui.getI18n)("vxe.select.loadingText"))])];if(r){if(o.length)return t.renderOptgroup(e)}else if(l.length)return t.renderOption(e,l);return[e("div",{class:"vxe-select--empty-placeholder"},i.emptyText||(0,_ui.getI18n)("vxe.select.emptyText"))]},renderVN:function(e){var t=this,i=t,n=t.$scopedSlots,o=t.reactData,l=i.className,r=i.popupClassName,a=i.loading,s=i.filterable,u=o.initialized,c=o.isActivated,p=o.visiblePanel,f=t.computeSize,d=t.computeIsDisabled,h=t.computeSelectLabel,v=t.computeBtnTransfer,m=t.computeInpPlaceholder,g=n.default,b=n.header,O=n.footer,_=n.prefix;return t.computeFormReadonly?e("div",{ref:"refElem",class:["vxe-select--readonly",l]},[e("div",{class:"vxe-select-slots",ref:"hideOption"},g?g({}):[]),e("span",{class:"vxe-select-label"},[h])]):e("div",{ref:"refElem",class:["vxe-select",l?_xeUtils.default.isFunction(l)?l({$select:t}):l:"",_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(f),f),"is--visible",p),"is--disabled",d),"is--filter",s),"is--loading",a),"is--active",c)]},[e("div",{class:"vxe-select-slots",ref:"hideOption"},g?g({}):[]),e(_input.default,{ref:"refInput",props:{clearable:i.clearable,placeholder:m,readonly:!0,disabled:d,type:"text",prefixIcon:i.prefixIcon,suffixIcon:a?(0,_ui.getIcon)().SELECT_LOADED:p?(0,_ui.getIcon)().SELECT_OPEN:(0,_ui.getIcon)().SELECT_CLOSE,value:h},on:{clear:t.clearEvent,click:t.clickEvent,focus:t.focusEvent,blur:t.blurEvent,suffixClick:t.togglePanelEvent},scopedSlots:_?{prefix:function(){return _({})}}:{}}),e("div",{ref:"refOptionPanel",class:["vxe-table--ignore-clear vxe-select--panel",r?_xeUtils.default.isFunction(r)?r({$select:t}):r:"",_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(f),f),"is--transfer",v),"ani--leave",!a&&o.isAniVisible),"ani--enter",!a&&p)],attrs:{placement:o.panelPlacement},style:o.panelStyle},u?[s?e("div",{class:"vxe-select--panel-search"},[e(_input.default,{ref:"refInpSearch",class:"vxe-select-search--input",props:{value:o.searchValue,clearable:!0,placeholder:(0,_ui.getI18n)("vxe.select.search"),prefixIcon:(0,_ui.getIcon)().INPUT_SEARCH},on:{modelValue:t.modelSearchEvent,focus:t.focusSearchEvent,change:t.triggerSearchEvent,search:t.triggerSearchEvent}})]):(0,_ui.renderEmptyElement)(t),e("div",{class:"vxe-select--panel-wrapper"},[b?e("div",{class:"vxe-select--panel-header"},b({})):(0,_ui.renderEmptyElement)(t),e("div",{class:"vxe-select--panel-body"},[e("div",{ref:"refOptionWrapper",class:"vxe-select-option--wrapper"},t.renderOpts(e))]),O?e("div",{class:"vxe-select--panel-footer"},O({})):(0,_ui.renderEmptyElement)(t)])]:[])])}},watch:{"reactData.staticOptions":function(e){var t=this.reactData;e.some(function(e){return e.options&&e.options.length})?(t.fullOptionList=[],t.fullGroupList=e):(t.fullGroupList=[],t.fullOptionList=e||[]),this.cacheItemMap()},options:function(e){var t=this.reactData;t.fullGroupList=[],t.fullOptionList=e||[],this.cacheItemMap()},optionGroups:function(e){var t=this.reactData;t.fullOptionList=[],t.fullGroupList=e||[],this.cacheItemMap()}},mounted:function(){var i=this,n=i,o=i.reactData;i.$nextTick(function(){var e=n.options,t=n.optionGroups;t?o.fullGroupList=t:e&&(o.fullOptionList=e),i.cacheItemMap()}),_ui.globalEvents.on(i,"mousewheel",i.handleGlobalMousewheelEvent),_ui.globalEvents.on(i,"mousedown",i.handleGlobalMousedownEvent),_ui.globalEvents.on(i,"keydown",i.handleGlobalKeydownEvent),_ui.globalEvents.on(i,"blur",i.handleGlobalBlurEvent)},beforeDestroy:function(){_ui.globalEvents.off(this,"mousewheel"),_ui.globalEvents.off(this,"mousedown"),_ui.globalEvents.off(this,"keydown"),_ui.globalEvents.off(this,"blur")},render:function(e){return this.renderVN(e)}});
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils"),_input=_interopRequireDefault(require("../../input/src/input")),_vn=require("../../ui/src/vn");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}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)}function _defineProperty(e,t,i){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}function _toPropertyKey(e){e=_toPrimitive(e,"string");return"symbol"==_typeof(e)?e:e+""}function _toPrimitive(e,t){if("object"!=_typeof(e)||!e)return e;var i=e[Symbol.toPrimitive];if(void 0===i)return("string"===t?String:Number)(e);i=i.call(e,t||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}function isOptionVisible(e){return!1!==e.visible}function getOptUniqueId(){return _xeUtils.default.uniqueId("opt_")}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeSelect",mixins:[_ui.globalMixins.sizeMixin],model:{prop:"value",event:"modelValue"},props:{value:[String,Number,Boolean,Array],clearable:Boolean,placeholder:String,readonly:{type:Boolean,default:null},loading:Boolean,disabled:{type:Boolean,default:null},multiple:Boolean,multiCharOverflow:{type:[Number,String],default:function(){return(0,_ui.getConfig)().select.multiCharOverflow}},prefixIcon:String,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:function(){return(0,_ui.getConfig)().select.size||(0,_ui.getConfig)().size}},filterable:Boolean,filterMethod:Function,remote:Boolean,remoteMethod:Function,emptyText:String,transfer:{type:Boolean,default:null},optionId:{type:String,default:function(){return(0,_ui.getConfig)().select.optionId}},optionKey:Boolean},inject:{$xeModal:{default:null},$xeDrawer:{default:null},$xeTable:{default:null},$xeForm:{default:null},formItemInfo:{from:"xeFormItemInfo",default:null}},provide:function(){return{$xeSelect:this}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{initialized:!1,staticOptions:[],fullGroupList:[],fullOptionList:[],visibleGroupList:[],visibleOptionList:[],remoteValueList:[],panelIndex:0,panelStyle:{},panelPlacement:null,currentOption:null,currentValue:null,triggerFocusPanel:!1,visiblePanel:!1,isAniVisible:!1,isActivated:!1,searchValue:"",searchLoading:!1},internalData:{hpTimeout:void 0}}},computed:Object.assign(Object.assign({},{}),{computeFormReadonly:function(){var e=this.$xeForm,t=this.readonly;return null===t?!!e&&e.readonly:t},computeIsDisabled:function(){var e=this.$xeForm,t=this.disabled;return null===t?!!e&&e.disabled:t},computeBtnTransfer:function(){var e=this,t=e.$xeTable,i=e.$xeModal,n=e.$xeDrawer,o=e.$xeForm,e=e.transfer;if(null===e){var l=(0,_ui.getConfig)().select.transfer;if(_xeUtils.default.isBoolean(l))return l;if(t||i||n||o)return!0}return e},computeInpPlaceholder:function(){var e=this.placeholder;return(e=e||(0,_ui.getConfig)().select.placeholder)?(0,_utils.getFuncText)(e):(0,_ui.getI18n)("vxe.base.pleaseSelect")},computePropsOpts:function(){return Object.assign({},this.optionProps)},computeGroupPropsOpts:function(){return Object.assign({},this.optionGroupProps)},computeLabelField:function(){return this.computePropsOpts.label||"label"},computeValueField:function(){return this.computePropsOpts.value||"value"},computeGroupLabelField:function(){return this.computeGroupPropsOpts.label||"label"},computeGroupOptionsField:function(){return this.computeGroupPropsOpts.options||"options"},computeIsMaximize:function(){var e=this.value,t=this.multiple,i=this.max;return!(!t||!i)&&(_xeUtils.default.isArray(e)?e.length:_xeUtils.default.eqNull(e)?0:1)>=_xeUtils.default.toNumber(i)},computeOptionOpts:function(){return Object.assign({},(0,_ui.getConfig)().select.optionConfig,this.optionConfig)},computeIsGroup:function(){return this.reactData.fullGroupList.some(function(e){return e.options&&e.options.length})},computeMultiMaxCharNum:function(){return _xeUtils.default.toNumber(this.multiCharOverflow)},computeSelectLabel:function(){var e,t=this,i=t.value,n=t.remote,o=t.computeMultiMaxCharNum;return i&&t.multiple?(e=_xeUtils.default.isArray(i)?i:[i],(n?e.map(function(e){return t.getRemoteSelectLabel(e)}):e.map(function(e){e=t.getSelectLabel(e);return 0<o&&e.length>o?"".concat(e.substring(0,o),"..."):e})).join(", ")):n?t.getRemoteSelectLabel(i):t.getSelectLabel(i)}}),methods:{dispatchEvent:function(e,t,i){this.$emit(e,(0,_ui.createEvent)(i,{$select:this},t))},emitModel:function(e){this.$emit("modelValue",e)},isPanelVisible:function(){return this.reactData.visiblePanel},togglePanel:function(){return this.reactData.visiblePanel?this.hideOptionPanel():this.showOptionPanel(),this.$nextTick()},hidePanel:function(){return this.reactData.visiblePanel&&this.hideOptionPanel(),this.$nextTick()},showPanel:function(){return this.reactData.visiblePanel||this.showOptionPanel(),this.$nextTick()},focus:function(){var e=this.reactData,t=this.$refs.refInput;return e.isActivated=!0,t.blur(),this.$nextTick()},blur:function(){var e=this.reactData;return this.$refs.refInput.blur(),e.isActivated=!1,this.$nextTick()},callSlot:function(e,t){var i=this.$scopedSlots;return e&&(_xeUtils.default.isString(e)&&(e=i[e]||null),_xeUtils.default.isFunction(e))?(0,_vn.getSlotVNs)(e(t)):[]},findOption:function(t){var e=this.reactData,i=e.fullOptionList,n=e.fullGroupList,e=this.computeIsGroup,o=this.computeValueField;if(e)for(var l=0;l<n.length;l++){var r=n[l];if(r.options)for(var a=0;a<r.options.length;a++){var s=r.options[a];if(t===s[o])return s}}return i.find(function(e){return t===e[o]})},findVisibleOption:function(t){var e=this.reactData,i=e.visibleOptionList,n=e.visibleGroupList,e=this.computeIsGroup,o=this.computeValueField;if(e)for(var l=0;l<n.length;l++){var r=n[l];if(r.options)for(var a=0;a<r.options.length;a++){var s=r.options[a];if(t===s[o])return s}}return i.find(function(e){return t===e[o]})},getRemoteSelectLabel:function(t){var e=this.reactData.remoteValueList,i=this.computeLabelField,e=e.find(function(e){return t===e.key}),e=e?e.result:null;return _xeUtils.default.toValueString(e?e[i]:t)},getSelectLabel:function(e){var t=this.computeLabelField,i=this.findOption(e);return _xeUtils.default.toValueString(i?i[t]:e)},getOptkey:function(){return this.computeOptionOpts.keyField||this.optionId||"_X_OPTION_KEY"},getOptid:function(e){e=e[this.getOptkey()];return e?encodeURIComponent(e):""},refreshOption:function(){var e=this,t=e.reactData,i=e.filterable,n=e.filterMethod,o=t.fullOptionList,l=t.fullGroupList,r=e.computeIsGroup,a=e.computeGroupLabelField,s=e.computeLabelField,u="".concat(t.searchValue||"").toLowerCase();return r?t.visibleGroupList=i&&n?l.filter(function(e){return isOptionVisible(e)&&n({group:e,option:null,searchValue:u})}):i?l.filter(function(e){return isOptionVisible(e)&&(!u||-1<"".concat(e[a]).toLowerCase().indexOf(u))}):l.filter(isOptionVisible):t.visibleOptionList=i&&n?o.filter(function(e){return isOptionVisible(e)&&n({group:null,option:e,searchValue:u})}):i?o.filter(function(e){return isOptionVisible(e)&&(!u||-1<"".concat(e[s]).toLowerCase().indexOf(u))}):o.filter(isOptionVisible),e.$nextTick()},cacheItemMap:function(){function t(e){i.getOptid(e)||(e[l]=getOptUniqueId())}var i=this,e=i.reactData,n=e.fullOptionList,e=e.fullGroupList,o=i.computeGroupOptionsField,l=i.getOptkey();e.length?e.forEach(function(e){t(e),e[o]&&e[o].forEach(t)}):n.length&&n.forEach(t),i.refreshOption()},setCurrentOption:function(e){var t=this.reactData,i=this.computeValueField;e&&(t.currentOption=e,t.currentValue=e[i])},scrollToOption:function(n,o){var l=this;return l.$nextTick().then(function(){var e,t,i;n&&(e=l.$refs.refOptionWrapper,t=l.$refs.refOptionPanel.querySelector("[optid='".concat(l.getOptid(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))})},updateZindex:function(){var e=this.reactData;e.panelIndex<(0,_utils.getLastZIndex)()&&(e.panelIndex=(0,_utils.nextZIndex)())},updatePlacement:function(){var f=this,d=f,h=f.reactData;return f.$nextTick().then(function(){var e,t,i,n,o,l,r,a=d.placement,s=h.panelIndex,u=f.$refs.refElem,c=f.$refs.refOptionPanel,p=f.computeBtnTransfer;if(c&&u)return e=u.offsetHeight,t=u.offsetWidth,i=c.offsetHeight,c=c.offsetWidth,s={zIndex:s},n=(u=(0,_dom.getAbsolutePos)(u)).boundingTop,o=u.visibleHeight,l=u.visibleWidth,r="bottom",p?(p=n+e,"top"===a?(r="top",p=n-i):a||(o<p+i+5&&(r="top",p=n-i),p<5&&(r="bottom",p=n+e)),l<(u=u.boundingLeft)+c+5&&(u-=u+c+5-l),u<5&&(u=5),Object.assign(s,{left:"".concat(u,"px"),top:"".concat(p,"px"),minWidth:"".concat(t,"px")})):"top"===a?(r="top",s.bottom="".concat(e,"px")):a||o<n+e+i&&5<n-e-i&&(r="top",s.bottom="".concat(e,"px")),h.panelStyle=s,h.panelPlacement=r,f.$nextTick()})},showOptionPanel:function(){var t=this,i=t,n=t.reactData,e=t.internalData,o=i.loading,l=i.filterable,r=e.hpTimeout;o||t.computeIsDisabled||(r&&(clearTimeout(r),e.hpTimeout=void 0),n.initialized||(n.initialized=!0,o=t.computeBtnTransfer,r=t.$refs.refOptionPanel,o&&r&&document.body.appendChild(r)),n.isActivated=!0,n.isAniVisible=!0,l&&t.refreshOption(),setTimeout(function(){var e=i.value,e=t.findOption(_xeUtils.default.isArray(e)?e[0]:e);n.visiblePanel=!0,e&&(t.setCurrentOption(e),t.scrollToOption(e)),t.handleFocusSearch()},10),t.updateZindex(),t.updatePlacement())},hideOptionPanel:function(){var e=this.reactData,t=this.internalData;e.searchValue="",e.searchLoading=!1,e.visiblePanel=!1,t.hpTimeout=window.setTimeout(function(){e.isAniVisible=!1},350)},changeEvent:function(e,t){var i=this,n=i,o=i.$xeForm,l=i.formItemInfo;i.emitModel(t),t!==n.value&&(i.dispatchEvent("change",{value:t},e),o)&&l&&o.triggerItemEvent(e,l.itemConfig.field,t)},clearValueEvent:function(e,t){this.reactData.remoteValueList=[],this.changeEvent(e,t),this.dispatchEvent("clear",{value:t},e)},clearEvent:function(e,t){this.clearValueEvent(t,null),this.hideOptionPanel()},changeOptionEvent:function(e,t,i){var n,o=this,l=o.reactData,r=o.value,a=l.remoteValueList;o.multiple?(n=[],r=_xeUtils.default.eqNull(r)?[]:_xeUtils.default.isArray(r)?r:[r],n=-1===_xeUtils.default.findIndexOf(r,function(e){return e===t})?r.concat([t]):r.filter(function(e){return e!==t}),(r=a.find(function(e){return e.key===t}))?r.result=i:a.push({key:t,result:i}),o.changeEvent(e,n)):(l.remoteValueList=[{key:t,result:i}],o.changeEvent(e,t),o.hideOptionPanel())},handleGlobalMousewheelEvent:function(e){var t=this,i=t.reactData.visiblePanel;t.computeIsDisabled||i&&(i=t.$refs.refOptionPanel,(0,_dom.getEventTargetNode)(e,i).flag?t.updatePlacement():t.hideOptionPanel())},handleGlobalMousedownEvent:function(e){var t,i,n=this,o=n.reactData,l=o.visiblePanel;n.computeIsDisabled||(t=n.$refs.refElem,i=n.$refs.refOptionPanel,o.isActivated=(0,_dom.getEventTargetNode)(e,t).flag||(0,_dom.getEventTargetNode)(e,i).flag,l&&!o.isActivated&&n.hideOptionPanel())},findOffsetOption:function(e,t){var i,n,o,l,r=this.reactData,a=r.visibleOptionList,s=r.visibleGroupList,r=this.computeIsGroup,u=this.computeValueField,c=this.computeGroupOptionsField;if(r)for(var p=0;p<s.length;p++){var f=s[p],d=f[c],h=f.disabled;if(d)for(var v=0;v<d.length;v++){var m=d[v],g=isOptionVisible(m),b=h||m.disabled;if(i||b||(i=m),l&&g&&!b&&(o=m,!t))return{offsetOption:o};if(e===m[u]){if(l=m,t)return{offsetOption:n}}else g&&!b&&(n=m)}}else for(var O=0;O<a.length;O++){var _=a[O],x=_.disabled;if(i||x||(i=_),l&&!x&&(o=_,!t))return{offsetOption:o};if(e===_[u]){if(l=_,t)return{offsetOption:n}}else x||(n=_)}return{firstOption:i}},handleGlobalKeydownEvent:function(e){var t,i,n,o,l,r,a,s=this,u=s.reactData,c=s.clearable,p=u.visiblePanel,f=u.currentValue,d=u.currentOption;s.computeIsDisabled||(a=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.TAB),t=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ENTER),r=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ESCAPE),i=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ARROW_UP),n=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ARROW_DOWN),o=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.DELETE),l=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.SPACEBAR),a&&(u.isActivated=!1),p?r||a?s.hideOptionPanel():t?(e.preventDefault(),e.stopPropagation(),s.changeOptionEvent(e,f,d)):i||n?(e.preventDefault(),r=(p=s.findOffsetOption(f,i)).firstOption,(a=p.offsetOption)||s.findVisibleOption(f)||(a=r),s.setCurrentOption(a),s.scrollToOption(a,n)):l&&e.preventDefault():(i||n||t||l)&&u.isActivated&&(e.preventDefault(),s.showOptionPanel()),u.isActivated&&o&&c&&s.clearValueEvent(e,null))},handleGlobalBlurEvent:function(){this.hideOptionPanel()},handleFocusSearch:function(){var t=this;t.filterable&&t.$nextTick(function(){var e=t.$refs.refInpSearch;e&&e.focus()})},focusEvent:function(e){var t=this.reactData;this.computeIsDisabled||t.visiblePanel||(t.triggerFocusPanel=!0,this.showOptionPanel(),setTimeout(function(){t.triggerFocusPanel=!1},150)),this.dispatchEvent("focus",{},e)},clickEvent:function(e){this.togglePanelEvent(e),this.dispatchEvent("click",{},e)},blurEvent:function(e){this.reactData.isActivated=!1,this.dispatchEvent("blur",{},e)},modelSearchEvent:function(e){this.reactData.searchValue=e},focusSearchEvent:function(){this.reactData.isActivated=!0},handleSearchEvent:function(){var e=this,t=e.reactData,i=e.remote,n=e.remoteMethod,o=t.searchValue;i&&n?(t.searchLoading=!0,Promise.resolve(n({searchValue:o})).then(function(){return e.$nextTick()}).catch(function(){return e.$nextTick()}).finally(function(){t.searchLoading=!1,e.refreshOption()})):e.refreshOption()},triggerSearchEvent:_xeUtils.default.debounce(function(){this.handleSearchEvent()},350,{trailing:!0}),togglePanelEvent:function(e){var t=this.reactData;e.$event.preventDefault(),t.triggerFocusPanel?t.triggerFocusPanel=!1:t.visiblePanel?this.hideOptionPanel():this.showOptionPanel()},checkOptionDisabled:function(e,t,i){return!!t.disabled||!(!i||!i.disabled)||!(!this.computeIsMaximize||e)},renderOption:function(c,e,p){var f=this,t=f.$scopedSlots,d=f.optionKey,h=f.value,v=f.reactData.currentValue,m=f.computeLabelField,g=f.computeValueField,b=f.computeIsGroup,O=f.computeOptionOpts.useKey,_=t.option;return e.map(function(t,e){var i=t.slots,n=t.className,o=t[g],l=_xeUtils.default.isArray(h)?-1<h.indexOf(o):h===o,r=!b||isOptionVisible(t),a=f.checkOptionDisabled(l,t,p),s=f.getOptid(t),i=i?i.default:null,u={option:t,group:null,$select:f};return r?c("div",{key:O||d?s:e,class:["vxe-select-option",n?_xeUtils.default.isFunction(n)?n(u):n:"",{"is--disabled":a,"is--selected":l,"is--hover":v===o}],attrs:{optid:s},on:{mousedown:function(e){0===e.button&&e.stopPropagation()},click:function(e){a||f.changeOptionEvent(e,o,t)},mouseenter:function(){a||f.setCurrentOption(t)}}},_?f.callSlot(_,u):i?f.callSlot(i,u):(0,_utils.getFuncText)(t[m])):(0,_ui.renderEmptyElement)(f)})},renderOptgroup:function(a){var s=this,e=s.$scopedSlots,u=s.optionKey,t=s.reactData.visibleGroupList,c=s.computeGroupLabelField,p=s.computeGroupOptionsField,f=s.computeOptionOpts.useKey,d=e.option;return t.map(function(e,t){var i=e.slots,n=e.className,o=s.getOptid(e),l=e.disabled,i=i?i.default:null,r={option:e,group:e,$select:s};return a("div",{key:f||u?o:t,class:["vxe-optgroup",n?_xeUtils.default.isFunction(n)?n(r):n:"",{"is--disabled":l}],attrs:{optid:o}},[a("div",{class:"vxe-optgroup--title"},d?s.callSlot(d,r):i?s.callSlot(i,r):(0,_utils.getFuncText)(e[c])),a("div",{class:"vxe-optgroup--wrapper"},s.renderOption(a,e[p]||[],e))])})},renderOpts:function(e){var t=this,i=t,n=t.reactData,o=n.visibleGroupList,l=n.visibleOptionList,r=t.computeIsGroup;if(n.searchLoading)return[e("div",{class:"vxe-select--search-loading"},[e("i",{class:["vxe-select--search-icon",(0,_ui.getIcon)().SELECT_LOADED]}),e("span",{class:"vxe-select--search-text"},(0,_ui.getI18n)("vxe.select.loadingText"))])];if(r){if(o.length)return t.renderOptgroup(e)}else if(l.length)return t.renderOption(e,l);return[e("div",{class:"vxe-select--empty-placeholder"},i.emptyText||(0,_ui.getI18n)("vxe.select.emptyText"))]},renderVN:function(e){var t=this,i=t,n=t.$scopedSlots,o=t.reactData,l=i.className,r=i.popupClassName,a=i.loading,s=i.filterable,u=o.initialized,c=o.isActivated,p=o.visiblePanel,f=t.computeSize,d=t.computeIsDisabled,h=t.computeSelectLabel,v=t.computeBtnTransfer,m=t.computeInpPlaceholder,g=n.default,b=n.header,O=n.footer,_=n.prefix;return t.computeFormReadonly?e("div",{ref:"refElem",class:["vxe-select--readonly",l]},[e("div",{class:"vxe-select-slots",ref:"hideOption"},g?g({}):[]),e("span",{class:"vxe-select-label"},[h])]):e("div",{ref:"refElem",class:["vxe-select",l?_xeUtils.default.isFunction(l)?l({$select:t}):l:"",_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(f),f),"is--visible",p),"is--disabled",d),"is--filter",s),"is--loading",a),"is--active",c)]},[e("div",{class:"vxe-select-slots",ref:"hideOption"},g?g({}):[]),e(_input.default,{ref:"refInput",props:{clearable:i.clearable,placeholder:m,readonly:!0,disabled:d,type:"text",prefixIcon:i.prefixIcon,suffixIcon:a?(0,_ui.getIcon)().SELECT_LOADED:p?(0,_ui.getIcon)().SELECT_OPEN:(0,_ui.getIcon)().SELECT_CLOSE,value:h},on:{clear:t.clearEvent,click:t.clickEvent,focus:t.focusEvent,blur:t.blurEvent,suffixClick:t.togglePanelEvent},scopedSlots:_?{prefix:function(){return _({})}}:{}}),e("div",{ref:"refOptionPanel",class:["vxe-table--ignore-clear vxe-select--panel",r?_xeUtils.default.isFunction(r)?r({$select:t}):r:"",_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(f),f),"is--transfer",v),"ani--leave",!a&&o.isAniVisible),"ani--enter",!a&&p)],attrs:{placement:o.panelPlacement},style:o.panelStyle},u?[s?e("div",{class:"vxe-select--panel-search"},[e(_input.default,{ref:"refInpSearch",class:"vxe-select-search--input",props:{value:o.searchValue,clearable:!0,placeholder:(0,_ui.getI18n)("vxe.select.search"),prefixIcon:(0,_ui.getIcon)().INPUT_SEARCH},on:{modelValue:t.modelSearchEvent,focus:t.focusSearchEvent,change:t.triggerSearchEvent,search:t.triggerSearchEvent}})]):(0,_ui.renderEmptyElement)(t),e("div",{class:"vxe-select--panel-wrapper"},[b?e("div",{class:"vxe-select--panel-header"},b({})):(0,_ui.renderEmptyElement)(t),e("div",{class:"vxe-select--panel-body"},[e("div",{ref:"refOptionWrapper",class:"vxe-select-option--wrapper"},t.renderOpts(e))]),O?e("div",{class:"vxe-select--panel-footer"},O({})):(0,_ui.renderEmptyElement)(t)])]:[])])}},watch:{"reactData.staticOptions":function(e){var t=this.reactData;e.some(function(e){return e.options&&e.options.length})?(t.fullOptionList=[],t.fullGroupList=e):(t.fullGroupList=[],t.fullOptionList=e||[]),this.cacheItemMap()},options:function(e){var t=this.reactData;t.fullGroupList=[],t.fullOptionList=e||[],this.cacheItemMap()},optionGroups:function(e){var t=this.reactData;t.fullOptionList=[],t.fullGroupList=e||[],this.cacheItemMap()}},mounted:function(){var i=this,n=i,o=i.reactData;i.$nextTick(function(){var e=n.options,t=n.optionGroups;t?o.fullGroupList=t:e&&(o.fullOptionList=e),i.cacheItemMap()}),_ui.globalEvents.on(i,"mousewheel",i.handleGlobalMousewheelEvent),_ui.globalEvents.on(i,"mousedown",i.handleGlobalMousedownEvent),_ui.globalEvents.on(i,"keydown",i.handleGlobalKeydownEvent),_ui.globalEvents.on(i,"blur",i.handleGlobalBlurEvent)},beforeDestroy:function(){var e=this,t=e.$refs.refOptionPanel;t&&t.parentNode&&t.parentNode.removeChild(t),_ui.globalEvents.off(e,"mousewheel"),_ui.globalEvents.off(e,"mousedown"),_ui.globalEvents.off(e,"keydown"),_ui.globalEvents.off(e,"blur")},render:function(e){return this.renderVN(e)}});

package/lib/select/src/util.js

@@ -18,7 +18,8 @@ function createOption($xeSelect, _vm) {
   return isOption(_vm) ? _vm : new _optionInfo.OptionInfo($xeSelect, _vm);
 }
 function watchOption(_vm, option) {
-  ['value', 'label', 'visible', 'className', 'disabled'].forEach(function (name) {
+  var optionPropKeys = ['value', 'label', 'visible', 'className', 'disabled'];
+  optionPropKeys.forEach(function (name) {
     _vm.$watch(name, function (val) {
       option.update(name, val);
     });