vxe-pc-ui 3.0.0 → 3.0.2

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

@@ -0,0 +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))},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

@@ -0,0 +1,51 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.assembleOption = assembleOption;
+exports.createOption = createOption;
+exports.destroyOption = destroyOption;
+exports.isOption = isOption;
+exports.watchOption = watchOption;
+var _xeUtils = _interopRequireDefault(require("xe-utils"));
+var _optionInfo = require("./option-info");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function isOption(option) {
+  return option instanceof _optionInfo.OptionInfo;
+}
+function createOption($xeSelect, _vm) {
+  return isOption(_vm) ? _vm : new _optionInfo.OptionInfo($xeSelect, _vm);
+}
+function watchOption(_vm, option) {
+  var optionPropKeys = ['value', 'label', 'visible', 'className', 'disabled'];
+  optionPropKeys.forEach(function (name) {
+    _vm.$watch(name, function (val) {
+      option.update(name, val);
+    });
+  });
+}
+function assembleOption($xeSelect, el, option, xeOptgroup) {
+  var reactData = $xeSelect.reactData;
+  var staticOptions = reactData.staticOptions;
+  var parentElem = el.parentNode;
+  var parentOption = xeOptgroup ? xeOptgroup.optionConfig : null;
+  var parentCols = parentOption ? parentOption.options : staticOptions;
+  if (parentElem && parentCols) {
+    parentCols.splice(_xeUtils.default.arrayIndexOf(parentElem.children, el), 0, option);
+    reactData.staticOptions = staticOptions.slice(0);
+  }
+}
+function destroyOption($xeSelect, option) {
+  var reactData = $xeSelect.reactData;
+  var staticOptions = reactData.staticOptions;
+  var matchObj = _xeUtils.default.findTree(staticOptions, function (item) {
+    return item.id === option.id;
+  }, {
+    children: 'options'
+  });
+  if (matchObj) {
+    matchObj.items.splice(matchObj.index, 1);
+  }
+  reactData.staticOptions = staticOptions.slice(0);
+}

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

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.assembleOption=assembleOption,exports.createOption=createOption,exports.destroyOption=destroyOption,exports.isOption=isOption,exports.watchOption=watchOption;var _xeUtils=_interopRequireDefault(require("xe-utils")),_optionInfo=require("./option-info");function _interopRequireDefault(t){return t&&t.__esModule?t:{default:t}}function isOption(t){return t instanceof _optionInfo.OptionInfo}function createOption(t,e){return isOption(e)?e:new _optionInfo.OptionInfo(t,e)}function watchOption(t,i){["value","label","visible","className","disabled"].forEach(function(e){t.$watch(e,function(t){i.update(e,t)})})}function assembleOption(t,e,i,n){var t=t.reactData,o=t.staticOptions,s=e.parentNode,n=n?n.optionConfig:null,n=n?n.options:o;s&&n&&(n.splice(_xeUtils.default.arrayIndexOf(s.children,e),0,i),t.staticOptions=o.slice(0))}function destroyOption(t,e){var t=t.reactData,i=t.staticOptions,n=_xeUtils.default.findTree(i,function(t){return t.id===e.id},{children:"options"});n&&n.items.splice(n.index,1),t.staticOptions=i.slice(0)}

package/lib/select/style/index.js

@@ -0,0 +1 @@
+require('./style.css')

package/lib/select/style/style.css

