vxe-pc-ui 3.20.8 → 3.20.10

package/lib/icon-picker/src/icon-picker.js

@@ -16,6 +16,17 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+var getConfig = _ui.VxeUI.getConfig,
+  getIcon = _ui.VxeUI.getIcon,
+  getI18n = _ui.VxeUI.getI18n,
+  baseUtils = _ui.VxeUI.baseUtils,
+  globalEvents = _ui.VxeUI.globalEvents,
+  createEvent = _ui.VxeUI.createEvent,
+  renderer = _ui.VxeUI.renderer,
+  globalMixins = _ui.VxeUI.globalMixins,
+  GLOBAL_EVENT_KEYS = _ui.VxeUI.GLOBAL_EVENT_KEYS,
+  renderEmptyElement = _ui.VxeUI.renderEmptyElement;
+var getDefVal = baseUtils.getDefVal;
 function createReactData() {
   return {
     initialized: false,
@@ -38,7 +49,7 @@ function createInternalData() {
 }
 var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defineVxeComponent)({
   name: 'VxeIconPicker',
-  mixins: [_ui.globalMixins.sizeMixin],
+  mixins: [globalMixins.sizeMixin, globalMixins.vScrollbarMixin],
   model: {
     prop: 'value',
     event: 'modelValue'
@@ -50,7 +61,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
     size: {
       type: String,
       default: function _default() {
-        return (0, _ui.getConfig)().iconPicker.size || (0, _ui.getConfig)().size;
+        return getConfig().iconPicker.size || getConfig().size;
       }
     },
     className: [String, Function],
@@ -63,7 +74,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
     showIconTitle: {
       type: Boolean,
       default: function _default() {
-        return (0, _ui.getConfig)().iconPicker.showIconTitle;
+        return getConfig().iconPicker.showIconTitle;
       }
     },
     readonly: {
@@ -77,7 +88,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
     filterable: {
       type: Boolean,
       default: function _default() {
-        return (0, _ui.getConfig)().iconPicker.filterable;
+        return getConfig().iconPicker.filterable;
       }
     },
     filterConfig: Object,
@@ -87,7 +98,14 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
     transfer: {
       type: Boolean,
       default: null
-    }
+    },
+    useScrollbar: {
+      type: Boolean,
+      default: function _default() {
+        return getDefVal(getConfig().iconPicker.useScrollbar, getConfig().useScrollbar);
+      }
+    },
+    scrollbarConfig: Object
   },
   inject: {
     $xeModal: {
@@ -160,7 +178,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
         return popupOpts.transfer;
       }
       if (transfer === null) {
-        var globalTransfer = (0, _ui.getConfig)().iconPicker.transfer;
+        var globalTransfer = getConfig().iconPicker.transfer;
         if (_xeUtils.default.isBoolean(globalTransfer)) {
           return globalTransfer;
         }
@@ -177,11 +195,11 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       if (placeholder) {
         return (0, _utils.getFuncText)(placeholder);
       }
-      var globalPlaceholder = (0, _ui.getConfig)().select.placeholder;
+      var globalPlaceholder = getConfig().select.placeholder;
       if (globalPlaceholder) {
         return (0, _utils.getFuncText)(globalPlaceholder);
       }
-      return (0, _ui.getI18n)('vxe.base.pleaseSelect');
+      return getI18n('vxe.base.pleaseSelect');
     },
     computeCurrStyle: function computeCurrStyle() {
       var $xeIconPicker = this;
@@ -216,7 +234,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       var props = $xeIconPicker;
       var icons = props.icons;
       if (!icons || !icons.length) {
-        icons = (0, _ui.getConfig)().iconPicker.icons || [];
+        icons = getConfig().iconPicker.icons || [];
       }
       return icons.map(function (item) {
         if (_xeUtils.default.isString(item)) {
@@ -235,12 +253,12 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
     computeFilterOpts: function computeFilterOpts() {
       var $xeIconPicker = this;
       var props = $xeIconPicker;
-      return Object.assign({}, (0, _ui.getConfig)().iconPicker.filterConfig, props.filterConfig);
+      return Object.assign({}, getConfig().iconPicker.filterConfig, props.filterConfig);
     },
     computePopupOpts: function computePopupOpts() {
       var $xeIconPicker = this;
       var props = $xeIconPicker;
-      return Object.assign({}, (0, _ui.getConfig)().iconPicker.popupConfig, props.popupConfig);
+      return Object.assign({}, getConfig().iconPicker.popupConfig, props.popupConfig);
     },
     computeIconGroupList: function computeIconGroupList() {
       var $xeIconPicker = this;
@@ -263,7 +281,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
     //
     dispatchEvent: function dispatchEvent(type, params, evnt) {
       var $xeIconPicker = this;
-      $xeIconPicker.$emit(type, (0, _ui.createEvent)(evnt, {
+      $xeIconPicker.$emit(type, createEvent(evnt, {
         $iconPicker: $xeIconPicker
       }, params));
     },
@@ -527,13 +545,13 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       var visiblePanel = reactData.visiblePanel;
       var isDisabled = $xeIconPicker.computeIsDisabled;
       if (!isDisabled) {
-        var isTab = _ui.globalEvents.hasKey(evnt, _ui.GLOBAL_EVENT_KEYS.TAB);
-        var isEnter = _ui.globalEvents.hasKey(evnt, _ui.GLOBAL_EVENT_KEYS.ENTER);
-        var isEsc = _ui.globalEvents.hasKey(evnt, _ui.GLOBAL_EVENT_KEYS.ESCAPE);
-        var isUpArrow = _ui.globalEvents.hasKey(evnt, _ui.GLOBAL_EVENT_KEYS.ARROW_UP);
-        var isDwArrow = _ui.globalEvents.hasKey(evnt, _ui.GLOBAL_EVENT_KEYS.ARROW_DOWN);
-        var isDel = _ui.globalEvents.hasKey(evnt, _ui.GLOBAL_EVENT_KEYS.DELETE);
-        var isSpacebar = _ui.globalEvents.hasKey(evnt, _ui.GLOBAL_EVENT_KEYS.SPACEBAR);
+        var isTab = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.TAB);
+        var isEnter = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.ENTER);
+        var isEsc = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.ESCAPE);
+        var isUpArrow = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.ARROW_UP);
+        var isDwArrow = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.ARROW_DOWN);
+        var isDel = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.DELETE);
+        var isSpacebar = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.SPACEBAR);
         if (isTab) {
           reactData.isActivated = false;
         }
@@ -639,7 +657,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       if (!iconList.length) {
         return h('div', {
           class: 'vxe-ico-picker--empty-placeholder'
-        }, (0, _ui.getI18n)('vxe.iconPicker.emptyText'));
+        }, getI18n('vxe.iconPicker.emptyText'));
       }
       return h('div', {
         class: 'vxe-ico-picker--list-wrapper'
@@ -647,7 +665,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
         class: 'vxe-ico-picker--list'
       }, iconList.map(function (item) {
         var iconRender = item.iconRender;
-        var compConf = iconRender ? _ui.renderer.get(iconRender.name) : null;
+        var compConf = iconRender ? renderer.get(iconRender.name) : null;
         var iconMethod = compConf ? compConf.renderIconPickerOptionIcon : null;
         return h('div', {
           class: ['vxe-ico-picker--item', {
@@ -672,7 +690,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
           class: item.icon || ''
         })]), showIconTitle ? h('div', {
           class: 'vxe-ico-picker--item-title'
-        }, "".concat(item.title || '')) : (0, _ui.renderEmptyElement)($xeIconPicker)])]);
+        }, "".concat(item.title || '')) : renderEmptyElement($xeIconPicker)])]);
       }))]);
     },
     renderIconView: function renderIconView(h) {
@@ -682,7 +700,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       var selectIconItem = $xeIconPicker.computeSelectIconItem;
       if (selectIconItem) {
         var iconRender = selectIconItem.iconRender;
-        var compConf = iconRender ? _ui.renderer.get(iconRender.name) : null;
+        var compConf = iconRender ? renderer.get(iconRender.name) : null;
         var oIconMethod = compConf ? compConf.renderIconPickerOptionIcon : null;
         if (oIconMethod && iconRender) {
           return h('div', {
@@ -758,11 +776,11 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
           click: $xeIconPicker.clearEvent
         }
       }, [h('i', {
-        class: (0, _ui.getIcon)().INPUT_CLEAR
+        class: getIcon().INPUT_CLEAR
       })]), h('div', {
         class: 'vxe-ico-picker--suffix-icon'
       }, [h('i', {
-        class: visiblePanel ? (0, _ui.getIcon)().ICON_PICKER_OPEN : (0, _ui.getIcon)().ICON_PICKER_CLOSE
+        class: visiblePanel ? getIcon().ICON_PICKER_OPEN : getIcon().ICON_PICKER_CLOSE
       })])])]), h('div', {
         ref: 'refOptionPanel',
         class: ['vxe-table--ignore-clear vxe-ico-picker--panel', ppClassName ? _xeUtils.default.isFunction(ppClassName) ? ppClassName({
@@ -786,8 +804,8 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
           clearable: true,
           disabled: false,
           readonly: false,
-          placeholder: (0, _ui.getI18n)('vxe.iconPicker.search'),
-          prefixIcon: (0, _ui.getIcon)().INPUT_SEARCH
+          placeholder: getI18n('vxe.iconPicker.search'),
+          prefixIcon: getIcon().INPUT_SEARCH
         },
         on: {
           'model-value': $xeIconPicker.modelSearchEvent,
@@ -795,7 +813,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
           change: $xeIconPicker.triggerSearchEvent,
           search: $xeIconPicker.triggerSearchEvent
         }
-      })]) : (0, _ui.renderEmptyElement)($xeIconPicker), $xeIconPicker.renderIconWrapper(h)]) : (0, _ui.renderEmptyElement)($xeIconPicker)])]);
+      })]) : renderEmptyElement($xeIconPicker), $xeIconPicker.renderIconWrapper(h)]) : renderEmptyElement($xeIconPicker)])]);
     }
   },
   watch: {
@@ -816,11 +834,11 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
     $xeIconPicker.internalData = createInternalData();
     reactData.selectIcon = "".concat(props.value || '');
     $xeIconPicker.handleData();
-    _ui.globalEvents.on($xeIconPicker, 'mousedown', $xeIconPicker.handleGlobalMousedownEvent);
-    _ui.globalEvents.on($xeIconPicker, 'keydown', $xeIconPicker.handleGlobalKeydownEvent);
-    _ui.globalEvents.on($xeIconPicker, 'blur', $xeIconPicker.handleGlobalBlurEvent);
-    _ui.globalEvents.on($xeIconPicker, 'resize', $xeIconPicker.handleGlobalResizeEvent);
-    _ui.globalEvents.on($xeIconPicker, 'scroll', $xeIconPicker.handleGlobalScrollEvent);
+    globalEvents.on($xeIconPicker, 'mousedown', $xeIconPicker.handleGlobalMousedownEvent);
+    globalEvents.on($xeIconPicker, 'keydown', $xeIconPicker.handleGlobalKeydownEvent);
+    globalEvents.on($xeIconPicker, 'blur', $xeIconPicker.handleGlobalBlurEvent);
+    globalEvents.on($xeIconPicker, 'resize', $xeIconPicker.handleGlobalResizeEvent);
+    globalEvents.on($xeIconPicker, 'scroll', $xeIconPicker.handleGlobalScrollEvent);
   },
   beforeDestroy: function beforeDestroy() {
     var $xeIconPicker = this;
@@ -830,11 +848,11 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
     if (panelElem && panelElem.parentNode) {
       panelElem.parentNode.removeChild(panelElem);
     }
-    _ui.globalEvents.off($xeIconPicker, 'mousedown');
-    _ui.globalEvents.off($xeIconPicker, 'keydown');
-    _ui.globalEvents.off($xeIconPicker, 'blur');
-    _ui.globalEvents.off($xeIconPicker, 'resize');
-    _ui.globalEvents.off($xeIconPicker, 'scroll');
+    globalEvents.off($xeIconPicker, 'mousedown');
+    globalEvents.off($xeIconPicker, 'keydown');
+    globalEvents.off($xeIconPicker, 'blur');
+    globalEvents.off($xeIconPicker, 'resize');
+    globalEvents.off($xeIconPicker, 'scroll');
     _xeUtils.default.assign(reactData, createReactData());
     _xeUtils.default.assign(internalData, createInternalData());
   },

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

