vxe-pc-ui 3.7.4 → 3.7.6

package/lib/tree-select/src/tree-select.js

@@ -11,6 +11,7 @@ var _dom = require("../../ui/src/dom");
 var _utils = require("../../ui/src/utils");
 var _log = require("../../ui/src/log");
 var _input = _interopRequireDefault(require("../../input/src/input"));
+var _button = _interopRequireDefault(require("../../button/src/button"));
 var _tree = _interopRequireDefault(require("../../tree/src/tree"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
@@ -45,6 +46,8 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       type: Boolean,
       default: null
     },
+    filterable: Boolean,
+    filterConfig: Object,
     multiple: Boolean,
     className: [String, Function],
     popupClassName: [String, Function],
@@ -55,17 +58,53 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
     size: {
       type: String,
       default: function _default() {
-        return (0, _ui.getConfig)().select.size || (0, _ui.getConfig)().size;
+        return (0, _ui.getConfig)().treeSelect.size || (0, _ui.getConfig)().size;
       }
     },
     remote: Boolean,
-    remoteMethod: Function,
+    remoteConfig: Function,
     popupConfig: Object,
     treeConfig: Object,
+    virtualYConfig: Object,
+    autoClose: {
+      type: Boolean,
+      default: function _default() {
+        return (0, _ui.getConfig)().treeSelect.autoClose;
+      }
+    },
+    showTotalButoon: {
+      type: Boolean,
+      default: function _default() {
+        return (0, _ui.getConfig)().treeSelect.showTotalButoon;
+      }
+    },
+    showCheckedButoon: {
+      type: Boolean,
+      default: function _default() {
+        return (0, _ui.getConfig)().treeSelect.showCheckedButoon;
+      }
+    },
+    showClearButton: {
+      type: Boolean,
+      default: function _default() {
+        return (0, _ui.getConfig)().treeSelect.showClearButton;
+      }
+    },
+    showExpandButton: {
+      type: Boolean,
+      default: function _default() {
+        return (0, _ui.getConfig)().treeSelect.showExpandButton;
+      }
+    },
     transfer: {
       type: Boolean,
       default: null
-    }
+    },
+    /**
+     * 已废弃，被 remote-config.queryMethod 替换
+     * @deprecated
+     */
+    remoteMethod: Function
   },
   inject: {
     $xeModal: {
@@ -95,8 +134,8 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
     var xID = _xeUtils.default.uniqueId();
     var reactData = {
       initialized: false,
-      fullOptionList: [],
-      fullNodeMaps: {},
+      searchValue: '',
+      searchLoading: false,
       panelIndex: 0,
       panelStyle: {},
       panelPlacement: null,
@@ -106,7 +145,9 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       isActivated: false
     };
     var internalData = {
-      hpTimeout: undefined
+      // hpTimeout: undefined,
+      fullOptionList: [],
+      fullNodeMaps: {}
     };
     return {
       xID: xID,
@@ -230,14 +271,31 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       var propsOpts = $xeTreeSelect.computePropsOpts;
       return propsOpts.hasChild || 'hasChild';
     },
+    computeVirtualYOpts: function computeVirtualYOpts() {
+      var $xeTreeSelect = this;
+      var props = $xeTreeSelect;
+      return Object.assign({}, (0, _ui.getConfig)().treeSelect.virtualYConfig, props.virtualYConfig);
+    },
+    computeRemoteOpts: function computeRemoteOpts() {
+      var $xeTreeSelect = this;
+      var props = $xeTreeSelect;
+      return Object.assign({}, (0, _ui.getConfig)().treeSelect.remoteConfig, props.remoteConfig);
+    },
+    computeFilterOpts: function computeFilterOpts() {
+      var $xeTreeSelect = this;
+      var props = $xeTreeSelect;
+      var treeOpts = $xeTreeSelect.computeTreeOpts;
+      return Object.assign({}, treeOpts.filterConfig, props.filterConfig);
+    },
     computeSelectLabel: function computeSelectLabel() {
       var $xeTreeSelect = this;
       var props = $xeTreeSelect;
-      var reactData = $xeTreeSelect.reactData;
-      var value = props.value;
-      var fullNodeMaps = reactData.fullNodeMaps;
+      var internalData = $xeTreeSelect.internalData;
+      var modelValue = props.value;
+      var fullNodeMaps = internalData.fullNodeMaps;
       var labelField = $xeTreeSelect.computeLabelField;
-      return (_xeUtils.default.isArray(value) ? value : [value]).map(function (val) {
+      var selectVals = _xeUtils.default.eqNull(modelValue) ? [] : _xeUtils.default.isArray(modelValue) ? modelValue : [modelValue];
+      return selectVals.map(function (val) {
         var cacheItem = fullNodeMaps[val];
         return cacheItem ? cacheItem.item[labelField] : val;
       }).join(', ');
@@ -286,7 +344,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
     cacheDataMap: function cacheDataMap() {
       var $xeTreeSelect = this;
       var props = $xeTreeSelect;
-      var reactData = $xeTreeSelect.reactData;
+      var internalData = $xeTreeSelect.internalData;
       var options = props.options;
       var nodeKeyField = $xeTreeSelect.computeNodeKeyField;
       var childrenField = $xeTreeSelect.computeChildrenField;
@@ -316,8 +374,8 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       }, {
         children: childrenField
       });
-      reactData.fullOptionList = options || [];
-      reactData.fullNodeMaps = nodeMaps;
+      internalData.fullOptionList = options || [];
+      internalData.fullNodeMaps = nodeMaps;
     },
     updateZindex: function updateZindex() {
       var $xeTreeSelect = this;
@@ -354,8 +412,12 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       var props = $xeTreeSelect;
       var reactData = $xeTreeSelect.reactData;
       var internalData = $xeTreeSelect.internalData;
-      var loading = props.loading;
+      var loading = props.loading,
+        remote = props.remote,
+        filterable = props.filterable;
+      var fullOptionList = internalData.fullOptionList;
       var isDisabled = $xeTreeSelect.computeIsDisabled;
+      var remoteOpts = $xeTreeSelect.computeRemoteOpts;
       if (!loading && !isDisabled) {
         if (internalData.hpTimeout) {
           clearTimeout(internalData.hpTimeout);
@@ -372,8 +434,14 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
         }
         reactData.isActivated = true;
         reactData.isAniVisible = true;
+        if (filterable) {
+          if (remote && remoteOpts.enabled && remoteOpts.autoLoad && !fullOptionList.length) {
+            $xeTreeSelect.handleSearchEvent();
+          }
+        }
         setTimeout(function () {
           reactData.visiblePanel = true;
+          $xeTreeSelect.handleFocusSearch();
         }, 10);
         $xeTreeSelect.updateZindex();
         $xeTreeSelect.updatePlacement();
@@ -391,10 +459,10 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
     changeEvent: function changeEvent(evnt, selectValue) {
       var $xeTreeSelect = this;
       var props = $xeTreeSelect;
-      var reactData = $xeTreeSelect.reactData;
+      var internalData = $xeTreeSelect.internalData;
       var $xeForm = $xeTreeSelect.$xeForm;
       var formItemInfo = $xeTreeSelect.formItemInfo;
-      var fullNodeMaps = reactData.fullNodeMaps;
+      var fullNodeMaps = internalData.fullNodeMaps;
       $xeTreeSelect.emitModel(selectValue);
       if (selectValue !== props.value) {
         var cacheItem = fullNodeMaps[selectValue];
@@ -420,6 +488,62 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       $xeTreeSelect.clearValueEvent(evnt, null);
       $xeTreeSelect.hideOptionPanel();
     },
+    allCheckedPanelEvent: function allCheckedPanelEvent(params) {
+      var $xeTreeSelect = this;
+      var props = $xeTreeSelect;
+      var $event = params.$event;
+      var multiple = props.multiple,
+        autoClose = props.autoClose;
+      var $tree = $xeTreeSelect.$refs.refTree;
+      if (multiple) {
+        if ($tree) {
+          $tree.setAllCheckboxNode(true).then(function (_ref) {
+            var checkNodeKeys = _ref.checkNodeKeys;
+            $xeTreeSelect.changeEvent($event, checkNodeKeys);
+            $xeTreeSelect.dispatchEvent('all-change', {
+              value: checkNodeKeys
+            }, $event);
+            if (autoClose) {
+              $xeTreeSelect.hideOptionPanel();
+            }
+          });
+        }
+      }
+    },
+    clearCheckedPanelEvent: function clearCheckedPanelEvent(params) {
+      var $xeTreeSelect = this;
+      var props = $xeTreeSelect;
+      var $event = params.$event;
+      var multiple = props.multiple,
+        autoClose = props.autoClose;
+      var $tree = $xeTreeSelect.$refs.refTree;
+      if ($tree) {
+        var value = multiple ? [] : null;
+        $tree.clearCheckboxNode().then(function () {
+          if (autoClose) {
+            $xeTreeSelect.hideOptionPanel();
+          }
+        });
+        $xeTreeSelect.changeEvent($event, value);
+        $xeTreeSelect.dispatchEvent('clear', {
+          value: value
+        }, $event);
+      }
+    },
+    allExpandPanelEvent: function allExpandPanelEvent() {
+      var $xeTreeSelect = this;
+      var $tree = $xeTreeSelect.$refs.refTree;
+      if ($tree) {
+        $tree.setAllExpandNode(true);
+      }
+    },
+    clearExpandPanelEvent: function clearExpandPanelEvent() {
+      var $xeTreeSelect = this;
+      var $tree = $xeTreeSelect.$refs.refTree;
+      if ($tree) {
+        $tree.clearAllExpandNode();
+      }
+    },
     handleGlobalMousewheelEvent: function handleGlobalMousewheelEvent(evnt) {
       var $xeTreeSelect = this;
       var reactData = $xeTreeSelect.reactData;
@@ -462,6 +586,18 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
         $xeTreeSelect.updatePlacement();
       }
     },
+    handleFocusSearch: function handleFocusSearch() {
+      var $xeSelect = this;
+      var props = $xeSelect;
+      if (props.filterable) {
+        $xeSelect.$nextTick(function () {
+          var inpSearch = $xeSelect.$refs.refInpSearch;
+          if (inpSearch) {
+            inpSearch.focus();
+          }
+        });
+      }
+    },
     focusEvent: function focusEvent(evnt) {
       var $xeTreeSelect = this;
       var reactData = $xeTreeSelect.reactData;
@@ -488,6 +624,36 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       reactData.isActivated = false;
       $xeTreeSelect.dispatchEvent('blur', {}, evnt);
     },
+    modelSearchEvent: function modelSearchEvent(value) {
+      var $xeTreeSelect = this;
+      var reactData = $xeTreeSelect.reactData;
+      reactData.searchValue = value;
+    },
+    handleSearchEvent: function handleSearchEvent() {
+      var $xeTreeSelect = this;
+      var props = $xeTreeSelect;
+      var reactData = $xeTreeSelect.reactData;
+      var modelValue = props.value,
+        remote = props.remote,
+        remoteMethod = props.remoteMethod;
+      var searchValue = reactData.searchValue;
+      var remoteOpts = $xeTreeSelect.computeRemoteOpts;
+      var queryMethod = remoteOpts.queryMethod || remoteMethod;
+      if (remote && queryMethod && remoteOpts.enabled) {
+        reactData.searchLoading = true;
+        Promise.resolve(queryMethod({
+          $treeSelect: $xeTreeSelect,
+          searchValue: searchValue,
+          value: modelValue
+        })).then(function () {
+          return $xeTreeSelect.$nextTick();
+        }).catch(function () {
+          return $xeTreeSelect.$nextTick();
+        }).finally(function () {
+          reactData.searchLoading = false;
+        });
+      }
+    },
     togglePanelEvent: function togglePanelEvent(params) {
       var $xeTreeSelect = this;
       var reactData = $xeTreeSelect.reactData;
@@ -534,14 +700,20 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       var slots = $xeTreeSelect.$scopedSlots;
       var reactData = $xeTreeSelect.reactData;
       var className = props.className,
-        value = props.value,
+        modelValue = props.value,
         multiple = props.multiple,
         options = props.options,
-        loading = props.loading;
+        loading = props.loading,
+        filterable = props.filterable,
+        showTotalButoon = props.showTotalButoon,
+        showCheckedButoon = props.showCheckedButoon,
+        showClearButton = props.showClearButton,
+        showExpandButton = props.showExpandButton;
       var initialized = reactData.initialized,
         isActivated = reactData.isActivated,
         isAniVisible = reactData.isAniVisible,
-        visiblePanel = reactData.visiblePanel;
+        visiblePanel = reactData.visiblePanel,
+        searchValue = reactData.searchValue;
       var vSize = $xeTreeSelect.computeSize;
       var isDisabled = $xeTreeSelect.computeIsDisabled;
       var selectLabel = $xeTreeSelect.computeSelectLabel;
@@ -563,6 +735,8 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       var childrenField = $xeTreeSelect.computeChildrenField;
       var parentField = $xeTreeSelect.computeParentField;
       var hasChildField = $xeTreeSelect.computeHasChildField;
+      var virtualYOpts = $xeTreeSelect.computeVirtualYOpts;
+      var filterOpts = $xeTreeSelect.computeFilterOpts;
       if (formReadonly) {
         return h('div', {
           ref: 'refElem',
@@ -571,11 +745,12 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
           class: 'vxe-tree-select-label'
         }, selectLabel)]);
       }
+      var selectVals = _xeUtils.default.eqNull(modelValue) ? [] : _xeUtils.default.isArray(modelValue) ? modelValue : [modelValue];
       return h('div', {
         ref: 'refElem',
         class: ['vxe-tree-select', className ? _xeUtils.default.isFunction(className) ? className({
           $treeSelect: $xeTreeSelect
-        }) : className : '', _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "size--".concat(vSize), vSize), 'is--visible', visiblePanel), 'is--disabled', isDisabled), 'is--loading', loading), 'is--active', isActivated)]
+        }) : className : '', _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "size--".concat(vSize), vSize), 'is--filterable', filterable), 'is--visible', visiblePanel), 'is--disabled', isDisabled), 'is--loading', loading), 'is--active', isActivated)]
       }, [h(_input.default, {
         ref: 'refInput',
         props: {
@@ -586,7 +761,8 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
           type: 'text',
           prefixIcon: props.prefixIcon,
           suffixIcon: loading ? (0, _ui.getIcon)().TREE_SELECT_LOADED : visiblePanel ? (0, _ui.getIcon)().TREE_SELECT_OPEN : (0, _ui.getIcon)().TREE_SELECT_CLOSE,
-          value: loading ? (0, _ui.getI18n)('vxe.select.loadingText') : selectLabel
+          value: loading ? (0, _ui.getI18n)('vxe.select.loadingText') : selectLabel,
+          title: selectLabel
         },
         on: {
           clear: $xeTreeSelect.clearEvent,
@@ -611,24 +787,84 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
         style: reactData.panelStyle
       }, initialized ? [h('div', {
         class: 'vxe-tree-select--panel-wrapper'
-      }, [headerSlot ? h('div', {
+      }, [filterable ? h('div', {
+        class: 'vxe-tree-select--panel-search'
+      }, [h(_input.default, {
+        ref: 'refInpSearch',
+        class: 'vxe-tree-select-search--input',
+        props: {
+          value: searchValue,
+          title: selectLabel,
+          clearable: true,
+          disabled: false,
+          readonly: false,
+          placeholder: (0, _ui.getI18n)('vxe.treeSelect.search'),
+          prefixIcon: (0, _ui.getIcon)().INPUT_SEARCH
+        },
+        on: {
+          'model-value': $xeTreeSelect.modelSearchEvent
+        }
+      })]) : (0, _ui.renderEmptyElement)($xeTreeSelect), showTotalButoon || showCheckedButoon && multiple || showClearButton || showExpandButton || headerSlot ? h('div', {
         class: 'vxe-tree-select--panel-header'
-      }, headerSlot({})) : (0, _ui.renderEmptyElement)($xeTreeSelect), h('div', {
+      }, headerSlot ? headerSlot({}) : [h('div', {
+        class: 'vxe-tree-select--header-button'
+      }, [showTotalButoon ? h('div', {
+        class: 'vxe-tree-select--header-total'
+      }, (0, _ui.getI18n)('vxe.treeSelect.total', [selectVals.length])) : (0, _ui.renderEmptyElement)($xeTreeSelect), h('div', {
+        class: 'vxe-tree-select--header-btns'
+      }, [showCheckedButoon && multiple ? h(_button.default, {
+        props: {
+          content: (0, _ui.getI18n)('vxe.treeSelect.allChecked'),
+          mode: 'text'
+        },
+        on: {
+          click: $xeTreeSelect.allCheckedPanelEvent
+        }
+      }) : (0, _ui.renderEmptyElement)($xeTreeSelect), showClearButton ? h(_button.default, {
+        props: {
+          content: (0, _ui.getI18n)('vxe.treeSelect.clearChecked'),
+          mode: 'text'
+        },
+        on: {
+          click: $xeTreeSelect.clearCheckedPanelEvent
+        }
+      }) : (0, _ui.renderEmptyElement)($xeTreeSelect), showExpandButton ? h(_button.default, {
+        props: {
+          content: (0, _ui.getI18n)('vxe.treeSelect.allExpand'),
+          mode: 'text'
+        },
+        on: {
+          click: $xeTreeSelect.allExpandPanelEvent
+        }
+      }) : (0, _ui.renderEmptyElement)($xeTreeSelect), showExpandButton ? h(_button.default, {
+        props: {
+          content: (0, _ui.getI18n)('vxe.treeSelect.clearExpand'),
+          mode: 'text'
+        },
+        on: {
+          click: $xeTreeSelect.clearExpandPanelEvent
+        }
+      }) : (0, _ui.renderEmptyElement)($xeTreeSelect)])])]) : (0, _ui.renderEmptyElement)($xeTreeSelect), h('div', {
         class: 'vxe-tree-select--panel-body'
       }, [h('div', {
         ref: 'refTreeWrapper',
         class: 'vxe-tree-select-tree--wrapper',
         style: popupWrapperStyle
       }, [h(_tree.default, {
+        ref: 'refTree',
         class: 'vxe-tree-select--tree',
         props: {
           data: options,
+          height: popupOpts.height ? '100%' : treeOpts.height,
+          minHeight: treeOpts.minHeight,
+          maxHeight: popupOpts.height ? '' : treeOpts.maxHeight,
+          autoResize: true,
           indent: treeOpts.indent,
           showRadio: !multiple,
           radioConfig: treeRadioOpts,
-          checkNodeKey: multiple ? null : value,
+          checkNodeKey: multiple ? null : modelValue,
           showCheckbox: !!multiple,
-          checkNodeKeys: multiple ? value : null,
+          checkNodeKeys: multiple ? modelValue : null,
           checkboxConfig: treeCheckboxOpts,
           titleField: labelField,
           valueField: valueField,
@@ -648,7 +884,10 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
           showLine: treeOpts.showLine,
           iconOpen: treeOpts.iconOpen,
           iconLoaded: treeOpts.iconLoaded,
-          iconClose: treeOpts.iconClose
+          iconClose: treeOpts.iconClose,
+          filterValue: searchValue,
+          filterConfig: filterOpts,
+          virtualYConfig: virtualYOpts
         },
         on: {
           'node-click': $xeTreeSelect.nodeClickEvent,

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

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils"),_log=require("../../ui/src/log"),_input=_interopRequireDefault(require("../../input/src/input")),_tree=_interopRequireDefault(require("../../tree/src/tree"));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.")}function getOptUniqueId(){return _xeUtils.default.uniqueId("node_")}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeTreeSelect",mixins:[_ui.globalMixins.sizeMixin],model:{prop:"value",event:"modelValue"},props:{value:[String,Number,Array],clearable:Boolean,placeholder:{type:String,default:function(){return _xeUtils.default.eqNull((0,_ui.getConfig)().treeSelect.placeholder)?(0,_ui.getI18n)("vxe.base.pleaseSelect"):(0,_ui.getConfig)().treeSelect.placeholder}},readonly:{type:Boolean,default:null},loading:Boolean,disabled:{type:Boolean,default:null},multiple:Boolean,className:[String,Function],popupClassName:[String,Function],prefixIcon:String,placement:String,options:Array,optionProps:Object,size:{type:String,default:function(){return(0,_ui.getConfig)().select.size||(0,_ui.getConfig)().size}},remote:Boolean,remoteMethod:Function,popupConfig:Object,treeConfig: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{$xeTreeSelect:this}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{initialized:!1,fullOptionList:[],fullNodeMaps:{},panelIndex:0,panelStyle:{},panelPlacement:null,triggerFocusPanel:!1,visiblePanel:!1,isAniVisible:!1,isActivated:!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,n=e.$xeModal,i=e.$xeDrawer,o=e.$xeForm,e=e.transfer;if(null===e){var l=(0,_ui.getConfig)().treeSelect.transfer;if(_xeUtils.default.isBoolean(l))return l;if(t||n||i||o)return!0}return e},computePopupOpts:function(){return Object.assign({},(0,_ui.getConfig)().treeSelect.popupConfig,this.popupConfig)},computeTreeOpts:function(){return Object.assign({},(0,_ui.getConfig)().treeSelect.treeConfig,this.treeConfig)},computeTreeNodeOpts:function(){var e=this.computeTreeOpts;return Object.assign({isHover:!0},e.nodeConfig)},computeTreeCheckboxOpts:function(){var e=this.computeTreeOpts;return Object.assign({showIcon:!!e.showCheckbox},e.checkboxConfig,{trigger:"node"})},computeTreeRadioOpts:function(){var e=this.computeTreeOpts;return Object.assign({showIcon:!!e.showRadio},e.radioConfig,{trigger:"node"})},computePropsOpts:function(){return Object.assign({},this.optionProps)},computeNodeKeyField:function(){return this.computeTreeOpts.keyField||"id"},computeLabelField:function(){return this.computePropsOpts.label||"label"},computeValueField:function(){return this.computePropsOpts.value||"value"},computeChildrenField:function(){return this.computePropsOpts.children||"children"},computeParentField:function(){return this.computePropsOpts.parent||"parentField"},computeHasChildField:function(){return this.computePropsOpts.hasChild||"hasChild"},computeSelectLabel:function(){var e=this.reactData,t=this.value,n=e.fullNodeMaps,i=this.computeLabelField;return(_xeUtils.default.isArray(t)?t:[t]).map(function(e){var t=n[e];return t?t.item[i]:e}).join(", ")},computePopupWrapperStyle:function(){var e=this.computePopupOpts,t=e.height,e=e.width,n={};return e&&(n.width=(0,_dom.toCssUnit)(e)),t&&(n.height=(0,_dom.toCssUnit)(t),n.maxHeight=(0,_dom.toCssUnit)(t)),n}}),methods:{dispatchEvent:function(e,t,n){this.$emit(e,(0,_ui.createEvent)(n,{$treeSelect:this},t))},emitModel:function(e){var t=this._events;t&&t.modelValue?this.$emit("modelValue",e):this.$emit("model-value",e)},getNodeid:function(e){e=e[this.computeNodeKeyField];return e?encodeURIComponent(e):""},cacheDataMap:function(){var a=this,e=a.reactData,t=a.options,u=a.computeNodeKeyField,s=a.computeValueField,c={},p={};_xeUtils.default.eachTree(t,function(e,t,n,i,o,l){var r=(r=a.getNodeid(e))||getOptUniqueId(),r=(p[r]&&(0,_log.errLog)("vxe.error.repeatKey",[u,r]),p[r]=!0,e[s]);c[r]&&(0,_log.errLog)("vxe.error.repeatKey",[s,r]),c[r]={item:e,index:t,items:n,parent:o,nodes:l}},{children:a.computeChildrenField}),e.fullOptionList=t||[],e.fullNodeMaps=c},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)(l,r,{placement:i,teleportTo:a}),t=Object.assign(e.style,{zIndex:o});n.panelStyle=t,n.panelPlacement=e.placement}var t=this,n=t.reactData,i=t.placement,o=n.panelIndex,l=t.$refs.refElem,r=t.$refs.refOptionPanel,a=t.computeBtnTransfer;return e(),t.$nextTick().then(e)},showOptionPanel:function(){var e,t=this,n=t.reactData,i=t.internalData;t.loading||t.computeIsDisabled||(i.hpTimeout&&clearTimeout(i.hpTimeout),n.initialized||(n.initialized=!0,i=t.computeBtnTransfer,e=t.$refs.refOptionPanel,i&&e&&document.body.appendChild(e)),n.isActivated=!0,n.isAniVisible=!0,setTimeout(function(){n.visiblePanel=!0},10),t.updateZindex(),t.updatePlacement())},hideOptionPanel:function(){var e=this.reactData,t=this.internalData;e.visiblePanel=!1,t.hpTimeout=setTimeout(function(){e.isAniVisible=!1},350)},changeEvent:function(e,t){var n=this,i=n,o=n.reactData,l=n.$xeForm,r=n.formItemInfo,o=o.fullNodeMaps;n.emitModel(t),t!==i.value&&(i=o[t],n.dispatchEvent("change",{value:t,option:i?i.item:null},e),l)&&r&&l.triggerItemEvent(e,r.itemConfig.field,t)},clearValueEvent:function(e,t){this.changeEvent(e,t),this.dispatchEvent("clear",{value:t},e)},clearEvent:function(e,t){this.clearValueEvent(t,null),this.hideOptionPanel()},handleGlobalMousewheelEvent:function(e){var t=this,n=t.reactData.visiblePanel;t.computeIsDisabled||n&&(n=t.$refs.refOptionPanel,(0,_dom.getEventTargetNode)(e,n).flag?t.updatePlacement():t.hideOptionPanel())},handleGlobalMousedownEvent:function(e){var t,n,i=this,o=i.reactData,l=o.visiblePanel;i.computeIsDisabled||(t=i.$refs.refElem,n=i.$refs.refOptionPanel,o.isActivated=(0,_dom.getEventTargetNode)(e,t).flag||(0,_dom.getEventTargetNode)(e,n).flag,l&&!o.isActivated&&i.hideOptionPanel())},handleGlobalBlurEvent:function(){this.hideOptionPanel()},handleGlobalResizeEvent:function(){this.reactData.visiblePanel&&this.updatePlacement()},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)},togglePanelEvent:function(e){var t=this.reactData;e.$event.preventDefault(),t.triggerFocusPanel?t.triggerFocusPanel=!1:t.visiblePanel?this.hideOptionPanel():this.showOptionPanel()},nodeClickEvent:function(e){var t=e.$event;this.dispatchEvent("node-click",e,t)},radioChangeEvent:function(e){var t=e.value;this.changeEvent(e.$event,t),this.hideOptionPanel()},checkboxChangeEvent:function(e){var t=e.value;this.changeEvent(e.$event,t)},loadSuccessEvent:function(){this.cacheDataMap()},renderVN:function(e){var t=this,n=t,i=t.$scopedSlots,o=t.reactData,l=n.className,r=n.value,a=n.multiple,u=n.options,s=n.loading,c=o.initialized,p=o.isActivated,d=o.isAniVisible,f=o.visiblePanel,h=t.computeSize,m=t.computeIsDisabled,v=t.computeSelectLabel,g=t.computeBtnTransfer,b=t.computePopupWrapperStyle,_=i.header,x=i.footer,y=i.prefix,i=t.computePopupOpts.className||n.popupClassName,E=t.computeTreeOpts,P=t.computeTreeNodeOpts,O=t.computeTreeCheckboxOpts,C=t.computeTreeRadioOpts,F=t.computeNodeKeyField,T=t.computeLabelField,S=t.computeValueField,I=t.computeChildrenField,D=t.computeParentField,w=t.computeHasChildField;return t.computeFormReadonly?e("div",{ref:"refElem",class:["vxe-tree-select--readonly",l]},[e("span",{class:"vxe-tree-select-label"},v)]):e("div",{ref:"refElem",class:["vxe-tree-select",l?_xeUtils.default.isFunction(l)?l({$treeSelect:t}):l:"",_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(h),h),"is--visible",f),"is--disabled",m),"is--loading",s),"is--active",p)]},[e(_input.default,{ref:"refInput",props:{clearable:n.clearable,placeholder:n.placeholder,readonly:!0,disabled:m,type:"text",prefixIcon:n.prefixIcon,suffixIcon:s?(0,_ui.getIcon)().TREE_SELECT_LOADED:f?(0,_ui.getIcon)().TREE_SELECT_OPEN:(0,_ui.getIcon)().TREE_SELECT_CLOSE,value:s?(0,_ui.getI18n)("vxe.select.loadingText"):v},on:{clear:t.clearEvent,click:t.clickEvent,focus:t.focusEvent,blur:t.blurEvent,"suffix-click":t.togglePanelEvent},scopedSlots:y?{prefix:function(){return y({})}}:{}}),e("div",{ref:"refOptionPanel",class:["vxe-table--ignore-clear vxe-tree-select--panel",i?_xeUtils.default.isFunction(i)?i({$treeSelect:t}):i:"",_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(h),h),"is--transfer",g),"ani--leave",!s&&d),"ani--enter",!s&&f)],attrs:{placement:o.panelPlacement},style:o.panelStyle},c?[e("div",{class:"vxe-tree-select--panel-wrapper"},[_?e("div",{class:"vxe-tree-select--panel-header"},_({})):(0,_ui.renderEmptyElement)(t),e("div",{class:"vxe-tree-select--panel-body"},[e("div",{ref:"refTreeWrapper",class:"vxe-tree-select-tree--wrapper",style:b},[e(_tree.default,{class:"vxe-tree-select--tree",props:{data:u,indent:E.indent,showRadio:!a,radioConfig:C,checkNodeKey:a?null:r,showCheckbox:!!a,checkNodeKeys:a?r:null,checkboxConfig:O,titleField:T,valueField:S,keyField:F,childrenField:E.childrenField||I,parentField:E.parentField||D,hasChildField:E.hasChildField||w,accordion:E.accordion,expandAll:E.expandAll,nodeConfig:P,lazy:E.lazy,loadMethod:E.loadMethod,toggleMethod:E.toggleMethod,transform:E.transform,trigger:E.trigger,showIcon:E.showIcon,showLine:E.showLine,iconOpen:E.iconOpen,iconLoaded:E.iconLoaded,iconClose:E.iconClose},on:{"node-click":t.nodeClickEvent,"radio-change":t.radioChangeEvent,"checkbox-change":t.checkboxChangeEvent,"load-success":t.loadSuccessEvent}})])]),x?e("div",{class:"vxe-tree-select--panel-footer"},x({})):(0,_ui.renderEmptyElement)(t)])]:[])])}},watch:{options:function(){this.cacheDataMap()}},created:function(){this.cacheDataMap()},mounted:function(){var e=this;_ui.globalEvents.on(e,"mousewheel",e.handleGlobalMousewheelEvent),_ui.globalEvents.on(e,"mousedown",e.handleGlobalMousedownEvent),_ui.globalEvents.on(e,"blur",e.handleGlobalBlurEvent),_ui.globalEvents.on(e,"resize",e.handleGlobalResizeEvent)},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,"blur"),_ui.globalEvents.off(e,"resize")},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"),_log=require("../../ui/src/log"),_input=_interopRequireDefault(require("../../input/src/input")),_button=_interopRequireDefault(require("../../button/src/button")),_tree=_interopRequireDefault(require("../../tree/src/tree"));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.")}function getOptUniqueId(){return _xeUtils.default.uniqueId("node_")}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeTreeSelect",mixins:[_ui.globalMixins.sizeMixin],model:{prop:"value",event:"modelValue"},props:{value:[String,Number,Array],clearable:Boolean,placeholder:{type:String,default:function(){return _xeUtils.default.eqNull((0,_ui.getConfig)().treeSelect.placeholder)?(0,_ui.getI18n)("vxe.base.pleaseSelect"):(0,_ui.getConfig)().treeSelect.placeholder}},readonly:{type:Boolean,default:null},loading:Boolean,disabled:{type:Boolean,default:null},filterable:Boolean,filterConfig:Object,multiple:Boolean,className:[String,Function],popupClassName:[String,Function],prefixIcon:String,placement:String,options:Array,optionProps:Object,size:{type:String,default:function(){return(0,_ui.getConfig)().treeSelect.size||(0,_ui.getConfig)().size}},remote:Boolean,remoteConfig:Function,popupConfig:Object,treeConfig:Object,virtualYConfig:Object,autoClose:{type:Boolean,default:function(){return(0,_ui.getConfig)().treeSelect.autoClose}},showTotalButoon:{type:Boolean,default:function(){return(0,_ui.getConfig)().treeSelect.showTotalButoon}},showCheckedButoon:{type:Boolean,default:function(){return(0,_ui.getConfig)().treeSelect.showCheckedButoon}},showClearButton:{type:Boolean,default:function(){return(0,_ui.getConfig)().treeSelect.showClearButton}},showExpandButton:{type:Boolean,default:function(){return(0,_ui.getConfig)().treeSelect.showExpandButton}},transfer:{type:Boolean,default:null},remoteMethod:Function},inject:{$xeModal:{default:null},$xeDrawer:{default:null},$xeTable:{default:null},$xeForm:{default:null},formItemInfo:{from:"xeFormItemInfo",default:null}},provide:function(){return{$xeTreeSelect:this}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{initialized:!1,searchValue:"",searchLoading:!1,panelIndex:0,panelStyle:{},panelPlacement:null,triggerFocusPanel:!1,visiblePanel:!1,isAniVisible:!1,isActivated:!1},internalData:{fullOptionList:[],fullNodeMaps:{}}}},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,o=e.$xeForm,e=e.transfer;if(null===e){var l=(0,_ui.getConfig)().treeSelect.transfer;if(_xeUtils.default.isBoolean(l))return l;if(t||n||i||o)return!0}return e},computePopupOpts:function(){return Object.assign({},(0,_ui.getConfig)().treeSelect.popupConfig,this.popupConfig)},computeTreeOpts:function(){return Object.assign({},(0,_ui.getConfig)().treeSelect.treeConfig,this.treeConfig)},computeTreeNodeOpts:function(){var e=this.computeTreeOpts;return Object.assign({isHover:!0},e.nodeConfig)},computeTreeCheckboxOpts:function(){var e=this.computeTreeOpts;return Object.assign({showIcon:!!e.showCheckbox},e.checkboxConfig,{trigger:"node"})},computeTreeRadioOpts:function(){var e=this.computeTreeOpts;return Object.assign({showIcon:!!e.showRadio},e.radioConfig,{trigger:"node"})},computePropsOpts:function(){return Object.assign({},this.optionProps)},computeNodeKeyField:function(){return this.computeTreeOpts.keyField||"id"},computeLabelField:function(){return this.computePropsOpts.label||"label"},computeValueField:function(){return this.computePropsOpts.value||"value"},computeChildrenField:function(){return this.computePropsOpts.children||"children"},computeParentField:function(){return this.computePropsOpts.parent||"parentField"},computeHasChildField:function(){return this.computePropsOpts.hasChild||"hasChild"},computeVirtualYOpts:function(){return Object.assign({},(0,_ui.getConfig)().treeSelect.virtualYConfig,this.virtualYConfig)},computeRemoteOpts:function(){return Object.assign({},(0,_ui.getConfig)().treeSelect.remoteConfig,this.remoteConfig)},computeFilterOpts:function(){var e=this.computeTreeOpts;return Object.assign({},e.filterConfig,this.filterConfig)},computeSelectLabel:function(){var e=this.internalData,t=this.value,n=e.fullNodeMaps,i=this.computeLabelField;return(_xeUtils.default.eqNull(t)?[]:_xeUtils.default.isArray(t)?t:[t]).map(function(e){var t=n[e];return t?t.item[i]:e}).join(", ")},computePopupWrapperStyle:function(){var e=this.computePopupOpts,t=e.height,e=e.width,n={};return e&&(n.width=(0,_dom.toCssUnit)(e)),t&&(n.height=(0,_dom.toCssUnit)(t),n.maxHeight=(0,_dom.toCssUnit)(t)),n}}),methods:{dispatchEvent:function(e,t,n){this.$emit(e,(0,_ui.createEvent)(n,{$treeSelect:this},t))},emitModel:function(e){var t=this._events;t&&t.modelValue?this.$emit("modelValue",e):this.$emit("model-value",e)},getNodeid:function(e){e=e[this.computeNodeKeyField];return e?encodeURIComponent(e):""},cacheDataMap:function(){var r=this,e=r.internalData,t=r.options,u=r.computeNodeKeyField,c=r.computeValueField,s={},d={};_xeUtils.default.eachTree(t,function(e,t,n,i,o,l){var a=(a=r.getNodeid(e))||getOptUniqueId(),a=(d[a]&&(0,_log.errLog)("vxe.error.repeatKey",[u,a]),d[a]=!0,e[c]);s[a]&&(0,_log.errLog)("vxe.error.repeatKey",[c,a]),s[a]={item:e,index:t,items:n,parent:o,nodes:l}},{children:r.computeChildrenField}),e.fullOptionList=t||[],e.fullNodeMaps=s},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)(l,a,{placement:i,teleportTo:r}),t=Object.assign(e.style,{zIndex:o});n.panelStyle=t,n.panelPlacement=e.placement}var t=this,n=t.reactData,i=t.placement,o=n.panelIndex,l=t.$refs.refElem,a=t.$refs.refOptionPanel,r=t.computeBtnTransfer;return e(),t.$nextTick().then(e)},showOptionPanel:function(){var e=this,t=e.reactData,n=e.internalData,i=e.loading,o=e.remote,l=e.filterable,a=n.fullOptionList,r=e.computeRemoteOpts;i||e.computeIsDisabled||(n.hpTimeout&&clearTimeout(n.hpTimeout),t.initialized||(t.initialized=!0,i=e.computeBtnTransfer,n=e.$refs.refOptionPanel,i&&n&&document.body.appendChild(n)),t.isActivated=!0,t.isAniVisible=!0,l&&o&&r.enabled&&r.autoLoad&&!a.length&&e.handleSearchEvent(),setTimeout(function(){t.visiblePanel=!0,e.handleFocusSearch()},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)},changeEvent:function(e,t){var n=this,i=n,o=n.internalData,l=n.$xeForm,a=n.formItemInfo,o=o.fullNodeMaps;n.emitModel(t),t!==i.value&&(i=o[t],n.dispatchEvent("change",{value:t,option:i?i.item:null},e),l)&&a&&l.triggerItemEvent(e,a.itemConfig.field,t)},clearValueEvent:function(e,t){this.changeEvent(e,t),this.dispatchEvent("clear",{value:t},e)},clearEvent:function(e,t){this.clearValueEvent(t,null),this.hideOptionPanel()},allCheckedPanelEvent:function(e){var t=this,n=e.$event,e=t.multiple,i=t.autoClose,o=t.$refs.refTree;e&&o&&o.setAllCheckboxNode(!0).then(function(e){e=e.checkNodeKeys;t.changeEvent(n,e),t.dispatchEvent("all-change",{value:e},n),i&&t.hideOptionPanel()})},clearCheckedPanelEvent:function(e){var t=this,e=e.$event,n=t.multiple,i=t.autoClose,o=t.$refs.refTree;o&&(n=n?[]:null,o.clearCheckboxNode().then(function(){i&&t.hideOptionPanel()}),t.changeEvent(e,n),t.dispatchEvent("clear",{value:n},e))},allExpandPanelEvent:function(){var e=this.$refs.refTree;e&&e.setAllExpandNode(!0)},clearExpandPanelEvent:function(){var e=this.$refs.refTree;e&&e.clearAllExpandNode()},handleGlobalMousewheelEvent:function(e){var t=this,n=t.reactData.visiblePanel;t.computeIsDisabled||n&&(n=t.$refs.refOptionPanel,(0,_dom.getEventTargetNode)(e,n).flag?t.updatePlacement():t.hideOptionPanel())},handleGlobalMousedownEvent:function(e){var t,n,i=this,o=i.reactData,l=o.visiblePanel;i.computeIsDisabled||(t=i.$refs.refElem,n=i.$refs.refOptionPanel,o.isActivated=(0,_dom.getEventTargetNode)(e,t).flag||(0,_dom.getEventTargetNode)(e,n).flag,l&&!o.isActivated&&i.hideOptionPanel())},handleGlobalBlurEvent:function(){this.hideOptionPanel()},handleGlobalResizeEvent:function(){this.reactData.visiblePanel&&this.updatePlacement()},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},handleSearchEvent:function(){var e=this,t=e.reactData,n=e.value,i=t.searchValue,o=e.computeRemoteOpts,l=o.queryMethod||e.remoteMethod;e.remote&&l&&o.enabled&&(t.searchLoading=!0,Promise.resolve(l({$treeSelect:e,searchValue:i,value:n})).then(function(){return e.$nextTick()}).catch(function(){return e.$nextTick()}).finally(function(){t.searchLoading=!1}))},togglePanelEvent:function(e){var t=this.reactData;e.$event.preventDefault(),t.triggerFocusPanel?t.triggerFocusPanel=!1:t.visiblePanel?this.hideOptionPanel():this.showOptionPanel()},nodeClickEvent:function(e){var t=e.$event;this.dispatchEvent("node-click",e,t)},radioChangeEvent:function(e){var t=e.value;this.changeEvent(e.$event,t),this.hideOptionPanel()},checkboxChangeEvent:function(e){var t=e.value;this.changeEvent(e.$event,t)},loadSuccessEvent:function(){this.cacheDataMap()},renderVN:function(e){var t,n=this,i=n,o=n.$scopedSlots,l=n.reactData,a=i.className,r=i.value,u=i.multiple,c=i.options,s=i.loading,d=i.filterable,p=i.showTotalButoon,f=i.showCheckedButoon,h=i.showClearButton,m=i.showExpandButton,v=l.initialized,g=l.isActivated,b=l.isAniVisible,_=l.visiblePanel,x=l.searchValue,E=n.computeSize,y=n.computeIsDisabled,C=n.computeSelectLabel,P=n.computeBtnTransfer,O=n.computePopupWrapperStyle,S=o.header,T=o.footer,F=o.prefix,o=n.computePopupOpts,I=o.className||i.popupClassName,w=n.computeTreeOpts,k=n.computeTreeNodeOpts,D=n.computeTreeCheckboxOpts,$=n.computeTreeRadioOpts,N=n.computeNodeKeyField,B=n.computeLabelField,M=n.computeValueField,L=n.computeChildrenField,V=n.computeParentField,j=n.computeHasChildField,q=n.computeVirtualYOpts,R=n.computeFilterOpts;return n.computeFormReadonly?e("div",{ref:"refElem",class:["vxe-tree-select--readonly",a]},[e("span",{class:"vxe-tree-select-label"},C)]):(t=_xeUtils.default.eqNull(r)?[]:_xeUtils.default.isArray(r)?r:[r],e("div",{ref:"refElem",class:["vxe-tree-select",a?_xeUtils.default.isFunction(a)?a({$treeSelect:n}):a:"",_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(E),E),"is--filterable",d),"is--visible",_),"is--disabled",y),"is--loading",s),"is--active",g)]},[e(_input.default,{ref:"refInput",props:{clearable:i.clearable,placeholder:i.placeholder,readonly:!0,disabled:y,type:"text",prefixIcon:i.prefixIcon,suffixIcon:s?(0,_ui.getIcon)().TREE_SELECT_LOADED:_?(0,_ui.getIcon)().TREE_SELECT_OPEN:(0,_ui.getIcon)().TREE_SELECT_CLOSE,value:s?(0,_ui.getI18n)("vxe.select.loadingText"):C,title:C},on:{clear:n.clearEvent,click:n.clickEvent,focus:n.focusEvent,blur:n.blurEvent,"suffix-click":n.togglePanelEvent},scopedSlots:F?{prefix:function(){return F({})}}:{}}),e("div",{ref:"refOptionPanel",class:["vxe-table--ignore-clear vxe-tree-select--panel",I?_xeUtils.default.isFunction(I)?I({$treeSelect:n}):I:"",_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(E),E),"is--transfer",P),"ani--leave",!s&&b),"ani--enter",!s&&_)],attrs:{placement:l.panelPlacement},style:l.panelStyle},v?[e("div",{class:"vxe-tree-select--panel-wrapper"},[d?e("div",{class:"vxe-tree-select--panel-search"},[e(_input.default,{ref:"refInpSearch",class:"vxe-tree-select-search--input",props:{value:x,title:C,clearable:!0,disabled:!1,readonly:!1,placeholder:(0,_ui.getI18n)("vxe.treeSelect.search"),prefixIcon:(0,_ui.getIcon)().INPUT_SEARCH},on:{"model-value":n.modelSearchEvent}})]):(0,_ui.renderEmptyElement)(n),p||f&&u||h||m||S?e("div",{class:"vxe-tree-select--panel-header"},S?S({}):[e("div",{class:"vxe-tree-select--header-button"},[p?e("div",{class:"vxe-tree-select--header-total"},(0,_ui.getI18n)("vxe.treeSelect.total",[t.length])):(0,_ui.renderEmptyElement)(n),e("div",{class:"vxe-tree-select--header-btns"},[f&&u?e(_button.default,{props:{content:(0,_ui.getI18n)("vxe.treeSelect.allChecked"),mode:"text"},on:{click:n.allCheckedPanelEvent}}):(0,_ui.renderEmptyElement)(n),h?e(_button.default,{props:{content:(0,_ui.getI18n)("vxe.treeSelect.clearChecked"),mode:"text"},on:{click:n.clearCheckedPanelEvent}}):(0,_ui.renderEmptyElement)(n),m?e(_button.default,{props:{content:(0,_ui.getI18n)("vxe.treeSelect.allExpand"),mode:"text"},on:{click:n.allExpandPanelEvent}}):(0,_ui.renderEmptyElement)(n),m?e(_button.default,{props:{content:(0,_ui.getI18n)("vxe.treeSelect.clearExpand"),mode:"text"},on:{click:n.clearExpandPanelEvent}}):(0,_ui.renderEmptyElement)(n)])])]):(0,_ui.renderEmptyElement)(n),e("div",{class:"vxe-tree-select--panel-body"},[e("div",{ref:"refTreeWrapper",class:"vxe-tree-select-tree--wrapper",style:O},[e(_tree.default,{ref:"refTree",class:"vxe-tree-select--tree",props:{data:c,height:o.height?"100%":w.height,minHeight:w.minHeight,maxHeight:o.height?"":w.maxHeight,autoResize:!0,indent:w.indent,showRadio:!u,radioConfig:$,checkNodeKey:u?null:r,showCheckbox:!!u,checkNodeKeys:u?r:null,checkboxConfig:D,titleField:B,valueField:M,keyField:N,childrenField:w.childrenField||L,parentField:w.parentField||V,hasChildField:w.hasChildField||j,accordion:w.accordion,expandAll:w.expandAll,nodeConfig:k,lazy:w.lazy,loadMethod:w.loadMethod,toggleMethod:w.toggleMethod,transform:w.transform,trigger:w.trigger,showIcon:w.showIcon,showLine:w.showLine,iconOpen:w.iconOpen,iconLoaded:w.iconLoaded,iconClose:w.iconClose,filterValue:x,filterConfig:R,virtualYConfig:q},on:{"node-click":n.nodeClickEvent,"radio-change":n.radioChangeEvent,"checkbox-change":n.checkboxChangeEvent,"load-success":n.loadSuccessEvent}})])]),T?e("div",{class:"vxe-tree-select--panel-footer"},T({})):(0,_ui.renderEmptyElement)(n)])]:[])]))}},watch:{options:function(){this.cacheDataMap()}},created:function(){this.cacheDataMap()},mounted:function(){var e=this;_ui.globalEvents.on(e,"mousewheel",e.handleGlobalMousewheelEvent),_ui.globalEvents.on(e,"mousedown",e.handleGlobalMousedownEvent),_ui.globalEvents.on(e,"blur",e.handleGlobalBlurEvent),_ui.globalEvents.on(e,"resize",e.handleGlobalResizeEvent)},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,"blur"),_ui.globalEvents.off(e,"resize")},render:function(e){return this.renderVN(e)}});