@@ -0,0 +1,207 @@
+.vxe-select {
+  position: relative;
+  display: inline-block;
+  width: 180px;
+  color: var(--vxe-ui-font-color);
+  text-align: left;
+}
+.vxe-select > .vxe-input .vxe-input--inner {
+  cursor: pointer;
+}
+.vxe-select.is--disabled > .vxe-input .vxe-input--inner {
+  cursor: no-drop;
+}
+.vxe-select.is--loading > .vxe-input .vxe-input--inner {
+  cursor: progress;
+}
+.vxe-select > .vxe-input {
+  width: 100%;
+}
+.vxe-select > .vxe-input .vxe-input--suffix-icon > i {
+  display: inline-block;
+  transition: transform 0.2s ease-in-out;
+}
+.vxe-select.is--active:not(.is--filter) > .vxe-input {
+  border-color: var(--vxe-ui-font-primary-color);
+}
+
+.vxe-select--readonly {
+  color: var(--vxe-ui-font-color);
+  display: inline-flex;
+}
+
+.vxe-select-slots {
+  display: none;
+}
+
+.vxe-select--panel {
+  display: none;
+  position: absolute;
+  left: 0;
+  padding: 4px 0;
+  color: var(--vxe-ui-font-color);
+  text-align: left;
+}
+.vxe-select--panel:not(.is--transfer) {
+  min-width: 100%;
+}
+.vxe-select--panel.is--transfer {
+  position: fixed;
+}
+.vxe-select--panel.ani--leave {
+  display: block;
+  opacity: 0;
+  transform: scaleY(0.5);
+  transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
+  transform-origin: center top;
+  backface-visibility: hidden;
+}
+.vxe-select--panel.ani--leave[placement=top] {
+  transform-origin: center bottom;
+}
+.vxe-select--panel.ani--enter {
+  opacity: 1;
+  transform: scaleY(1);
+}
+
+.vxe-select--panel-search {
+  display: block;
+}
+.vxe-select--panel-search .vxe-select-search--input {
+  width: 100%;
+}
+
+.vxe-select--panel-wrapper {
+  position: relative;
+  border-radius: var(--vxe-ui-base-border-radius);
+  border: 1px solid var(--vxe-ui-base-popup-border-color);
+  box-shadow: var(--vxe-ui-base-popup-box-shadow);
+  background-color: var(--vxe-ui-layout-background-color);
+}
+
+.vxe-select--panel-header {
+  border-bottom: 1px solid var(--vxe-ui-base-popup-border-color);
+}
+
+.vxe-select--panel-footer {
+  border-top: 1px solid var(--vxe-ui-base-popup-border-color);
+}
+
+.vxe-select--panel-header,
+.vxe-select--panel-footer {
+  padding: 4px 0;
+}
+
+.vxe-select-option--wrapper {
+  position: relative;
+  overflow-x: hidden;
+  overflow-y: auto;
+  outline: 0;
+  padding: 4px 0;
+  max-height: 18em;
+}
+
+.vxe-optgroup .vxe-optgroup--title {
+  padding: 0 6px;
+  color: var(--vxe-ui-select-title-color);
+  font-size: 12px;
+}
+
+.vxe-optgroup--wrapper .vxe-select-option {
+  padding: 0 20px;
+}
+
+.vxe-select-option {
+  padding: 0 0.6em;
+  max-width: 600px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+}
+.vxe-select-option.is--selected {
+  color: var(--vxe-ui-font-primary-color);
+}
+.vxe-select-option:not(.is--disabled) {
+  cursor: pointer;
+}
+.vxe-select-option:not(.is--disabled).is--hover {
+  background-color: var(--vxe-ui-base-hover-background-color);
+}
+.vxe-select-option.is--disabled {
+  color: var(--vxe-ui-font-disabled-color);
+  cursor: no-drop;
+}
+
+.vxe-select--search-icon {
+  margin-right: 0.5em;
+}
+
+.vxe-select--search-loading,
+.vxe-select--empty-placeholder {
+  padding: 0 0.6em;
+  text-align: center;
+  color: var(--vxe-ui-select-empty-color);
+}
+
+.vxe-select,
+.vxe-select--panel {
+  font-size: var(--vxe-ui-font-size-default);
+}
+.vxe-select.size--medium,
+.vxe-select--panel.size--medium {
+  font-size: var(--vxe-ui-font-size-medium);
+}
+.vxe-select.size--small,
+.vxe-select--panel.size--small {
+  font-size: var(--vxe-ui-font-size-small);
+}
+.vxe-select.size--mini,
+.vxe-select--panel.size--mini {
+  font-size: var(--vxe-ui-font-size-mini);
+}
+
+.vxe-select--panel .vxe-optgroup--title,
+.vxe-select--panel .vxe-select-option {
+  height: var(--vxe-ui-select-option-height-default);
+}
+.vxe-select--panel .vxe-optgroup--title,
+.vxe-select--panel .vxe-select-option,
+.vxe-select--panel .vxe-select--search-loading,
+.vxe-select--panel .vxe-select--empty-placeholder {
+  line-height: var(--vxe-ui-select-option-height-default);
+}
+.vxe-select--panel.size--medium .vxe-optgroup--title,
+.vxe-select--panel.size--medium .vxe-select-option {
+  height: var(--vxe-ui-select-option-height-medium);
+}
+.vxe-select--panel.size--medium .vxe-optgroup--title,
+.vxe-select--panel.size--medium .vxe-select-option,
+.vxe-select--panel.size--medium .vxe-select--search-loading,
+.vxe-select--panel.size--medium .vxe-select--empty-placeholder {
+  line-height: var(--vxe-ui-select-option-height-medium);
+}
+.vxe-select--panel.size--small .vxe-optgroup--title,
+.vxe-select--panel.size--small .vxe-select-option {
+  height: var(--vxe-ui-select-option-height-small);
+}
+.vxe-select--panel.size--small .vxe-optgroup--title,
+.vxe-select--panel.size--small .vxe-select-option,
+.vxe-select--panel.size--small .vxe-select--search-loading,
+.vxe-select--panel.size--small .vxe-select--empty-placeholder {
+  line-height: var(--vxe-ui-select-option-height-small);
+}
+.vxe-select--panel.size--mini .vxe-optgroup--title,
+.vxe-select--panel.size--mini .vxe-select-option {
+  height: var(--vxe-ui-select-option-height-mini);
+}
+.vxe-select--panel.size--mini .vxe-optgroup--title,
+.vxe-select--panel.size--mini .vxe-select-option,
+.vxe-select--panel.size--mini .vxe-select--search-loading,
+.vxe-select--panel.size--mini .vxe-select--empty-placeholder {
+  line-height: var(--vxe-ui-select-option-height-mini);
+}

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