package/lib/icon-picker/style/style.css

@@ -121,15 +121,21 @@
   color: var(--vxe-ui-font-primary-color);
 }
 
-.vxe-ico-picker--list-wrapper {
+.vxe-ico-picker--list-wrapper,
+.vxe-ico-picker--scrollbar-list-wrapper {
   overflow-x: hidden;
   overflow-y: auto;
   height: var(--vxe-ui-icon-picker-panel-height);
-  max-height: var(--vxe-ui-icon-picker-panel-max-height, var(--vxe-ui-icon-picker-panel-height, 22.3em));
   padding: var(--vxe-ui-layout-padding-qtr);
 }
 
-.vxe-ico-picker--list {
+.vxe-ico-picker--list-wrapper,
+.vxe-ico-picker--scrollbar-list-wrapper-view {
+  max-height: var(--vxe-ui-icon-picker-panel-max-height, var(--vxe-ui-icon-picker-panel-height, 22.6em));
+}
+
+.vxe-ico-picker--list,
+.vxe-ico-picker--scrollbar-list-wrapper-inner {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;

package/lib/icon-picker/style/style.min.css

@@ -1 +1 @@
-.vxe-ico-picker,.vxe-ico-picker--panel{--vxe-ui-ico-picker-current-font-size:var(--vxe-ui-font-size-default);--vxe-ui-ico-picker-current-height:var(--vxe-ui-input-height-default)}.vxe-ico-picker--panel.size--medium,.vxe-ico-picker.size--medium{--vxe-ui-ico-picker-current-font-size:var(--vxe-ui-font-size-medium);--vxe-ui-ico-picker-current-height:var(--vxe-ui-input-height-medium)}.vxe-ico-picker--panel.size--small,.vxe-ico-picker.size--small{--vxe-ui-ico-picker-current-font-size:var(--vxe-ui-font-size-small);--vxe-ui-ico-picker-current-height:var(--vxe-ui-input-height-small)}.vxe-ico-picker--panel.size--mini,.vxe-ico-picker.size--mini{--vxe-ui-ico-picker-current-font-size:var(--vxe-ui-font-size-mini);--vxe-ui-ico-picker-current-height:var(--vxe-ui-input-height-mini)}.vxe-ico-picker{position:relative;display:inline-block;font-size:var(--vxe-ui-ico-picker-current-font-size);color:var(--vxe-ui-font-color);width:100px;border:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-base-border-radius);background-color:var(--vxe-ui-layout-background-color);height:var(--vxe-ui-ico-picker-current-height);line-height:var(--vxe-ui-ico-picker-current-height)}.vxe-ico-picker.is--disabled{background-color:var(--vxe-ui-input-disabled-background-color);color:var(--vxe-ui-font-disabled-color);cursor:no-drop}.vxe-ico-picker.show--clear:hover .vxe-ico-picker--clear-icon{display:block}.vxe-ico-picker.is--active{border-color:var(--vxe-ui-font-primary-color)}.vxe-ico-picker--inner{display:flex;flex-direction:row;width:100%;padding:0 .5em}.vxe-ico-picker--input{position:absolute;z-index:-1;width:1px;height:1px;outline:0;border:0}.vxe-ico-picker--icon{flex-grow:1;display:inline-flex;flex-direction:row;align-items:center;justify-content:left;padding:0 .5em}.vxe-ico-picker--icon>svg{max-width:1em;max-height:1em;vertical-align:middle}.vxe-ico-picker--placeholder{flex-grow:1;color:var(--vxe-ui-input-placeholder-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-ico-picker--suffix{display:flex;flex-direction:row;flex-shrink:0;color:var(--vxe-ui-input-placeholder-color);cursor:pointer}.vxe-ico-picker--suffix .vxe-ico-picker--suffix-icon>i{display:inline-block;transition:transform .2s ease-in-out}.vxe-ico-picker--panel-search{display:block;flex-shrink:0;padding:var(--vxe-ui-layout-padding-default)}.vxe-ico-picker--panel-search .vxe-ico-picker-search--input{width:100%}.vxe-ico-picker--readonly{color:var(--vxe-ui-font-color);display:inline-flex}.vxe-ico-picker--clear-icon{display:none;padding-right:.5em;height:100%;color:var(--vxe-ui-input-placeholder-color);cursor:pointer}.vxe-ico-picker--clear-icon:hover{color:var(--vxe-ui-font-color)}.vxe-ico-picker--clear-icon:active{color:var(--vxe-ui-font-primary-color)}.vxe-ico-picker--list-wrapper{overflow-x:hidden;overflow-y:auto;height:var(--vxe-ui-icon-picker-panel-height);max-height:var(--vxe-ui-icon-picker-panel-max-height,var(--vxe-ui-icon-picker-panel-height,22.3em));padding:var(--vxe-ui-layout-padding-qtr)}.vxe-ico-picker--list{display:flex;flex-direction:row;flex-wrap:wrap}.vxe-ico-picker--item{display:flex;flex-direction:column;width:var(--vxe-ui-icon-picker-item-width,25%);padding:var(--vxe-ui-layout-padding-half)}.vxe-ico-picker--item .vxe-ico-picker--item-inner{padding:.2em;border:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-base-border-radius);cursor:pointer}.vxe-ico-picker--item .vxe-ico-picker--item-inner:hover{background-color:var(--vxe-ui-base-hover-background-color)}.vxe-ico-picker--item.is--selected .vxe-ico-picker--item-inner{color:var(--vxe-ui-font-primary-color);border-color:var(--vxe-ui-font-primary-color)}.vxe-ico-picker--item-icon{flex-grow:1;display:flex;flex-direction:row;align-items:center;justify-content:center;height:1.5em;font-size:var(--vxe-ui-icon-picker-panel-icon-font-size)}.vxe-ico-picker--item-icon>svg{max-width:1em;max-height:1em;vertical-align:middle}.vxe-ico-picker--item-title{padding:0 .2em;line-height:1.3em;flex-shrink:0;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9em}.vxe-ico-picker--item-icon,.vxe-ico-picker--item-title{width:100%}.vxe-ico-picker--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-ico-picker--panel{display:none;position:absolute;left:0;padding:4px 0;font-size:var(--vxe-ui-ico-picker-current-font-size);color:var(--vxe-ui-font-color);text-align:left;width:20em}.vxe-ico-picker--panel:not(.is--transfer){min-width:100%}.vxe-ico-picker--panel.is--transfer{position:fixed}.vxe-ico-picker--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-ico-picker--panel.ani--leave[placement=top]{transform-origin:center bottom}.vxe-ico-picker--panel.ani--enter{opacity:1;transform:scaleY(1)}.vxe-ico-picker--empty-placeholder{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:0 .6em;text-align:center;min-height:4em}
+.vxe-ico-picker,.vxe-ico-picker--panel{--vxe-ui-ico-picker-current-font-size:var(--vxe-ui-font-size-default);--vxe-ui-ico-picker-current-height:var(--vxe-ui-input-height-default)}.vxe-ico-picker--panel.size--medium,.vxe-ico-picker.size--medium{--vxe-ui-ico-picker-current-font-size:var(--vxe-ui-font-size-medium);--vxe-ui-ico-picker-current-height:var(--vxe-ui-input-height-medium)}.vxe-ico-picker--panel.size--small,.vxe-ico-picker.size--small{--vxe-ui-ico-picker-current-font-size:var(--vxe-ui-font-size-small);--vxe-ui-ico-picker-current-height:var(--vxe-ui-input-height-small)}.vxe-ico-picker--panel.size--mini,.vxe-ico-picker.size--mini{--vxe-ui-ico-picker-current-font-size:var(--vxe-ui-font-size-mini);--vxe-ui-ico-picker-current-height:var(--vxe-ui-input-height-mini)}.vxe-ico-picker{position:relative;display:inline-block;font-size:var(--vxe-ui-ico-picker-current-font-size);color:var(--vxe-ui-font-color);width:100px;border:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-base-border-radius);background-color:var(--vxe-ui-layout-background-color);height:var(--vxe-ui-ico-picker-current-height);line-height:var(--vxe-ui-ico-picker-current-height)}.vxe-ico-picker.is--disabled{background-color:var(--vxe-ui-input-disabled-background-color);color:var(--vxe-ui-font-disabled-color);cursor:no-drop}.vxe-ico-picker.show--clear:hover .vxe-ico-picker--clear-icon{display:block}.vxe-ico-picker.is--active{border-color:var(--vxe-ui-font-primary-color)}.vxe-ico-picker--inner{display:flex;flex-direction:row;width:100%;padding:0 .5em}.vxe-ico-picker--input{position:absolute;z-index:-1;width:1px;height:1px;outline:0;border:0}.vxe-ico-picker--icon{flex-grow:1;display:inline-flex;flex-direction:row;align-items:center;justify-content:left;padding:0 .5em}.vxe-ico-picker--icon>svg{max-width:1em;max-height:1em;vertical-align:middle}.vxe-ico-picker--placeholder{flex-grow:1;color:var(--vxe-ui-input-placeholder-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-ico-picker--suffix{display:flex;flex-direction:row;flex-shrink:0;color:var(--vxe-ui-input-placeholder-color);cursor:pointer}.vxe-ico-picker--suffix .vxe-ico-picker--suffix-icon>i{display:inline-block;transition:transform .2s ease-in-out}.vxe-ico-picker--panel-search{display:block;flex-shrink:0;padding:var(--vxe-ui-layout-padding-default)}.vxe-ico-picker--panel-search .vxe-ico-picker-search--input{width:100%}.vxe-ico-picker--readonly{color:var(--vxe-ui-font-color);display:inline-flex}.vxe-ico-picker--clear-icon{display:none;padding-right:.5em;height:100%;color:var(--vxe-ui-input-placeholder-color);cursor:pointer}.vxe-ico-picker--clear-icon:hover{color:var(--vxe-ui-font-color)}.vxe-ico-picker--clear-icon:active{color:var(--vxe-ui-font-primary-color)}.vxe-ico-picker--list-wrapper,.vxe-ico-picker--scrollbar-list-wrapper{overflow-x:hidden;overflow-y:auto;height:var(--vxe-ui-icon-picker-panel-height);padding:var(--vxe-ui-layout-padding-qtr)}.vxe-ico-picker--list-wrapper,.vxe-ico-picker--scrollbar-list-wrapper-view{max-height:var(--vxe-ui-icon-picker-panel-max-height,var(--vxe-ui-icon-picker-panel-height,22.6em))}.vxe-ico-picker--list,.vxe-ico-picker--scrollbar-list-wrapper-inner{display:flex;flex-direction:row;flex-wrap:wrap}.vxe-ico-picker--item{display:flex;flex-direction:column;width:var(--vxe-ui-icon-picker-item-width,25%);padding:var(--vxe-ui-layout-padding-half)}.vxe-ico-picker--item .vxe-ico-picker--item-inner{padding:.2em;border:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-base-border-radius);cursor:pointer}.vxe-ico-picker--item .vxe-ico-picker--item-inner:hover{background-color:var(--vxe-ui-base-hover-background-color)}.vxe-ico-picker--item.is--selected .vxe-ico-picker--item-inner{color:var(--vxe-ui-font-primary-color);border-color:var(--vxe-ui-font-primary-color)}.vxe-ico-picker--item-icon{flex-grow:1;display:flex;flex-direction:row;align-items:center;justify-content:center;height:1.5em;font-size:var(--vxe-ui-icon-picker-panel-icon-font-size)}.vxe-ico-picker--item-icon>svg{max-width:1em;max-height:1em;vertical-align:middle}.vxe-ico-picker--item-title{padding:0 .2em;line-height:1.3em;flex-shrink:0;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9em}.vxe-ico-picker--item-icon,.vxe-ico-picker--item-title{width:100%}.vxe-ico-picker--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-ico-picker--panel{display:none;position:absolute;left:0;padding:4px 0;font-size:var(--vxe-ui-ico-picker-current-font-size);color:var(--vxe-ui-font-color);text-align:left;width:20em}.vxe-ico-picker--panel:not(.is--transfer){min-width:100%}.vxe-ico-picker--panel.is--transfer{position:fixed}.vxe-ico-picker--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-ico-picker--panel.ani--leave[placement=top]{transform-origin:center bottom}.vxe-ico-picker--panel.ani--enter{opacity:1;transform:scaleY(1)}.vxe-ico-picker--empty-placeholder{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:0 .6em;text-align:center;min-height:4em}