package/lib/tree-select/style/style.css

@@ -8,6 +8,12 @@
 .vxe-tree-select > .vxe-input .vxe-input--inner {
   cursor: pointer;
 }
+.vxe-tree-select.is--filterable .vxe-tree-select-tree--wrapper {
+  padding-top: 0;
+}
+.vxe-tree-select.is--filterable .vxe-tree-select--panel-header {
+  border-top: 1px solid var(--vxe-ui-base-popup-border-color);
+}
 .vxe-tree-select.is--disabled > .vxe-input .vxe-input--inner {
   cursor: no-drop;
 }
@@ -83,8 +89,30 @@
   width: 100%;
 }
 
+.vxe-tree-select--header-button {
+  display: flex;
+  flex-direction: row;
+}
+
+.vxe-tree-select--header-total {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  padding-left: 0.8em;
+}
+
+.vxe-tree-select--header-btns {
+  display: flex;
+  flex-direction: row;
+  flex-grow: 1;
+  justify-content: right;
+}
+
 .vxe-tree-select--panel-wrapper {
   display: inline-flex;
+  flex-direction: column;
   position: relative;
   border-radius: var(--vxe-ui-base-border-radius);
   border: 1px solid var(--vxe-ui-base-popup-border-color);
@@ -93,6 +121,14 @@
   pointer-events: auto;
 }
 