@@ -0,0 +1 @@
+.vxe-select{position:relative;display:inline-block;width:180px;color:var(--vxe-ui-font-color);text-align:left}.vxe-select>.vxe-input .vxe-input--inner{cursor:pointer}.vxe-select.is--disabled>.vxe-input .vxe-input--inner{cursor:no-drop}.vxe-select.is--loading>.vxe-input .vxe-input--inner{cursor:progress}.vxe-select>.vxe-input{width:100%}.vxe-select>.vxe-input .vxe-input--suffix-icon>i{display:inline-block;transition:transform .2s ease-in-out}.vxe-select.is--active:not(.is--filter)>.vxe-input{border-color:var(--vxe-ui-font-primary-color)}.vxe-select--readonly{color:var(--vxe-ui-font-color);display:inline-flex}.vxe-select-slots{display:none}.vxe-select--panel{display:none;position:absolute;left:0;padding:4px 0;color:var(--vxe-ui-font-color);text-align:left}.vxe-select--panel:not(.is--transfer){min-width:100%}.vxe-select--panel.is--transfer{position:fixed}.vxe-select--panel.ani--leave{display:block;opacity:0;transform:scaleY(.5);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:center top;backface-visibility:hidden}.vxe-select--panel.ani--leave[placement=top]{transform-origin:center bottom}.vxe-select--panel.ani--enter{opacity:1;transform:scaleY(1)}.vxe-select--panel-search{display:block}.vxe-select--panel-search .vxe-select-search--input{width:100%}.vxe-select--panel-wrapper{position:relative;border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-base-popup-border-color);box-shadow:var(--vxe-ui-base-popup-box-shadow);background-color:var(--vxe-ui-layout-background-color)}.vxe-select--panel-header{border-bottom:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-select--panel-footer{border-top:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-select--panel-footer,.vxe-select--panel-header{padding:4px 0}.vxe-select-option--wrapper{position:relative;overflow-x:hidden;overflow-y:auto;outline:0;padding:4px 0;max-height:18em}.vxe-optgroup .vxe-optgroup--title{padding:0 6px;color:var(--vxe-ui-select-title-color);font-size:12px}.vxe-optgroup--wrapper .vxe-select-option{padding:0 20px}.vxe-select-option{padding:0 .6em;max-width:600px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-select-option.is--selected{color:var(--vxe-ui-font-primary-color)}.vxe-select-option:not(.is--disabled){cursor:pointer}.vxe-select-option:not(.is--disabled).is--hover{background-color:var(--vxe-ui-base-hover-background-color)}.vxe-select-option.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:no-drop}.vxe-select--search-icon{margin-right:.5em}.vxe-select--empty-placeholder,.vxe-select--search-loading{padding:0 .6em;text-align:center;color:var(--vxe-ui-select-empty-color)}.vxe-select,.vxe-select--panel{font-size:var(--vxe-ui-font-size-default)}.vxe-select--panel.size--medium,.vxe-select.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-select--panel.size--small,.vxe-select.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-select--panel.size--mini,.vxe-select.size--mini{font-size:var(--vxe-ui-font-size-mini)}.vxe-select--panel .vxe-optgroup--title,.vxe-select--panel .vxe-select-option{height:var(--vxe-ui-select-option-height-default)}.vxe-select--panel .vxe-optgroup--title,.vxe-select--panel .vxe-select--empty-placeholder,.vxe-select--panel .vxe-select--search-loading,.vxe-select--panel .vxe-select-option{line-height:var(--vxe-ui-select-option-height-default)}.vxe-select--panel.size--medium .vxe-optgroup--title,.vxe-select--panel.size--medium .vxe-select-option{height:var(--vxe-ui-select-option-height-medium)}.vxe-select--panel.size--medium .vxe-optgroup--title,.vxe-select--panel.size--medium .vxe-select--empty-placeholder,.vxe-select--panel.size--medium .vxe-select--search-loading,.vxe-select--panel.size--medium .vxe-select-option{line-height:var(--vxe-ui-select-option-height-medium)}.vxe-select--panel.size--small .vxe-optgroup--title,.vxe-select--panel.size--small .vxe-select-option{height:var(--vxe-ui-select-option-height-small)}.vxe-select--panel.size--small .vxe-optgroup--title,.vxe-select--panel.size--small .vxe-select--empty-placeholder,.vxe-select--panel.size--small .vxe-select--search-loading,.vxe-select--panel.size--small .vxe-select-option{line-height:var(--vxe-ui-select-option-height-small)}.vxe-select--panel.size--mini .vxe-optgroup--title,.vxe-select--panel.size--mini .vxe-select-option{height:var(--vxe-ui-select-option-height-mini)}.vxe-select--panel.size--mini .vxe-optgroup--title,.vxe-select--panel.size--mini .vxe-select--empty-placeholder,.vxe-select--panel.size--mini .vxe-select--search-loading,.vxe-select--panel.size--mini .vxe-select-option{line-height:var(--vxe-ui-select-option-height-mini)}