vxe-pc-ui 3.16.3 → 3.16.4

package/lib/icon-picker/src/icon-picker.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"),_vn=require("../../ui/src/vn"),_input=_interopRequireDefault(require("../../input/src/input"));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 createReactData(){return{initialized:!1,selectIcon:"",panelIndex:0,panelStyle:{},panelPlacement:null,visiblePanel:!1,isAniVisible:!1,isActivated:!1,searchValue:"",iconGroups:[]}}function createInternalData(){return{fullList:[]}}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeIconPicker",mixins:[_ui.globalMixins.sizeMixin],model:{prop:"value",event:"modelValue"},props:{value:String,placeholder:String,clearable:Boolean,size:{type:String,default:function(){return(0,_ui.getConfig)().iconPicker.size||(0,_ui.getConfig)().size}},className:[String,Function],popupClassName:[String,Function],showIconTitle:{type:Boolean,default:function(){return(0,_ui.getConfig)().iconPicker.showIconTitle}},readonly:{type:Boolean,default:null},disabled:{type:Boolean,default:null},filterable:{type:Boolean,default:function(){return(0,_ui.getConfig)().iconPicker.filterable}},filterConfig:Object,icons:Array,placement:String,popupConfig:Object,transfer:{type:Boolean,default:null}},inject:{$xeModal:{default:null},$xeDrawer:{default:null},$xeTable:{default:null},$xeForm:{default:null},formItemInfo:{from:"xeFormItemInfo",default:null}},provide:function(){return{$xeIconPicker:this}},data:function(){var e=createReactData();return Object.assign(Object.assign({},{}),{xID:_xeUtils.default.uniqueId(),reactData:e})},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,a=e.$xeForm,o=e.transfer,e=e.computePopupOpts;if(_xeUtils.default.isBoolean(e.transfer))return e.transfer;if(null===o){e=(0,_ui.getConfig)().iconPicker.transfer;if(_xeUtils.default.isBoolean(e))return e;if(t||i||n||a)return!0}return o},computeInpPlaceholder:function(){var e=this.placeholder;return(e=e||(0,_ui.getConfig)().select.placeholder)?(0,_utils.getFuncText)(e):(0,_ui.getI18n)("vxe.base.pleaseSelect")},computePanelStyle:function(){var e=this.computePopupOpts,t=e.chunkSize,i=e.height,e=e.maxHeight,t={"--vxe-ui-icon-picker-item-width":"".concat(100/(t||4),"%")};return i&&(t["--vxe-ui-icon-picker-panel-height"]=(0,_dom.toCssUnit)(i)),e&&(t["--vxe-ui-icon-picker-panel-max-height"]=(0,_dom.toCssUnit)(e)),t},computeIconList:function(){var e=this.icons;return(e=e&&e.length?e:(0,_ui.getConfig)().iconPicker.icons||[]).map(function(e){return _xeUtils.default.isString(e)?{title:e,icon:"vxe-icon-".concat("".concat(e||"").replace(/^vxe-icon-/,""))}:{title:"".concat(e.title||""),icon:e.icon||"",iconRender:e.iconRender}})},computeFilterOpts:function(){return Object.assign({},(0,_ui.getConfig)().iconPicker.filterConfig,this.filterConfig)},computePopupOpts:function(){return Object.assign({},(0,_ui.getConfig)().iconPicker.popupConfig,this.popupConfig)},computeIconGroupList:function(){var e=this.computeIconList;return _xeUtils.default.chunk(e,4)},computeSelectIconItem:function(){var t=this.reactData.selectIcon,e=this.computeIconList;return t?e.find(function(e){return e.icon===t}):null}}),methods:{dispatchEvent:function(e,t,i){this.$emit(e,(0,_ui.createEvent)(i,{$iconPicker:this},t))},emitModel:function(e){var t=this._events;t&&t.modelValue?this.$emit("modelValue",e):this.$emit("model-value",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()},updateZindex:function(){var e=this.reactData;e.panelIndex<(0,_utils.getLastZIndex)()&&(e.panelIndex=(0,_utils.nextZIndex)())},updatePlacement:function(){function e(){var e=(0,_dom.updatePanelPlacement)(o,r,{placement:l.placement||n,defaultPlacement:l.defaultPlacement,teleportTo:c}),t=Object.assign(e.style,{zIndex:a});s&&Object.assign(t,{width:(0,_dom.toCssUnit)(s),minWidth:void 0}),i.panelStyle=t,i.panelPlacement=e.placement}var t=this,i=t.reactData,n=t.placement,a=i.panelIndex,o=t.$refs.refElem,r=t.$refs.refOptionPanel,c=t.computeBtnTransfer,l=t.computePopupOpts,s=l.width;return e(),t.$nextTick().then(e)},showOptionPanel:function(){var e=this,t=e.reactData,i=e.internalData,n=i.hpTimeout;e.computeIsDisabled||(n&&(clearTimeout(n),i.hpTimeout=void 0),n=e.computeBtnTransfer,i=e.$refs.refOptionPanel,t.initialized||(t.initialized=!0,n&&i&&document.body.appendChild(i)),t.isActivated=!0,t.isAniVisible=!0,setTimeout(function(){t.visiblePanel=!0,e.handleFocusSearch(),e.updatePlacement()},10),e.updateZindex(),e.updatePlacement())},hideOptionPanel:function(){var e=this.reactData,t=this.internalData;e.visiblePanel=!1,t.hpTimeout=setTimeout(function(){e.isAniVisible=!1},350)},handleFocusSearch:function(){var t=this;t.filterable&&t.$nextTick(function(){var e=t.$refs.refInpSearch;e&&e.focus()})},handleData:function(){var t,i=this,e=i.reactData,n=i.value,a=e.searchValue,o=i.computeFilterOpts.filterMethod,r=i.computePopupOpts.chunkSize,c=i.computeIconList,l=c;a&&(t="".concat(a).toLowerCase(),l=c.filter(function(e){return o?o({option:e,value:n,searchValue:t,$iconPicker:i}):e.title&&-1<"".concat(e.title).toLowerCase().indexOf(t)||e.icon&&-1<"".concat(e.icon).indexOf(t)})),e.iconGroups=_xeUtils.default.chunk(l,r||4)},changeEvent:function(e,t){var i=this,n=i,a=i.reactData,o=i.$xeForm,r=i.formItemInfo;(a.selectIcon=t)!==n.value&&(i.emitModel(t),i.dispatchEvent("change",{value:t},e),o)&&r&&o.triggerItemEvent(e,r.itemConfig.field,t)},focusEvent:function(){var e=this.reactData;this.computeIsDisabled||e.visiblePanel||this.showOptionPanel()},blurEvent:function(){this.reactData.isActivated=!1},clearValueEvent:function(e,t){this.changeEvent(e,t),this.dispatchEvent("clear",{value:t},e)},clearEvent:function(e,t){this.clearValueEvent(t,null),this.hideOptionPanel()},togglePanelEvent:function(e){var t=this.reactData;e.preventDefault(),t.visiblePanel?this.hideOptionPanel():this.showOptionPanel()},clickEvent:function(e){this.togglePanelEvent(e),this.dispatchEvent("click",{},e)},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,a=n.reactData,o=a.visiblePanel;n.computeIsDisabled||(t=n.$refs.refElem,i=n.$refs.refOptionPanel,a.isActivated=(0,_dom.getEventTargetNode)(e,t).flag||(0,_dom.getEventTargetNode)(e,i).flag,o&&!a.isActivated&&n.hideOptionPanel())},handleGlobalKeydownEvent:function(e){var t,i,n,a,o,r,c,l=this,s=l.reactData,u=l.clearable,p=s.visiblePanel;l.computeIsDisabled||(t=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.TAB),i=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ENTER),n=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ESCAPE),a=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ARROW_UP),o=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ARROW_DOWN),r=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.DELETE),c=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.SPACEBAR),t&&(s.isActivated=!1),p?n||t?l.hideOptionPanel():i?(e.preventDefault(),e.stopPropagation()):(a||o||c)&&e.preventDefault():(a||o||i||c)&&s.isActivated&&(e.preventDefault(),l.showOptionPanel()),s.isActivated&&r&&u&&l.clearValueEvent(e,null))},handleGlobalBlurEvent:function(){var e=this.reactData,t=e.visiblePanel,i=e.isActivated;t&&this.hideOptionPanel(),i&&(e.isActivated=!1),(t||i)&&(e=this.$refs.refInput)&&e.blur()},handleClickIconEvent:function(e,t){t=t.icon;this.changeEvent(e,t),this.hideOptionPanel()},modelSearchEvent:function(e){this.reactData.searchValue=e},focusSearchEvent:function(){this.reactData.isActivated=!0},handleSearchEvent:function(){this.handleData()},triggerSearchEvent:_xeUtils.default.debounce(function(){this.handleSearchEvent()},350,{trailing:!0}),renderIconWrapper:function(n){var a=this,e=a.reactData,o=a.showIconTitle,r=e.selectIcon,e=e.iconGroups;return e.length?n("div",{class:"vxe-ico-picker--list-wrapper"},e.map(function(e){return n("div",{class:"vxe-ico-picker--list"},e.map(function(t){var e=t.iconRender,i=e?_ui.renderer.get(e.name):null,i=i?i.renderIconPickerOptionIcon:null;return n("div",{class:["vxe-ico-picker--item",{"is--selected":r===t.icon}]},[n("div",{class:"vxe-ico-picker--item-inner",on:{click:function(e){a.computeIsDisabled||a.handleClickIconEvent(e,t)}}},[n("div",{class:"vxe-ico-picker--item-icon"},i&&e?(0,_vn.getSlotVNs)(i(n,e,{$iconPicker:a,option:t})):[n("i",{class:t.icon||""})]),o?n("div",{class:"vxe-ico-picker--item-title"},"".concat(t.title||"")):(0,_ui.renderEmptyElement)(a)])])}))})):n("div",{class:"vxe-ico-picker--empty-placeholder"},(0,_ui.getI18n)("vxe.iconPicker.emptyText"))},renderIconView:function(e){var t=this.reactData.selectIcon,i=this.computeSelectIconItem;if(i){var n=i.iconRender,a=n?_ui.renderer.get(n.name):null,a=a?a.renderIconPickerOptionIcon:null;if(a&&n)return e("div",{key:"inc",class:"vxe-ico-picker--icon"},(0,_vn.getSlotVNs)(a.call(this,e,n,{$iconPicker:this,option:i})))}return e("div",{key:"ind",class:"vxe-ico-picker--icon"},[e("i",{class:t})])},renderVN:function(e){var t=this,i=t.reactData,n=t.className,a=t.clearable,o=t.filterable,r=i.initialized,c=i.isActivated,l=i.isAniVisible,s=i.visiblePanel,u=i.selectIcon,p=t.computeSize,f=t.computeIsDisabled,d=t.computeBtnTransfer,v=t.computeInpPlaceholder,h=t.computePanelStyle,m=t.computePopupOpts.className||t.popupClassName;return t.computeFormReadonly?e("div",{ref:"refElem",class:["vxe-ico-picker--readonly",n]},[e("i",{class:u})]):e("div",{ref:"refElem",class:["vxe-ico-picker",n?_xeUtils.default.isFunction(n)?n({$iconPicker:t}):n:"",_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(p),p),"show--clear",a&&!f&&!!u),"is--visible",s),"is--disabled",f),"is--active",c)]},[e("div",{class:"vxe-ico-picker--inner",on:{click:t.clickEvent}},[e("input",{ref:"refInput",class:"vxe-ico-picker--input",on:{focus:t.focusEvent,blur:t.blurEvent}}),u?t.renderIconView(e):e("div",{class:"vxe-ico-picker--placeholder"},v),e("div",{class:"vxe-ico-picker--suffix"},[e("div",{class:"vxe-ico-picker--clear-icon",on:{click:t.clearEvent}},[e("i",{class:(0,_ui.getIcon)().INPUT_CLEAR})]),e("div",{class:"vxe-ico-picker--suffix-icon"},[e("i",{class:s?(0,_ui.getIcon)().ICON_PICKER_OPEN:(0,_ui.getIcon)().ICON_PICKER_CLOSE})])])]),e("div",{ref:"refOptionPanel",class:["vxe-table--ignore-clear vxe-ico-picker--panel",m?_xeUtils.default.isFunction(m)?m({$iconPicker:t}):m:"",_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(p),p),"is--transfer",d),"ani--leave",l),"ani--enter",s)],attrs:{placement:i.panelPlacement},style:i.panelStyle},[r&&(s||l)?e("div",{class:"vxe-ico-picker--panel-wrapper",style:h},[o?e("div",{class:"vxe-ico-picker--panel-search"},[e(_input.default,{ref:"refInpSearch",class:"vxe-ico-picker-search--input",props:{value:i.searchValue,type:"text",clearable:!0,disabled:!1,readonly:!1,placeholder:(0,_ui.getI18n)("vxe.iconPicker.search"),prefixIcon:(0,_ui.getIcon)().INPUT_SEARCH},on:{"model-value":t.modelSearchEvent,focus:t.focusSearchEvent,change:t.triggerSearchEvent,search:t.triggerSearchEvent}})]):(0,_ui.renderEmptyElement)(t),t.renderIconWrapper(e)]):(0,_ui.renderEmptyElement)(t)])])}},watch:{value:function(e){this.reactData.selectIcon="".concat(e||"")},computeIconList:function(){this.handleData()}},created:function(){var e=this,t=e,i=e.reactData;e.internalData=createInternalData(),i.selectIcon="".concat(t.value||""),e.handleData(),_ui.globalEvents.on(e,"mousewheel",e.handleGlobalMousewheelEvent),_ui.globalEvents.on(e,"mousedown",e.handleGlobalMousedownEvent),_ui.globalEvents.on(e,"keydown",e.handleGlobalKeydownEvent),_ui.globalEvents.on(e,"blur",e.handleGlobalBlurEvent)},beforeDestroy:function(){var e=this,t=e.reactData,i=e.internalData,n=e.$refs.refOptionPanel;n&&n.parentNode&&n.parentNode.removeChild(n),_ui.globalEvents.off(e,"mousewheel"),_ui.globalEvents.off(e,"mousedown"),_ui.globalEvents.off(e,"keydown"),_ui.globalEvents.off(e,"blur"),_xeUtils.default.assign(t,createReactData()),_xeUtils.default.assign(i,createInternalData())},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"),_vn=require("../../ui/src/vn"),_input=_interopRequireDefault(require("../../input/src/input"));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 createReactData(){return{initialized:!1,selectIcon:"",panelIndex:0,panelStyle:{},panelPlacement:null,visiblePanel:!1,isAniVisible:!1,isActivated:!1,searchValue:"",iconGroups:[]}}function createInternalData(){return{fullList:[]}}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeIconPicker",mixins:[_ui.globalMixins.sizeMixin],model:{prop:"value",event:"modelValue"},props:{value:String,placeholder:String,clearable:Boolean,size:{type:String,default:function(){return(0,_ui.getConfig)().iconPicker.size||(0,_ui.getConfig)().size}},className:[String,Function],popupClassName:[String,Function],showIconTitle:{type:Boolean,default:function(){return(0,_ui.getConfig)().iconPicker.showIconTitle}},readonly:{type:Boolean,default:null},disabled:{type:Boolean,default:null},filterable:{type:Boolean,default:function(){return(0,_ui.getConfig)().iconPicker.filterable}},filterConfig:Object,icons:Array,placement:String,popupConfig:Object,transfer:{type:Boolean,default:null}},inject:{$xeModal:{default:null},$xeDrawer:{default:null},$xeTable:{default:null},$xeForm:{default:null},formItemInfo:{from:"xeFormItemInfo",default:null}},provide:function(){return{$xeIconPicker:this}},data:function(){var e=createReactData();return Object.assign(Object.assign({},{}),{xID:_xeUtils.default.uniqueId(),reactData:e})},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,a=e.$xeForm,o=e.transfer,e=e.computePopupOpts;if(_xeUtils.default.isBoolean(e.transfer))return e.transfer;if(null===o){e=(0,_ui.getConfig)().iconPicker.transfer;if(_xeUtils.default.isBoolean(e))return e;if(t||i||n||a)return!0}return o},computeInpPlaceholder:function(){var e=this.placeholder;return(e=e||(0,_ui.getConfig)().select.placeholder)?(0,_utils.getFuncText)(e):(0,_ui.getI18n)("vxe.base.pleaseSelect")},computeWrapperStyle:function(){var e=this.computePopupOpts,t=e.chunkSize,i=e.height,e=e.maxHeight,t={"--vxe-ui-icon-picker-item-width":"".concat(100/(t||4),"%")};return i&&(t["--vxe-ui-icon-picker-panel-height"]=(0,_dom.toCssUnit)(i)),e&&(t["--vxe-ui-icon-picker-panel-max-height"]=(0,_dom.toCssUnit)(e)),t},computeIconList:function(){var e=this.icons;return(e=e&&e.length?e:(0,_ui.getConfig)().iconPicker.icons||[]).map(function(e){return _xeUtils.default.isString(e)?{title:e,icon:"vxe-icon-".concat("".concat(e||"").replace(/^vxe-icon-/,""))}:{title:"".concat(e.title||""),icon:e.icon||"",iconRender:e.iconRender}})},computeFilterOpts:function(){return Object.assign({},(0,_ui.getConfig)().iconPicker.filterConfig,this.filterConfig)},computePopupOpts:function(){return Object.assign({},(0,_ui.getConfig)().iconPicker.popupConfig,this.popupConfig)},computeIconGroupList:function(){var e=this.computeIconList;return _xeUtils.default.chunk(e,4)},computeSelectIconItem:function(){var t=this.reactData.selectIcon,e=this.computeIconList;return t?e.find(function(e){return e.icon===t}):null}}),methods:{dispatchEvent:function(e,t,i){this.$emit(e,(0,_ui.createEvent)(i,{$iconPicker:this},t))},emitModel:function(e){var t=this._events;t&&t.modelValue?this.$emit("modelValue",e):this.$emit("model-value",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()},updateZindex:function(){var e=this.reactData;e.panelIndex<(0,_utils.getLastZIndex)()&&(e.panelIndex=(0,_utils.nextZIndex)())},updatePlacement:function(){function e(){var e=(0,_dom.updatePanelPlacement)(o,r,{placement:l.placement||n,defaultPlacement:l.defaultPlacement,teleportTo:c}),t=Object.assign(e.style,{zIndex:a});s&&Object.assign(t,{width:(0,_dom.toCssUnit)(s),minWidth:u?void 0:(0,_dom.toCssUnit)(s)}),i.panelStyle=t,i.panelPlacement=e.placement}var t=this,i=t.reactData,n=t.placement,a=i.panelIndex,o=t.$refs.refElem,r=t.$refs.refOptionPanel,c=t.computeBtnTransfer,l=t.computePopupOpts,s=l.width,u=l.transfer;return e(),t.$nextTick().then(e)},showOptionPanel:function(){var e=this,t=e.reactData,i=e.internalData,n=i.hpTimeout;e.computeIsDisabled||(n&&(clearTimeout(n),i.hpTimeout=void 0),n=e.computeBtnTransfer,i=e.$refs.refOptionPanel,t.initialized||(t.initialized=!0,n&&i&&document.body.appendChild(i)),t.isActivated=!0,t.isAniVisible=!0,setTimeout(function(){t.visiblePanel=!0,e.handleFocusSearch(),e.updatePlacement()},10),e.updateZindex(),e.updatePlacement())},hideOptionPanel:function(){var e=this.reactData,t=this.internalData;e.visiblePanel=!1,t.hpTimeout=setTimeout(function(){e.isAniVisible=!1},350)},handleFocusSearch:function(){var t=this;t.filterable&&t.$nextTick(function(){var e=t.$refs.refInpSearch;e&&e.focus()})},handleData:function(){var t,i=this,e=i.reactData,n=i.value,a=e.searchValue,o=i.computeFilterOpts.filterMethod,r=i.computePopupOpts.chunkSize,c=i.computeIconList,l=c;a&&(t="".concat(a).toLowerCase(),l=c.filter(function(e){return o?o({option:e,value:n,searchValue:t,$iconPicker:i}):e.title&&-1<"".concat(e.title).toLowerCase().indexOf(t)||e.icon&&-1<"".concat(e.icon).indexOf(t)})),e.iconGroups=_xeUtils.default.chunk(l,r||4)},changeEvent:function(e,t){var i=this,n=i,a=i.reactData,o=i.$xeForm,r=i.formItemInfo;(a.selectIcon=t)!==n.value&&(i.emitModel(t),i.dispatchEvent("change",{value:t},e),o)&&r&&o.triggerItemEvent(e,r.itemConfig.field,t)},focusEvent:function(){var e=this.reactData;this.computeIsDisabled||e.visiblePanel||this.showOptionPanel()},blurEvent:function(){this.reactData.isActivated=!1},clearValueEvent:function(e,t){this.changeEvent(e,t),this.dispatchEvent("clear",{value:t},e)},clearEvent:function(e,t){this.clearValueEvent(t,null),this.hideOptionPanel()},togglePanelEvent:function(e){var t=this.reactData;e.preventDefault(),t.visiblePanel?this.hideOptionPanel():this.showOptionPanel()},clickEvent:function(e){this.togglePanelEvent(e),this.dispatchEvent("click",{},e)},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,a=n.reactData,o=a.visiblePanel;n.computeIsDisabled||(t=n.$refs.refElem,i=n.$refs.refOptionPanel,a.isActivated=(0,_dom.getEventTargetNode)(e,t).flag||(0,_dom.getEventTargetNode)(e,i).flag,o&&!a.isActivated&&n.hideOptionPanel())},handleGlobalKeydownEvent:function(e){var t,i,n,a,o,r,c,l=this,s=l.reactData,u=l.clearable,p=s.visiblePanel;l.computeIsDisabled||(t=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.TAB),i=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ENTER),n=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ESCAPE),a=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ARROW_UP),o=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ARROW_DOWN),r=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.DELETE),c=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.SPACEBAR),t&&(s.isActivated=!1),p?n||t?l.hideOptionPanel():i?(e.preventDefault(),e.stopPropagation()):(a||o||c)&&e.preventDefault():(a||o||i||c)&&s.isActivated&&(e.preventDefault(),l.showOptionPanel()),s.isActivated&&r&&u&&l.clearValueEvent(e,null))},handleGlobalBlurEvent:function(){var e=this.reactData,t=e.visiblePanel,i=e.isActivated;t&&this.hideOptionPanel(),i&&(e.isActivated=!1),(t||i)&&(e=this.$refs.refInput)&&e.blur()},handleClickIconEvent:function(e,t){t=t.icon;this.changeEvent(e,t),this.hideOptionPanel()},modelSearchEvent:function(e){this.reactData.searchValue=e},focusSearchEvent:function(){this.reactData.isActivated=!0},handleSearchEvent:function(){this.handleData()},triggerSearchEvent:_xeUtils.default.debounce(function(){this.handleSearchEvent()},350,{trailing:!0}),renderIconWrapper:function(n){var a=this,e=a.reactData,o=a.showIconTitle,r=e.selectIcon,e=e.iconGroups;return e.length?n("div",{class:"vxe-ico-picker--list-wrapper"},e.map(function(e){return n("div",{class:"vxe-ico-picker--list"},e.map(function(t){var e=t.iconRender,i=e?_ui.renderer.get(e.name):null,i=i?i.renderIconPickerOptionIcon:null;return n("div",{class:["vxe-ico-picker--item",{"is--selected":r===t.icon}]},[n("div",{class:"vxe-ico-picker--item-inner",on:{click:function(e){a.computeIsDisabled||a.handleClickIconEvent(e,t)}}},[n("div",{class:"vxe-ico-picker--item-icon"},i&&e?(0,_vn.getSlotVNs)(i(n,e,{$iconPicker:a,option:t})):[n("i",{class:t.icon||""})]),o?n("div",{class:"vxe-ico-picker--item-title"},"".concat(t.title||"")):(0,_ui.renderEmptyElement)(a)])])}))})):n("div",{class:"vxe-ico-picker--empty-placeholder"},(0,_ui.getI18n)("vxe.iconPicker.emptyText"))},renderIconView:function(e){var t=this.reactData.selectIcon,i=this.computeSelectIconItem;if(i){var n=i.iconRender,a=n?_ui.renderer.get(n.name):null,a=a?a.renderIconPickerOptionIcon:null;if(a&&n)return e("div",{key:"inc",class:"vxe-ico-picker--icon"},(0,_vn.getSlotVNs)(a.call(this,e,n,{$iconPicker:this,option:i})))}return e("div",{key:"ind",class:"vxe-ico-picker--icon"},[e("i",{class:t})])},renderVN:function(e){var t=this,i=t.reactData,n=t.className,a=t.clearable,o=t.filterable,r=i.initialized,c=i.isActivated,l=i.isAniVisible,s=i.visiblePanel,u=i.selectIcon,p=t.computeSize,f=t.computeIsDisabled,d=t.computeBtnTransfer,v=t.computeInpPlaceholder,h=t.computeWrapperStyle,m=t.computePopupOpts.className||t.popupClassName;return t.computeFormReadonly?e("div",{ref:"refElem",class:["vxe-ico-picker--readonly",n]},[e("i",{class:u})]):e("div",{ref:"refElem",class:["vxe-ico-picker",n?_xeUtils.default.isFunction(n)?n({$iconPicker:t}):n:"",_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(p),p),"show--clear",a&&!f&&!!u),"is--visible",s),"is--disabled",f),"is--active",c)]},[e("div",{class:"vxe-ico-picker--inner",on:{click:t.clickEvent}},[e("input",{ref:"refInput",class:"vxe-ico-picker--input",on:{focus:t.focusEvent,blur:t.blurEvent}}),u?t.renderIconView(e):e("div",{class:"vxe-ico-picker--placeholder"},v),e("div",{class:"vxe-ico-picker--suffix"},[e("div",{class:"vxe-ico-picker--clear-icon",on:{click:t.clearEvent}},[e("i",{class:(0,_ui.getIcon)().INPUT_CLEAR})]),e("div",{class:"vxe-ico-picker--suffix-icon"},[e("i",{class:s?(0,_ui.getIcon)().ICON_PICKER_OPEN:(0,_ui.getIcon)().ICON_PICKER_CLOSE})])])]),e("div",{ref:"refOptionPanel",class:["vxe-table--ignore-clear vxe-ico-picker--panel",m?_xeUtils.default.isFunction(m)?m({$iconPicker:t}):m:"",_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(p),p),"is--transfer",d),"ani--leave",l),"ani--enter",s)],attrs:{placement:i.panelPlacement},style:i.panelStyle},[r&&(s||l)?e("div",{class:"vxe-ico-picker--panel-wrapper",style:h},[o?e("div",{class:"vxe-ico-picker--panel-search"},[e(_input.default,{ref:"refInpSearch",class:"vxe-ico-picker-search--input",props:{value:i.searchValue,type:"text",clearable:!0,disabled:!1,readonly:!1,placeholder:(0,_ui.getI18n)("vxe.iconPicker.search"),prefixIcon:(0,_ui.getIcon)().INPUT_SEARCH},on:{"model-value":t.modelSearchEvent,focus:t.focusSearchEvent,change:t.triggerSearchEvent,search:t.triggerSearchEvent}})]):(0,_ui.renderEmptyElement)(t),t.renderIconWrapper(e)]):(0,_ui.renderEmptyElement)(t)])])}},watch:{value:function(e){this.reactData.selectIcon="".concat(e||"")},computeIconList:function(){this.handleData()}},created:function(){var e=this,t=e,i=e.reactData;e.internalData=createInternalData(),i.selectIcon="".concat(t.value||""),e.handleData(),_ui.globalEvents.on(e,"mousewheel",e.handleGlobalMousewheelEvent),_ui.globalEvents.on(e,"mousedown",e.handleGlobalMousedownEvent),_ui.globalEvents.on(e,"keydown",e.handleGlobalKeydownEvent),_ui.globalEvents.on(e,"blur",e.handleGlobalBlurEvent)},beforeDestroy:function(){var e=this,t=e.reactData,i=e.internalData,n=e.$refs.refOptionPanel;n&&n.parentNode&&n.parentNode.removeChild(n),_ui.globalEvents.off(e,"mousewheel"),_ui.globalEvents.off(e,"mousedown"),_ui.globalEvents.off(e,"keydown"),_ui.globalEvents.off(e,"blur"),_xeUtils.default.assign(t,createReactData()),_xeUtils.default.assign(i,createInternalData())},render:function(e){return this.renderVN(e)}});