+.vxe-tree-select--panel-search {
+  display: block;
+  padding: var(--vxe-ui-layout-padding-default);
+}
+.vxe-tree-select--panel-search .vxe-tree-select-search--input {
+  width: 100%;
+}
+
 .vxe-tree-select--panel-header {
   border-bottom: 1px solid var(--vxe-ui-base-popup-border-color);
 }
@@ -110,7 +146,6 @@
   position: relative;
   overflow: auto;
   padding: var(--vxe-ui-layout-padding-default);
-  max-height: 21em;
   width: 30em;
   outline: 0;
 }

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

@@ -1 +1 @@
-.vxe-tree-select{position:relative;display:inline-block;width:180px;color:var(--vxe-ui-font-color);text-align:left}.vxe-tree-select>.vxe-input .vxe-input--inner{cursor:pointer}.vxe-tree-select.is--disabled>.vxe-input .vxe-input--inner{cursor:no-drop}.vxe-tree-select.is--loading>.vxe-input .vxe-input--inner{cursor:progress}.vxe-tree-select>.vxe-input{width:100%}.vxe-tree-select>.vxe-input .vxe-input--suffix-icon>i{display:inline-block;transition:transform .2s ease-in-out}.vxe-tree-select.is--active:not(.is--filter)>.vxe-input{border-color:var(--vxe-ui-font-primary-color)}.vxe-tree-select--readonly{color:var(--vxe-ui-font-color);display:inline-flex}.vxe-tree-select--panel{display:none;position:absolute;left:0;padding:4px 0;color:var(--vxe-ui-font-color);text-align:left}.vxe-tree-select--panel:not(.is--transfer){min-width:100%}.vxe-tree-select--panel.is--transfer{position:fixed}.vxe-tree-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-tree-select--panel.ani--leave[placement=top]{transform-origin:center bottom}.vxe-tree-select--panel.ani--enter{opacity:1;transform:scaleY(1)}.vxe-tree-select--panel.ani--enter>div::after{display:none}.vxe-tree-select--panel>div::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-tree-select--panel-search{display:block}.vxe-tree-select--panel-search .vxe-tree-select-search--input{width:100%}.vxe-tree-select--panel-wrapper{display:inline-flex;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);pointer-events:auto}.vxe-tree-select--panel-header{border-bottom:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-tree-select--panel-footer{border-top:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-tree-select--panel-footer,.vxe-tree-select--panel-header{padding:4px 0}.vxe-tree-select-tree--wrapper{position:relative;overflow:auto;padding:var(--vxe-ui-layout-padding-default);max-height:21em;width:30em;outline:0}.vxe-tree-select--tree{width:100%}.vxe-tree-select--tree .vxe-tree--node-item.is-checkbox--checked>.vxe-tree--node-item-inner,.vxe-tree-select--tree .vxe-tree--node-item.is-radio--checked>.vxe-tree--node-item-inner{color:var(--vxe-ui-font-primary-color)}.vxe-tree-select--tree .vxe-tree--node-item-inner{cursor:pointer}.vxe-tree-select,.vxe-tree-select--panel{font-size:var(--vxe-ui-font-size-default)}.vxe-tree-select--panel.size--medium,.vxe-tree-select.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-tree-select--panel.size--small,.vxe-tree-select.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-tree-select--panel.size--mini,.vxe-tree-select.size--mini{font-size:var(--vxe-ui-font-size-mini)}
+.vxe-tree-select{position:relative;display:inline-block;width:180px;color:var(--vxe-ui-font-color);text-align:left}.vxe-tree-select>.vxe-input .vxe-input--inner{cursor:pointer}.vxe-tree-select.is--filterable .vxe-tree-select-tree--wrapper{padding-top:0}.vxe-tree-select.is--filterable .vxe-tree-select--panel-header{border-top:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-tree-select.is--disabled>.vxe-input .vxe-input--inner{cursor:no-drop}.vxe-tree-select.is--loading>.vxe-input .vxe-input--inner{cursor:progress}.vxe-tree-select>.vxe-input{width:100%}.vxe-tree-select>.vxe-input .vxe-input--suffix-icon>i{display:inline-block;transition:transform .2s ease-in-out}.vxe-tree-select.is--active:not(.is--filter)>.vxe-input{border-color:var(--vxe-ui-font-primary-color)}.vxe-tree-select--readonly{color:var(--vxe-ui-font-color);display:inline-flex}.vxe-tree-select--panel{display:none;position:absolute;left:0;padding:4px 0;color:var(--vxe-ui-font-color);text-align:left}.vxe-tree-select--panel:not(.is--transfer){min-width:100%}.vxe-tree-select--panel.is--transfer{position:fixed}.vxe-tree-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-tree-select--panel.ani--leave[placement=top]{transform-origin:center bottom}.vxe-tree-select--panel.ani--enter{opacity:1;transform:scaleY(1)}.vxe-tree-select--panel.ani--enter>div::after{display:none}.vxe-tree-select--panel>div::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-tree-select--panel-search{display:block}.vxe-tree-select--panel-search .vxe-tree-select-search--input{width:100%}.vxe-tree-select--header-button{display:flex;flex-direction:row}.vxe-tree-select--header-total{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-shrink:0;padding-left:.8em}.vxe-tree-select--header-btns{display:flex;flex-direction:row;flex-grow:1;justify-content:right}.vxe-tree-select--panel-wrapper{display:inline-flex;flex-direction:column;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);pointer-events:auto}.vxe-tree-select--panel-search{display:block;padding:var(--vxe-ui-layout-padding-default)}.vxe-tree-select--panel-search .vxe-tree-select-search--input{width:100%}.vxe-tree-select--panel-header{border-bottom:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-tree-select--panel-footer{border-top:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-tree-select--panel-footer,.vxe-tree-select--panel-header{padding:4px 0}.vxe-tree-select-tree--wrapper{position:relative;overflow:auto;padding:var(--vxe-ui-layout-padding-default);width:30em;outline:0}.vxe-tree-select--tree{width:100%}.vxe-tree-select--tree .vxe-tree--node-item.is-checkbox--checked>.vxe-tree--node-item-inner,.vxe-tree-select--tree .vxe-tree--node-item.is-radio--checked>.vxe-tree--node-item-inner{color:var(--vxe-ui-font-primary-color)}.vxe-tree-select--tree .vxe-tree--node-item-inner{cursor:pointer}.vxe-tree-select,.vxe-tree-select--panel{font-size:var(--vxe-ui-font-size-default)}.vxe-tree-select--panel.size--medium,.vxe-tree-select.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-tree-select--panel.size--small,.vxe-tree-select.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-tree-select--panel.size--mini,.vxe-tree-select.size--mini{font-size:var(--vxe-ui-font-size-mini)}