package/lib/index.umd.js

@@ -13256,7 +13256,7 @@ var es_array_join = __webpack_require__(8598);
 
 
 var log_log = VxeUI.log;
-var uiVersion = "ui v".concat("3.16.3");
+var uiVersion = "ui v".concat("3.16.4");
 function createComponentLog(name) {
   var tableVersion = VxeUI.tableVersion ? "table v".concat(VxeUI.tableVersion) : '';
   var ganttVersion = VxeUI.ganttVersion ? "gantt v".concat(VxeUI.ganttVersion) : '';
@@ -13274,7 +13274,7 @@ var errLog = log_log.create('error', uiVersion);
 
 
 
-var ui_version = "3.16.3";
+var ui_version = "3.16.4";
 VxeUI.uiVersion = ui_version;
 VxeUI.dynamicApp = dynamicApp;
 function config(options) {
@@ -39290,7 +39290,7 @@ function date_range_picker_createInternalData() {
       reactData.selectEdValue = endRest;
       var value = $xeDateRangePicker.getRangeValue(startRest, endRest);
       var isFinish = startRest && endRest || !startRest && !endRest;
-      $xeDateRangePicker.$emit('update:modelValue', value);
+      $xeDateRangePicker.emitModel(value);
       $xeDateRangePicker.$emit('update:startValue', startRest || '');
       $xeDateRangePicker.$emit('update:endValue', endRest || '');
       if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toValueString(modelValue) !== value) {
@@ -44543,7 +44543,7 @@ function icon_picker_createInternalData() {
       }
       return getI18n('vxe.base.pleaseSelect');
     },
-    computePanelStyle: function computePanelStyle() {
+    computeWrapperStyle: function computeWrapperStyle() {
       var $xeIconPicker = this;
       var popupOpts = $xeIconPicker.computePopupOpts;
       var chunkSize = popupOpts.chunkSize,
@@ -44689,7 +44689,8 @@ function icon_picker_createInternalData() {
       var panelElem = $xeIconPicker.$refs.refOptionPanel;
       var btnTransfer = $xeIconPicker.computeBtnTransfer;
       var popupOpts = $xeIconPicker.computePopupOpts;
-      var width = popupOpts.width;
+      var width = popupOpts.width,
+        transfer = popupOpts.transfer;
       var handleStyle = function handleStyle() {
         var ppObj = updatePanelPlacement(targetElem, panelElem, {
           placement: popupOpts.placement || placement,
@@ -44702,7 +44703,7 @@ function icon_picker_createInternalData() {
         if (width) {
           Object.assign(panelStyle, {
             width: toCssUnit(width),
-            minWidth: undefined
+            minWidth: transfer ? undefined : toCssUnit(width)
           });
         }
         reactData.panelStyle = panelStyle;
@@ -45067,7 +45068,7 @@ function icon_picker_createInternalData() {
       var btnTransfer = $xeIconPicker.computeBtnTransfer;
       var formReadonly = $xeIconPicker.computeFormReadonly;
       var inpPlaceholder = $xeIconPicker.computeInpPlaceholder;
-      var panelStyle = $xeIconPicker.computePanelStyle;
+      var wrapperStyle = $xeIconPicker.computeWrapperStyle;
       var popupOpts = $xeIconPicker.computePopupOpts;
       var ppClassName = popupOpts.className || props.popupClassName;
       if (formReadonly) {
@@ -45121,7 +45122,7 @@ function icon_picker_createInternalData() {
         style: reactData.panelStyle
       }, [initialized && (visiblePanel || isAniVisible) ? h('div', {
         class: 'vxe-ico-picker--panel-wrapper',
-        style: panelStyle
+        style: wrapperStyle
       }, [filterable ? h('div', {
         class: 'vxe-ico-picker--panel-search'
       }, [h(input, {