@opentiny/vue-renderless 3.6.0 → 3.6.1-alpha.2

package/select/index.js

@@ -1,284 +1,211 @@
-import _typeof from "@babel/runtime/helpers/typeof";
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import { find } from '@opentiny/vue-renderless/common/array';
-import { getObj, isEqual } from '@opentiny/vue-renderless/common/object';
-import { isKorean } from '@opentiny/vue-renderless/common/string';
-import scrollIntoView from '@opentiny/vue-renderless/common/deps/scroll-into-view';
-import PopupManager from '@opentiny/vue-renderless/common/deps/popup-manager';
-import debounce from '@opentiny/vue-renderless/common/deps/debounce';
-import { getDataset } from '@opentiny/vue-renderless/common/dataset';
-import Memorize from '@opentiny/vue-renderless/common/deps/memorize';
-import { isEmptyObject } from '@opentiny/vue-renderless/common/type';
-import { addResizeListener, removeResizeListener } from '@opentiny/vue-renderless/common/deps/resize-event';
-import { extend } from '@opentiny/vue-renderless/common/object';
-export var handleComposition = function handleComposition(_ref) {
-  var api = _ref.api,
-    nextTick = _ref.nextTick,
-    state = _ref.state;
-  return function (event) {
-    var text = event.target.value;
-    if (event.type === 'compositionend') {
-      state.isOnComposition = false;
-      nextTick(function () {
-        return api.handleQueryChange(text);
-      });
-    } else {
-      var lastCharacter = text[text.length - 1] || '';
-      state.isOnComposition = !isKorean(lastCharacter);
-    }
-  };
-};
-export var showTip = function showTip(_ref2) {
-  var props = _ref2.props,
-    state = _ref2.state,
-    refs = _ref2.refs;
-  return function (show) {
-    if (!props.showOverflowTooltip) {
-      return;
-    }
-    var overflow;
-    if (!show) {
-      clearTimeout(state.tipTimer);
-      state.tipTimer = setTimeout(function () {
-        state.showTip = state.tipHover;
-      }, refs.popover.closeDelay);
-    } else {
-      if (!props.multiple) {
-        var reference = refs.reference.$el;
-        overflow = reference.querySelector('input').scrollWidth > reference.scrollWidth;
-      } else {
-        overflow = refs.tags.scrollHeight > refs.tags.getBoundingClientRect().height;
-      }
-      state.showTip = show && overflow && !!state.tips && !state.visible;
-    }
-  };
-};
-export var gridOnQueryChange = function gridOnQueryChange(_ref3) {
-  var props = _ref3.props,
-    refs = _ref3.refs,
-    constants = _ref3.constants,
-    state = _ref3.state;
-  return function (value) {
-    var multiple = props.multiple,
-      valueField = props.valueField,
-      filterMethod = props.filterMethod,
-      filterable = props.filterable,
-      remote = props.remote,
-      remoteMethod = props.remoteMethod;
-    if (filterable && typeof filterMethod === 'function') {
-      var table = refs.selectGrid.$refs.tinyTable;
-      var fullData = table.afterFullData;
-      refs.selectGrid.scrollTo(null, 0);
-      table.afterFullData = filterMethod(value, fullData) || [];
-      refs.selectGrid.handleTableData(!value).then(function () {
-        return state.selectEmitter.emit(constants.EVENT_NAME.updatePopper);
-      });
-      state.previousQuery = value;
-    } else if (remote && typeof remoteMethod === 'function') {
-      state.previousQuery = value;
-      remoteMethod(value).then(function (data) {
-        if (multiple) {
-          var selectedIds = state.selected.map(function (sel) {
-            return sel[valueField];
-          });
-          refs.selectGrid.clearSelection();
-          refs.selectGrid.setSelection(data.filter(function (row) {
-            return ~selectedIds.indexOf(row[valueField]);
-          }), true);
-          state.remoteData = data.filter(function (row) {
-            return !~selectedIds.indexOf(row[valueField]);
-          }).concat(state.selected);
-        } else {
-          refs.selectGrid.clearRadioRow();
-          refs.selectGrid.setRadioRow(find(data, function (item) {
-            return props.modelValue == item[props.valueField];
-          }));
-          state.remoteData = data;
-        }
-        refs.selectGrid.$refs.tinyTable.lastScrollTop = 0;
-        refs.selectGrid.loadData(data);
-        refs.selectGrid.handleTableData(!value).then(function () {
-          return state.selectEmitter.emit(constants.EVENT_NAME.updatePopper);
-        });
-      });
-    }
-  };
+import {
+  __spreadProps,
+  __spreadValues
+} from "../chunk-PKUHTIDK.js";
+import { find } from "@opentiny/vue-renderless/common/array";
+import { getObj, isEqual } from "@opentiny/vue-renderless/common/object";
+import { isKorean } from "@opentiny/vue-renderless/common/string";
+import scrollIntoView from "@opentiny/vue-renderless/common/deps/scroll-into-view";
+import PopupManager from "@opentiny/vue-renderless/common/deps/popup-manager";
+import debounce from "@opentiny/vue-renderless/common/deps/debounce";
+import { getDataset } from "@opentiny/vue-renderless/common/dataset";
+import Memorize from "@opentiny/vue-renderless/common/deps/memorize";
+import { isEmptyObject } from "@opentiny/vue-renderless/common/type";
+import { addResizeListener, removeResizeListener } from "@opentiny/vue-renderless/common/deps/resize-event";
+import { extend } from "@opentiny/vue-renderless/common/object";
+const handleComposition = ({ api, nextTick, state }) => (event) => {
+  const text = event.target.value;
+  if (event.type === "compositionend") {
+    state.isOnComposition = false;
+    nextTick(() => api.handleQueryChange(text));
+  } else {
+    const lastCharacter = text[text.length - 1] || "";
+    state.isOnComposition = !isKorean(lastCharacter);
+  }
 };
-export var defaultOnQueryChange = function defaultOnQueryChange(_ref4) {
-  var props = _ref4.props,
-    state = _ref4.state,
-    constants = _ref4.constants,
-    api = _ref4.api;
-  return function (value) {
-    if (props.remote && typeof props.remoteMethod === 'function') {
-      state.hoverIndex = -1;
-      props.remoteMethod(value);
-    } else if (typeof props.filterMethod === 'function') {
-      props.filterMethod(value);
-      state.selectEmitter.emit(constants.COMPONENT_NAME.OptionGroup, constants.EVENT_NAME.queryChange);
+const showTip = ({ props, state, refs }) => (show) => {
+  if (!props.showOverflowTooltip) {
+    return;
+  }
+  let overflow;
+  if (!show) {
+    clearTimeout(state.tipTimer);
+    state.tipTimer = setTimeout(() => {
+      state.showTip = state.tipHover;
+    }, refs.popover.closeDelay);
+  } else {
+    if (!props.multiple) {
+      const reference = refs.reference.$el;
+      overflow = reference.querySelector("input").scrollWidth > reference.scrollWidth;
     } else {
-      state.filteredOptionsCount = state.optionsCount;
-      state.selectEmitter.emit(constants.EVENT_NAME.queryChange, value);
+      overflow = refs.tags.scrollHeight > refs.tags.getBoundingClientRect().height;
     }
-    if (props.defaultFirstOption && (props.filterable || props.remote) && state.filteredOptionsCount) {
-      api.checkDefaultFirstOption();
-    }
-  };
+    state.showTip = show && overflow && !!state.tips && !state.visible;
+  }
 };
-export var handleQueryChange = function handleQueryChange(_ref5) {
-  var api = _ref5.api,
-    constants = _ref5.constants,
-    nextTick = _ref5.nextTick,
-    props = _ref5.props,
-    vm = _ref5.vm,
-    state = _ref5.state;
-  return function (value) {
-    var refs = vm.$refs;
-    if (state.previousQuery === value || state.isOnComposition) {
-      return;
-    }
-    if (state.previousQuery === null && (typeof props.filterMethod === 'function' || typeof props.remoteMethod === 'function')) {
-      state.previousQuery = value;
-      return;
-    }
-    if (props.renderType === constants.TYPE.Grid) {
-      api.gridOnQueryChange(value);
-      return;
-    }
-    if (props.renderType === constants.TYPE.Tree) {
-      state.previousQuery = value;
-      if (state.filterOrSearch && typeof props.filterMethod === 'function') {
-        refs.selectTree && refs.selectTree.filter(value);
-      }
-    }
+const gridOnQueryChange = ({ props, refs, constants, state }) => (value) => {
+  const { multiple, valueField, filterMethod, filterable, remote, remoteMethod } = props;
+  if (filterable && typeof filterMethod === "function") {
+    const table = refs.selectGrid.$refs.tinyTable;
+    const fullData = table.afterFullData;
+    refs.selectGrid.scrollTo(null, 0);
+    table.afterFullData = filterMethod(value, fullData) || [];
+    refs.selectGrid.handleTableData(!value).then(() => state.selectEmitter.emit(constants.EVENT_NAME.updatePopper));
     state.previousQuery = value;
-    nextTick(function () {
-      if (state.visible) {
-        state.selectEmitter.emit(constants.EVENT_NAME.updatePopper);
-        state.showWarper = true;
+  } else if (remote && typeof remoteMethod === "function") {
+    state.previousQuery = value;
+    remoteMethod(value).then((data) => {
+      if (multiple) {
+        const selectedIds = state.selected.map((sel) => sel[valueField]);
+        refs.selectGrid.clearSelection();
+        refs.selectGrid.setSelection(
+          data.filter((row) => ~selectedIds.indexOf(row[valueField])),
+          true
+        );
+        state.remoteData = data.filter((row) => !~selectedIds.indexOf(row[valueField])).concat(state.selected);
+      } else {
+        refs.selectGrid.clearRadioRow();
+        refs.selectGrid.setRadioRow(find(data, (item) => props.modelValue == item[props.valueField]));
+        state.remoteData = data;
       }
+      refs.selectGrid.$refs.tinyTable.lastScrollTop = 0;
+      refs.selectGrid.loadData(data);
+      refs.selectGrid.handleTableData(!value).then(() => state.selectEmitter.emit(constants.EVENT_NAME.updatePopper));
     });
+  }
+};
+const defaultOnQueryChange = ({ props, state, constants, api }) => (value) => {
+  if (props.remote && typeof props.remoteMethod === "function") {
     state.hoverIndex = -1;
-    if (props.multiple && props.filterable) {
-      nextTick(function () {
-        if (refs.input) {
-          var length = refs.input.value.length * 15 + 20;
-          state.inputLength = state.collapseTags ? Math.min(50, length) : length;
-          api.managePlaceholder();
-          api.resetInputHeight();
-        }
-      });
-    }
-    if (props.renderType === constants.TYPE.Tree) {
-      return;
-    }
-    api.defaultOnQueryChange(value);
-  };
+    props.remoteMethod(value);
+  } else if (typeof props.filterMethod === "function") {
+    props.filterMethod(value);
+    state.selectEmitter.emit(constants.COMPONENT_NAME.OptionGroup, constants.EVENT_NAME.queryChange);
+  } else {
+    state.filteredOptionsCount = state.optionsCount;
+    state.selectEmitter.emit(constants.EVENT_NAME.queryChange, value);
+  }
+  if (props.defaultFirstOption && (props.filterable || props.remote) && state.filteredOptionsCount) {
+    api.checkDefaultFirstOption();
+  }
 };
-export var scrollToOption = function scrollToOption(_ref6) {
-  var refs = _ref6.refs,
-    constants = _ref6.constants;
-  return function (option) {
-    var target = Array.isArray(option) && option[0] ? option[0].el : option.el;
-    if (refs.popper && target) {
-      var menu = refs.popper.$el.querySelector(constants.CLASS.SelectDropdownWrap);
-      scrollIntoView(menu, target);
+const handleQueryChange = ({ api, constants, nextTick, props, vm, state }) => (value) => {
+  const refs = vm.$refs;
+  if (state.previousQuery === value || state.isOnComposition) {
+    return;
+  }
+  if (state.previousQuery === null && (typeof props.filterMethod === "function" || typeof props.remoteMethod === "function")) {
+    state.previousQuery = value;
+    return;
+  }
+  if (props.renderType === constants.TYPE.Grid) {
+    api.gridOnQueryChange(value);
+    return;
+  }
+  if (props.renderType === constants.TYPE.Tree) {
+    state.previousQuery = value;
+    if (state.filterOrSearch && typeof props.filterMethod === "function") {
+      refs.selectTree && refs.selectTree.filter(value);
     }
-    refs.scrollbar && refs.scrollbar.handleScroll();
-  };
-};
-export var handleMenuEnter = function handleMenuEnter(_ref7) {
-  var api = _ref7.api,
-    nextTick = _ref7.nextTick,
-    state = _ref7.state;
-  return function () {
-    nextTick(function () {
-      return api.scrollToOption(state.selected);
+  }
+  state.previousQuery = value;
+  nextTick(() => {
+    if (state.visible) {
+      state.selectEmitter.emit(constants.EVENT_NAME.updatePopper);
+      state.showWarper = true;
+    }
+  });
+  state.hoverIndex = -1;
+  if (props.multiple && props.filterable) {
+    nextTick(() => {
+      if (refs.input) {
+        const length = refs.input.value.length * 15 + 20;
+        state.inputLength = state.collapseTags ? Math.min(50, length) : length;
+        api.managePlaceholder();
+        api.resetInputHeight();
+      }
     });
-  };
+  }
+  if (props.renderType === constants.TYPE.Tree) {
+    return;
+  }
+  api.defaultOnQueryChange(value);
 };
-export var emitChange = function emitChange(_ref8) {
-  var emit = _ref8.emit,
-    props = _ref8.props,
-    state = _ref8.state,
-    constants = _ref8.constants;
-  return function (value) {
-    var seekItem = function seekItem(val, arr, items, flag) {
-      if (constants.TYPE.Tree === flag) {
-        var recurNode = function recurNode(node) {
-          val === node[props.valueField] && items.push(node);
-          val !== node[props.valueField] && Array.isArray(node.children) && node.children.forEach(recurNode);
-        };
-        arr.forEach(recurNode);
-      } else if (constants.TYPE.Grid === flag) {
-        for (var i = 0; i < arr.length; i++) {
-          if (val === arr[i][props.valueField]) {
-            items.push(arr[i]);
-            break;
-          }
+const scrollToOption = ({ refs, constants }) => (option) => {
+  const target = Array.isArray(option) && option[0] ? option[0].el : option.el;
+  if (refs.popper && target) {
+    const menu = refs.popper.$el.querySelector(constants.CLASS.SelectDropdownWrap);
+    scrollIntoView(menu, target);
+  }
+  refs.scrollbar && refs.scrollbar.handleScroll();
+};
+const handleMenuEnter = ({ api, nextTick, state }) => () => {
+  nextTick(() => api.scrollToOption(state.selected));
+};
+const emitChange = ({ emit, props, state, constants }) => (value) => {
+  const seekItem = (val, arr, items, flag) => {
+    if (constants.TYPE.Tree === flag) {
+      const recurNode = (node) => {
+        val === node[props.valueField] && items.push(node);
+        val !== node[props.valueField] && Array.isArray(node.children) && node.children.forEach(recurNode);
+      };
+      arr.forEach(recurNode);
+    } else if (constants.TYPE.Grid === flag) {
+      for (let i = 0; i < arr.length; i++) {
+        if (val === arr[i][props.valueField]) {
+          items.push(arr[i]);
+          break;
         }
       }
-    };
-    if (!isEqual(props.modelValue, value)) {
-      if (props.renderType === constants.TYPE.Grid && props.multiple) {
-        value = value || [];
-        var gridData = state.gridData || [];
-        var items = [];
-        value.forEach(function (valueItem) {
-          seekItem(valueItem, gridData, items, constants.TYPE.Grid);
-        });
-        emit('change', value, items);
-      } else if (props.renderType === constants.TYPE.Tree && props.multiple) {
-        value = value || [];
-        var treeData = state.treeData || [];
-        var _items = [];
-        value.forEach(function (valueItem) {
-          seekItem(valueItem, treeData, _items, constants.TYPE.Tree);
-        });
-        emit('change', value, _items);
-      } else {
-        emit('change', value);
-      }
     }
   };
-};
-export var getOption = function getOption(_ref9) {
-  var props = _ref9.props,
-    state = _ref9.state;
-  return function (value) {
-    var option;
-    var isObject = Object.prototype.toString.call(value).toLowerCase() === '[object object]';
-    var isNull = Object.prototype.toString.call(value).toLowerCase() === '[object null]';
-    var isUndefined = Object.prototype.toString.call(value).toLowerCase() === '[object undefined]';
-    for (var i = state.cachedOptions.length - 1; i >= 0; i--) {
-      var cachedOption = state.cachedOptions[i];
-      var _isEqual = isObject ? getObj(cachedOption.value, props.valueKey) === getObj(value, props.valueKey) : cachedOption.value === value;
-      if (_isEqual) {
-        option = cachedOption;
-        break;
-      }
-    }
-    if (option) {
-      return option;
+  if (!isEqual(props.modelValue, value)) {
+    if (props.renderType === constants.TYPE.Grid && props.multiple) {
+      value = value || [];
+      const gridData = state.gridData || [];
+      const items = [];
+      value.forEach((valueItem) => {
+        seekItem(valueItem, gridData, items, constants.TYPE.Grid);
+      });
+      emit("change", value, items);
+    } else if (props.renderType === constants.TYPE.Tree && props.multiple) {
+      value = value || [];
+      const treeData = state.treeData || [];
+      const items = [];
+      value.forEach((valueItem) => {
+        seekItem(valueItem, treeData, items, constants.TYPE.Tree);
+      });
+      emit("change", value, items);
+    } else {
+      emit("change", value);
     }
-    var label = !isObject && !isNull && !isUndefined ? value : '';
-    var newOption = {
-      value: value,
-      currentLabel: label
-    };
-    if (props.multiple) {
-      newOption.hitState = false;
+  }
+};
+const getOption = ({ props, state }) => (value) => {
+  let option;
+  const isObject = Object.prototype.toString.call(value).toLowerCase() === "[object object]";
+  const isNull = Object.prototype.toString.call(value).toLowerCase() === "[object null]";
+  const isUndefined = Object.prototype.toString.call(value).toLowerCase() === "[object undefined]";
+  for (let i = state.cachedOptions.length - 1; i >= 0; i--) {
+    const cachedOption = state.cachedOptions[i];
+    const isEqual2 = isObject ? getObj(cachedOption.value, props.valueKey) === getObj(value, props.valueKey) : cachedOption.value === value;
+    if (isEqual2) {
+      option = cachedOption;
+      break;
     }
-    return newOption;
-  };
+  }
+  if (option) {
+    return option;
+  }
+  const label = !isObject && !isNull && !isUndefined ? value : "";
+  let newOption = { value, currentLabel: label };
+  if (props.multiple) {
+    newOption.hitState = false;
+  }
+  return newOption;
 };
-var getOptionOfSetSelected = function getOptionOfSetSelected(_ref10) {
-  var api = _ref10.api,
-    props = _ref10.props;
-  var option = api.getOption(props.modelValue) || {};
+const getOptionOfSetSelected = ({ api, props }) => {
+  const option = api.getOption(props.modelValue) || {};
   if (!option.state) {
     option.state = {};
   }
@@ -290,16 +217,12 @@ var getOptionOfSetSelected = function getOptionOfSetSelected(_ref10) {
   }
   return option;
 };
-var getResultOfSetSelected = function getResultOfSetSelected(_ref11) {
-  var props = _ref11.props,
-    isGrid = _ref11.isGrid,
-    isTree = _ref11.isTree,
-    api = _ref11.api;
-  var result = [];
+const getResultOfSetSelected = ({ props, isGrid, isTree, api }) => {
+  let result = [];
   if (Array.isArray(props.modelValue)) {
-    props.modelValue.forEach(function (value) {
+    props.modelValue.forEach((value) => {
       if (isGrid || isTree) {
-        var option = api.getPluginOption(value, isTree);
+        const option = api.getPluginOption(value, isTree);
         result = result.concat(option);
       } else {
         result.push(api.getOption(value));
@@ -308,675 +231,484 @@ var getResultOfSetSelected = function getResultOfSetSelected(_ref11) {
   }
   return result;
 };
-export var setSelected = function setSelected(_ref12) {
-  var api = _ref12.api,
-    constants = _ref12.constants,
-    nextTick = _ref12.nextTick,
-    props = _ref12.props,
-    refs = _ref12.refs,
-    state = _ref12.state;
-  return function () {
-    var isTree = props.renderType === constants.TYPE.Tree;
-    var isGrid = props.renderType === constants.TYPE.Grid;
-    if (!props.multiple) {
-      if (isGrid || isTree) {
-        if (!props.modelValue) {
-          state.selectedLabel = '';
-          state.selected = {};
-          state.currentKey = '';
-          refs.selectGrid && refs.selectGrid.clearRadioRow();
-          refs.selectTree && refs.selectTree.setCurrentKey && refs.selectTree.setCurrentKey(null);
-          return;
-        }
-        var isRemote = state.filterOrSearch && props.remote && typeof props.remoteMethod === 'function';
-        var nestdata = isRemote ? state.remoteData : isTree ? api.getTreeData(state.treeData) : state.gridData;
-        var data = find(nestdata, function (item) {
-          return props.modelValue == item[props.valueField];
-        });
-        if (isEmptyObject(data)) {
-          return;
-        }
-        var obj = _objectSpread({}, data);
-        var label = data[props.textField];
-        obj.currentLabel = label;
-        state.selectedLabel = label;
-        state.selected = obj;
-        state.currentKey = data[props.valueField];
-      } else {
-        var option = getOptionOfSetSelected({
-          api: api,
-          props: props
-        });
-        nextTick(function () {
-          state.selected = option;
-          state.selectedLabel = option.state.currentLabel || option.currentLabel;
-          props.filterable && (state.query = state.selectedLabel);
-        });
+const setSelected = ({ api, constants, nextTick, props, refs, state }) => () => {
+  const isTree = props.renderType === constants.TYPE.Tree;
+  const isGrid = props.renderType === constants.TYPE.Grid;
+  if (!props.multiple) {
+    if (isGrid || isTree) {
+      if (!props.modelValue) {
+        state.selectedLabel = "";
+        state.selected = {};
+        state.currentKey = "";
+        refs.selectGrid && refs.selectGrid.clearRadioRow();
+        refs.selectTree && refs.selectTree.setCurrentKey && refs.selectTree.setCurrentKey(null);
+        return;
       }
-      return;
-    }
-    var result = getResultOfSetSelected({
-      props: props,
-      isGrid: isGrid,
-      isTree: isTree,
-      api: api
-    });
-    state.selectCls = result.length ? result.length === state.options.length ? 'checked-sur' : 'halfselect' : 'check';
-    state.selected = result;
-    refs.selectTree && refs.selectTree.setCheckedNodes && refs.selectTree.setCheckedNodes(state.selected);
-    state.tips = state.selected.map(function (item) {
-      return item.state ? item.state.currentLabel : item.currentLabel;
-    }).join(',');
-    nextTick(api.resetInputHeight);
-  };
-};
-export var getPluginOption = function getPluginOption(_ref13) {
-  var api = _ref13.api,
-    props = _ref13.props,
-    state = _ref13.state;
-  return function (value, isTree) {
-    var isRemote = state.filterOrSearch && props.remote && typeof props.remoteMethod === 'function';
-    var textField = props.textField,
-      valueField = props.valueField;
-    var sourceData = isRemote ? state.remoteData : isTree ? api.getTreeData(state.treeData) : state.gridData;
-    var selNode = find(sourceData, function (item) {
-      return item[valueField] == value;
-    });
-    var items = [];
-    if (selNode) {
-      selNode.currentLabel = selNode[textField];
-      items.push(selNode);
-    }
-    return items;
-  };
-};
-export var toggleCheckAll = function toggleCheckAll(_ref14) {
-  var api = _ref14.api,
-    emit = _ref14.emit,
-    state = _ref14.state;
-  return function () {
-    var getEnabledValues = function getEnabledValues(options) {
-      var values = [];
-      for (var i = 0; i < options.length; i++) {
-        if (!options[i].state.disabled && !options[i].state.groupDisabled) {
-          values.push(options[i].value);
-        }
+      const isRemote = state.filterOrSearch && props.remote && typeof props.remoteMethod === "function";
+      const nestdata = isRemote ? state.remoteData : isTree ? api.getTreeData(state.treeData) : state.gridData;
+      const data = find(nestdata, (item) => props.modelValue == item[props.valueField]);
+      if (isEmptyObject(data)) {
+        return;
       }
-      return values;
-    };
-    var value;
-    if (state.selectCls === 'check') {
-      value = getEnabledValues(state.options);
-    } else if (state.selectCls === 'halfselect') {
-      var unchecked = state.options.filter(function (item) {
-        return !item.disabled && item.state.selectCls === 'check';
+      const obj = __spreadValues({}, data);
+      const label = data[props.textField];
+      obj.currentLabel = label;
+      state.selectedLabel = label;
+      state.selected = obj;
+      state.currentKey = data[props.valueField];
+    } else {
+      const option = getOptionOfSetSelected({ api, props });
+      nextTick(() => {
+        state.selected = option;
+        state.selectedLabel = option.state.currentLabel || option.currentLabel;
+        props.filterable && (state.query = state.selectedLabel);
       });
-      unchecked.length ? value = getEnabledValues(state.options) : value = [];
-    } else if (state.selectCls === 'checked-sur') {
-      value = [];
     }
-    api.setSoftFocus();
-    emit('update:modelValue', value);
-    emit('change', value);
+    return;
+  }
+  const result = getResultOfSetSelected({ props, isGrid, isTree, api });
+  state.selectCls = result.length ? result.length === state.options.length ? "checked-sur" : "halfselect" : "check";
+  state.selected = result;
+  refs.selectTree && refs.selectTree.setCheckedNodes && refs.selectTree.setCheckedNodes(state.selected);
+  state.tips = state.selected.map((item) => item.state ? item.state.currentLabel : item.currentLabel).join(",");
+  nextTick(api.resetInputHeight);
+};
+const getPluginOption = ({ api, props, state }) => (value, isTree) => {
+  const isRemote = state.filterOrSearch && props.remote && typeof props.remoteMethod === "function";
+  const { textField, valueField } = props;
+  const sourceData = isRemote ? state.remoteData : isTree ? api.getTreeData(state.treeData) : state.gridData;
+  const selNode = find(sourceData, (item) => item[valueField] == value);
+  const items = [];
+  if (selNode) {
+    selNode.currentLabel = selNode[textField];
+    items.push(selNode);
+  }
+  return items;
+};
+const toggleCheckAll = ({ api, emit, state }) => () => {
+  const getEnabledValues = (options) => {
+    let values = [];
+    for (let i = 0; i < options.length; i++) {
+      if (!options[i].state.disabled && !options[i].state.groupDisabled) {
+        values.push(options[i].value);
+      }
+    }
+    return values;
   };
+  let value;
+  if (state.selectCls === "check") {
+    value = getEnabledValues(state.options);
+  } else if (state.selectCls === "halfselect") {
+    const unchecked = state.options.filter((item) => !item.disabled && item.state.selectCls === "check");
+    unchecked.length ? value = getEnabledValues(state.options) : value = [];
+  } else if (state.selectCls === "checked-sur") {
+    value = [];
+  }
+  api.setSoftFocus();
+  emit("update:modelValue", value);
+  emit("change", value);
+};
+const resetFilter = ({ state, api }) => () => {
+  state.query = "";
+  state.previousQuery = void 0;
+  api.handleQueryChange(state.query);
+};
+const handleFocus = ({ emit, props, state, api }) => (event) => {
+  if (!state.softFocus) {
+    if (props.automaticDropdown || props.filterable) {
+      state.visible = true;
+      state.softFocus = true;
+    }
+    emit("focus", event);
+  } else {
+    state.softFocus = false;
+  }
+  if (props.remote && state.filterOrSearch && state.firstAutoSeach) {
+    state.firstAutoSeach = false;
+    api.resetFilter();
+  }
 };
-export var resetFilter = function resetFilter(_ref15) {
-  var state = _ref15.state,
-    api = _ref15.api;
-  return function () {
-    state.query = '';
-    state.previousQuery = undefined;
-    api.handleQueryChange(state.query);
-  };
+const focus = ({ refs, state }) => () => {
+  var _a;
+  if (!state.softFocus) {
+    (_a = refs.reference) == null ? void 0 : _a.focus();
+  }
 };
-export var handleFocus = function handleFocus(_ref16) {
-  var emit = _ref16.emit,
-    props = _ref16.props,
-    state = _ref16.state,
-    api = _ref16.api;
-  return function (event) {
-    if (!state.softFocus) {
-      if (props.automaticDropdown || props.filterable) {
-        state.visible = true;
-        state.softFocus = true;
-      }
-      emit('focus', event);
+const blur = ({ refs, state }) => () => {
+  var _a;
+  state.visible = false;
+  (_a = refs.reference) == null ? void 0 : _a.blur();
+};
+const handleBlur = ({ constants, dispatch, emit, state }) => (event) => {
+  setTimeout(() => {
+    var _a;
+    if (state.isSilentBlur) {
+      state.isSilentBlur = false;
     } else {
-      state.softFocus = false;
+      emit("blur", event);
     }
-    if (props.remote && state.filterOrSearch && state.firstAutoSeach) {
-      state.firstAutoSeach = false;
-      api.resetFilter();
-    }
-  };
+    dispatch(constants.COMPONENT_NAME.FormItem, constants.EVENT_NAME.formBlur, (_a = event == null ? void 0 : event.target) == null ? void 0 : _a.value);
+  }, 100);
+  state.softFocus = false;
 };
-export var focus = function focus(_ref17) {
-  var refs = _ref17.refs,
-    state = _ref17.state;
-  return function () {
-    if (!state.softFocus) {
-      var _refs$reference;
-      (_refs$reference = refs.reference) === null || _refs$reference === void 0 ? void 0 : _refs$reference.focus();
-    }
-  };
+const handleClearClick = (api) => (event) => {
+  api.deleteSelected(event);
 };
-export var blur = function blur(_ref18) {
-  var refs = _ref18.refs,
-    state = _ref18.state;
-  return function () {
-    var _refs$reference2;
-    state.visible = false;
-    (_refs$reference2 = refs.reference) === null || _refs$reference2 === void 0 ? void 0 : _refs$reference2.blur();
-  };
+const doDestroy = (refs) => () => {
+  refs.popper && refs.popper.doDestroy();
 };
-export var handleBlur = function handleBlur(_ref19) {
-  var constants = _ref19.constants,
-    dispatch = _ref19.dispatch,
-    emit = _ref19.emit,
-    state = _ref19.state;
-  return function (event) {
-    setTimeout(function () {
-      var _event$target;
-      if (state.isSilentBlur) {
-        state.isSilentBlur = false;
-      } else {
-        emit('blur', event);
-      }
-      dispatch(constants.COMPONENT_NAME.FormItem, constants.EVENT_NAME.formBlur, event === null || event === void 0 ? void 0 : (_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.value);
-    }, 100);
-    state.softFocus = false;
-  };
+const handleClose = (state) => () => {
+  state.visible = false;
 };
-export var handleClearClick = function handleClearClick(api) {
-  return function (event) {
-    api.deleteSelected(event);
-  };
+const toggleLastOptionHitState = ({ state }) => (hit) => {
+  if (!Array.isArray(state.selected)) {
+    return;
+  }
+  const option = state.selected[state.selected.length - 1];
+  if (!option) {
+    return;
+  }
+  const hitTarget = option.state || option;
+  if (hit === true || hit === false) {
+    hitTarget.hitState = hit;
+    return hit;
+  }
+  hitTarget.hitState = !hitTarget.hitState;
+  return hitTarget.hitState;
+};
+const deletePrevTag = ({ api, constants, emit, props, state, vm }) => (event) => {
+  const refs = vm.$refs;
+  if (event.target.value.length <= 0 && !api.toggleLastOptionHitState()) {
+    const value = props.modelValue.slice();
+    value.pop();
+    emit("update:modelValue", value);
+    api.emitChange(value);
+    if (props.renderType === constants.TYPE.Grid) {
+      const rows = state.selected.slice().filter((item) => value.includes(item[props.valueField]));
+      refs.selectGrid.clearSelection();
+      refs.selectGrid.setSelection(rows, true);
+    }
+  }
 };
-export var doDestroy = function doDestroy(refs) {
-  return function () {
-    refs.popper && refs.popper.doDestroy();
-  };
+const managePlaceholder = ({ refs, state }) => () => {
+  if (state.currentPlaceholder !== "") {
+    state.currentPlaceholder = refs.input.value ? "" : state.cachedPlaceHolder;
+  }
 };
-export var handleClose = function handleClose(state) {
-  return function () {
-    state.visible = false;
-  };
+const resetInputState = ({ api, refs, state }) => (event) => {
+  if (event.keyCode !== 8) {
+    api.toggleLastOptionHitState(false);
+  }
+  state.inputLength = refs.input.value.length * 15 + 20;
+  api.resetInputHeight();
 };
-export var toggleLastOptionHitState = function toggleLastOptionHitState(_ref20) {
-  var state = _ref20.state;
-  return function (hit) {
-    if (!Array.isArray(state.selected)) {
+const resetInputHeight = ({ constants, nextTick, props, refs, state }) => () => {
+  if (state.collapseTags && (!props.filterable || !props.searchable)) {
+    return;
+  }
+  nextTick(() => {
+    if (!refs.reference) {
       return;
     }
-    var option = state.selected[state.selected.length - 1];
-    if (!option) {
+    let inputChildNodes = refs.reference.$el.childNodes;
+    let input = [].filter.call(inputChildNodes, (item) => item.tagName === "INPUT")[0];
+    const tags = refs.tags;
+    if (!input) {
       return;
     }
-    var hitTarget = option.state || option;
-    if (hit === true || hit === false) {
-      hitTarget.hitState = hit;
-      return hit;
+    const sizeInMap = state.initialInputHeight || 30;
+    const noSelected = state.selected.length === 0;
+    input.style.height = noSelected ? sizeInMap + "px" : Math.max(tags ? tags.clientHeight + (tags.clientHeight > sizeInMap ? 6 : 0) : 0, sizeInMap) + "px";
+    if (state.visible && state.emptyText !== false) {
+      state.selectEmitter.emit(constants.EVENT_NAME.updatePopper, true);
     }
-    hitTarget.hitState = !hitTarget.hitState;
-    return hitTarget.hitState;
-  };
-};
-export var deletePrevTag = function deletePrevTag(_ref21) {
-  var api = _ref21.api,
-    constants = _ref21.constants,
-    emit = _ref21.emit,
-    props = _ref21.props,
-    state = _ref21.state,
-    vm = _ref21.vm;
-  return function (event) {
-    var refs = vm.$refs;
-    if (event.target.value.length <= 0 && !api.toggleLastOptionHitState()) {
-      var value = props.modelValue.slice();
-      value.pop();
-      emit('update:modelValue', value);
-      api.emitChange(value);
-      if (props.renderType === constants.TYPE.Grid) {
-        var rows = state.selected.slice().filter(function (item) {
-          return value.indexOf(item[props.valueField]) > -1;
-        });
-        refs.selectGrid.clearSelection();
-        refs.selectGrid.setSelection(rows, true);
-      }
-    }
-  };
+  });
 };
-export var managePlaceholder = function managePlaceholder(_ref22) {
-  var refs = _ref22.refs,
-    state = _ref22.state;
-  return function () {
-    if (state.currentPlaceholder !== '') {
-      state.currentPlaceholder = refs.input.value ? '' : state.cachedPlaceHolder;
+const resetHoverIndex = ({ props, state }) => () => {
+  if (!props.showOverflowTooltip) {
+    state.hoverIndex = -1;
+  } else if (!props.multiple) {
+    state.hoverIndex = state.options.indexOf(state.selected);
+  } else {
+    if (state.selected.length > 0) {
+      state.hoverIndex = Math.min.apply(
+        null,
+        state.selected.map((item) => state.options.indexOf(item))
+      );
+    } else {
+      state.hoverIndex = -1;
     }
-  };
+  }
 };
-export var resetInputState = function resetInputState(_ref23) {
-  var api = _ref23.api,
-    refs = _ref23.refs,
-    state = _ref23.state;
-  return function (event) {
-    if (event.keyCode !== 8) {
-      api.toggleLastOptionHitState(false);
+const handleOptionSelect = ({ api, emit, nextTick, props, refs, state }) => (option, byClick) => {
+  var _a, _b;
+  state.memorize && state.memorize.updateByKey(option[state.memorize._dataKey] || option.value);
+  if (props.multiple) {
+    const value = (props.modelValue || []).slice();
+    const optionIndex = api.getValueIndex(value, option.value);
+    if (optionIndex > -1) {
+      value.splice(optionIndex, 1);
+    } else if (state.multipleLimit <= 0 || value.length < state.multipleLimit) {
+      value.push(option.value);
+    }
+    emit("update:modelValue", value);
+    api.emitChange(value);
+    if (option.created) {
+      state.query = "";
+      api.handleQueryChange("");
+      state.inputLength = 20;
     }
-    state.inputLength = refs.input.value.length * 15 + 20;
-    api.resetInputHeight();
-  };
-};
-export var resetInputHeight = function resetInputHeight(_ref24) {
-  var constants = _ref24.constants,
-    nextTick = _ref24.nextTick,
-    props = _ref24.props,
-    refs = _ref24.refs,
-    state = _ref24.state;
-  return function () {
-    if (state.collapseTags && (!props.filterable || !props.searchable)) {
-      return;
+    if (props.filterable) {
+      (_a = refs.input) == null ? void 0 : _a.focus();
     }
-    nextTick(function () {
-      if (!refs.reference) {
-        return;
-      }
-      var inputChildNodes = refs.reference.$el.childNodes;
-      var input = [].filter.call(inputChildNodes, function (item) {
-        return item.tagName === 'INPUT';
-      })[0];
-      var tags = refs.tags;
-      if (!input) {
-        return;
-      }
-      var sizeInMap = state.initialInputHeight || 30;
-      var noSelected = state.selected.length === 0;
-      input.style.height = noSelected ? sizeInMap + 'px' : Math.max(tags ? tags.clientHeight + (tags.clientHeight > sizeInMap ? 6 : 0) : 0, sizeInMap) + 'px';
-      if (state.visible && state.emptyText !== false) {
-        state.selectEmitter.emit(constants.EVENT_NAME.updatePopper, true);
-      }
-    });
-  };
-};
-export var resetHoverIndex = function resetHoverIndex(_ref25) {
-  var props = _ref25.props,
-    state = _ref25.state;
-  return function () {
-    if (!props.showOverflowTooltip) {
-      state.hoverIndex = -1;
-    } else if (!props.multiple) {
-      state.hoverIndex = state.options.indexOf(state.selected);
-    } else {
-      if (state.selected.length > 0) {
-        state.hoverIndex = Math.min.apply(null, state.selected.map(function (item) {
-          return state.options.indexOf(item);
-        }));
-      } else {
-        state.hoverIndex = -1;
-      }
+    if (props.searchable) {
+      (_b = refs.reference) == null ? void 0 : _b.focus();
     }
-  };
-};
-export var handleOptionSelect = function handleOptionSelect(_ref26) {
-  var api = _ref26.api,
-    emit = _ref26.emit,
-    nextTick = _ref26.nextTick,
-    props = _ref26.props,
-    refs = _ref26.refs,
-    state = _ref26.state;
-  return function (option, byClick) {
-    state.memorize && state.memorize.updateByKey(option[state.memorize._dataKey] || option.value);
-    if (props.multiple) {
-      var value = (props.modelValue || []).slice();
-      var optionIndex = api.getValueIndex(value, option.value);
-      if (optionIndex > -1) {
-        value.splice(optionIndex, 1);
-      } else if (state.multipleLimit <= 0 || value.length < state.multipleLimit) {
-        value.push(option.value);
-      }
-      emit('update:modelValue', value);
-      api.emitChange(value);
-      if (option.created) {
-        state.query = '';
-        api.handleQueryChange('');
-        state.inputLength = 20;
-      }
-      if (props.filterable) {
-        var _refs$input;
-        (_refs$input = refs.input) === null || _refs$input === void 0 ? void 0 : _refs$input.focus();
-      }
-      if (props.searchable) {
-        var _refs$reference3;
-        (_refs$reference3 = refs.reference) === null || _refs$reference3 === void 0 ? void 0 : _refs$reference3.focus();
-      }
-      if (props.autoClose) {
-        state.visible = false;
-      }
-    } else {
-      emit('update:modelValue', option.value);
-      api.emitChange(option.value);
-      if (option.created) {
-        state.createdSelected = true;
-        state.createdLabel = option.value;
-      }
+    if (props.autoClose) {
       state.visible = false;
     }
-    state.isSilentBlur = byClick;
-    api.setSoftFocus();
-    if (state.visible) {
-      return;
+  } else {
+    emit("update:modelValue", option.value);
+    api.emitChange(option.value);
+    if (option.created) {
+      state.createdSelected = true;
+      state.createdLabel = option.value;
     }
-    nextTick(function () {
-      api.scrollToOption(option);
-    });
-  };
+    state.visible = false;
+  }
+  state.isSilentBlur = byClick;
+  api.setSoftFocus();
+  if (state.visible) {
+    return;
+  }
+  nextTick(() => {
+    api.scrollToOption(option);
+  });
 };
-export var setSoftFocus = function setSoftFocus(_ref27) {
-  var refs = _ref27.refs,
-    state = _ref27.state;
-  return function () {
-    state.softFocus = true;
-    var input = refs.input || refs.reference;
-    input === null || input === void 0 ? void 0 : input.focus();
-  };
+const setSoftFocus = ({ refs, state }) => () => {
+  state.softFocus = true;
+  const input = refs.input || refs.reference;
+  input == null ? void 0 : input.focus();
 };
-export var getValueIndex = function getValueIndex(props) {
-  return function () {
-    var arr = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-    var value = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-    var isObject = Object.prototype.toString.call(value).toLowerCase() === '[object object]';
-    if (!isObject) {
-      return arr.indexOf(value);
-    } else {
-      var valueKey = props.valueKey;
-      var index = -1;
-      arr.some(function (item, i) {
-        if (getObj(item, valueKey) === getObj(value, valueKey)) {
-          index = i;
-          return true;
-        }
-        return false;
-      });
-      return index;
-    }
-  };
+const getValueIndex = (props) => (arr = [], value = null) => {
+  const isObject = Object.prototype.toString.call(value).toLowerCase() === "[object object]";
+  if (!isObject) {
+    return arr.indexOf(value);
+  } else {
+    const valueKey = props.valueKey;
+    let index = -1;
+    arr.some((item, i) => {
+      if (getObj(item, valueKey) === getObj(value, valueKey)) {
+        index = i;
+        return true;
+      }
+      return false;
+    });
+    return index;
+  }
 };
-export var toggleMenu = function toggleMenu(_ref28) {
-  var refs = _ref28.refs,
-    state = _ref28.state,
-    props = _ref28.props;
-  return function () {
-    if (!state.selectDisabled) {
+const toggleMenu = ({ refs, state, props }) => () => {
+  if (!state.selectDisabled) {
+    !props.ignoreEnter && (state.visible = !state.visible);
+    if (state.softFocus && refs.reference) {
       !props.ignoreEnter && (state.visible = !state.visible);
-      if (state.softFocus && refs.reference) {
-        !props.ignoreEnter && (state.visible = !state.visible);
-        state.softFocus = false;
-      }
-      if (state.visible) {
-        var dom = refs.input || refs.reference;
-        dom === null || dom === void 0 ? void 0 : dom.focus();
-      }
+      state.softFocus = false;
     }
-  };
+    if (state.visible) {
+      const dom = refs.input || refs.reference;
+      dom == null ? void 0 : dom.focus();
+    }
+  }
 };
-export var selectOption = function selectOption(_ref29) {
-  var api = _ref29.api,
-    state = _ref29.state,
-    props = _ref29.props;
-  return function () {
-    if (!state.visible || props.hideDrop) {
-      api.toggleMenu();
-    } else {
-      if (state.options[state.hoverIndex]) {
-        api.handleOptionSelect(state.options[state.hoverIndex]);
-      }
+const selectOption = ({ api, state, props }) => () => {
+  if (!state.visible || props.hideDrop) {
+    api.toggleMenu();
+  } else {
+    if (state.options[state.hoverIndex]) {
+      api.handleOptionSelect(state.options[state.hoverIndex]);
     }
-  };
+  }
 };
-export var deleteSelected = function deleteSelected(_ref30) {
-  var api = _ref30.api,
-    constants = _ref30.constants,
-    emit = _ref30.emit,
-    props = _ref30.props,
-    vm = _ref30.vm,
-    state = _ref30.state;
-  return function (event) {
-    event.stopPropagation();
-    var value = props.multiple ? [] : '';
-    var refs = vm.$refs;
+const deleteSelected = ({ api, constants, emit, props, vm, state }) => (event) => {
+  event.stopPropagation();
+  const value = props.multiple ? [] : "";
+  const refs = vm.$refs;
+  if (props.renderType === constants.TYPE.Tree) {
+    state.selected = {};
+    state.selectedLabel = "";
+    refs.selectTree.setCurrentKey(null);
+  } else if (props.renderType === constants.TYPE.Grid) {
+    state.selected = {};
+    state.selectedLabel = "";
+    refs.selectGrid.clearRadioRow();
+  }
+  state.showTip = false;
+  emit("update:modelValue", value);
+  api.emitChange(value);
+  state.visible = false;
+  emit("clear");
+};
+const deleteTag = ({ api, constants, emit, props, state, vm }) => (event, tag) => {
+  const refs = vm.$refs;
+  const isTree = props.renderType === constants.TYPE.Tree;
+  const index = state.selected.indexOf(tag);
+  const treeValue = [];
+  const treeIds = [tag[props.valueField]];
+  if (isTree && !props.treeOp.checkStrictly) {
+    let node = refs.selectTree.getNode(tag[props.valueField]);
+    if (!node.isLeaf) {
+      treeIds.push(...api.getChildValue(node.childNodes, props.valueField));
+    }
+    while (node.parent && !Array.isArray(node.parent.data)) {
+      treeIds.push(node.parent.data[props.valueField]);
+      node = node.parent;
+    }
+    state.selected.slice().map((node2) => !treeIds.includes(node2[props.valueField]) && treeValue.push(node2[props.valueField]));
+  }
+  if (index > -1 && !state.selectDisabled) {
+    const value = props.modelValue.slice();
+    value.splice(index, 1);
     if (props.renderType === constants.TYPE.Tree) {
-      state.selected = {};
-      state.selectedLabel = '';
-      refs.selectTree.setCurrentKey(null);
+      props.treeOp.checkStrictly && treeValue.push(...value);
+      refs.selectTree.setCheckedKeys(treeValue);
     } else if (props.renderType === constants.TYPE.Grid) {
-      state.selected = {};
-      state.selectedLabel = '';
-      refs.selectGrid.clearRadioRow();
+      const rows = state.selected.slice().filter((item) => value.includes(item[props.valueField]));
+      refs.selectGrid.clearSelection();
+      refs.selectGrid.setSelection(rows, true);
     }
-    state.showTip = false;
-    emit('update:modelValue', value);
+    emit("update:modelValue", isTree ? treeValue : value);
     api.emitChange(value);
-    state.visible = false;
-    emit('clear');
-  };
+    emit(constants.EVENT_NAME.removeTag, tag[props.valueField]);
+  }
+  event.stopPropagation();
 };
-export var deleteTag = function deleteTag(_ref31) {
-  var api = _ref31.api,
-    constants = _ref31.constants,
-    emit = _ref31.emit,
-    props = _ref31.props,
-    state = _ref31.state,
-    vm = _ref31.vm;
-  return function (event, tag) {
-    var refs = vm.$refs;
-    var isTree = props.renderType === constants.TYPE.Tree;
-    var index = state.selected.indexOf(tag);
-    var treeValue = [];
-    var treeIds = [tag[props.valueField]];
-    if (isTree && !props.treeOp.checkStrictly) {
-      var node = refs.selectTree.getNode(tag[props.valueField]);
-      if (!node.isLeaf) {
-        treeIds.push.apply(treeIds, _toConsumableArray(api.getChildValue(node.childNodes, props.valueField)));
-      }
-      while (node.parent && !Array.isArray(node.parent.data)) {
-        treeIds.push(node.parent.data[props.valueField]);
-        node = node.parent;
-      }
-      state.selected.slice().map(function (node) {
-        return treeIds.indexOf(node[props.valueField]) === -1 && treeValue.push(node[props.valueField]);
+const onInputChange = ({ api, props, state, constants, nextTick }) => () => {
+  if (!props.delay) {
+    if (props.filterable && state.query !== state.selectedLabel) {
+      state.query = state.selectedLabel;
+      api.handleQueryChange(state.query);
+      nextTick(() => {
+        state.selectEmitter.emit(constants.EVENT_NAME.updatePopper);
       });
     }
-    if (index > -1 && !state.selectDisabled) {
-      var value = props.modelValue.slice();
-      value.splice(index, 1);
-      if (props.renderType === constants.TYPE.Tree) {
-        props.treeOp.checkStrictly && treeValue.push.apply(treeValue, _toConsumableArray(value));
-        refs.selectTree.setCheckedKeys(treeValue);
-      } else if (props.renderType === constants.TYPE.Grid) {
-        var rows = state.selected.slice().filter(function (item) {
-          return value.indexOf(item[props.valueField]) > -1;
-        });
-        refs.selectGrid.clearSelection();
-        refs.selectGrid.setSelection(rows, true);
-      }
-      emit('update:modelValue', isTree ? treeValue : value);
-      api.emitChange(value);
-      emit(constants.EVENT_NAME.removeTag, tag[props.valueField]);
-    }
-    event.stopPropagation();
-  };
-};
-export var onInputChange = function onInputChange(_ref32) {
-  var api = _ref32.api,
-    props = _ref32.props,
-    state = _ref32.state,
-    constants = _ref32.constants,
-    nextTick = _ref32.nextTick;
-  return function () {
-    if (!props.delay) {
-      if (props.filterable && state.query !== state.selectedLabel) {
-        state.query = state.selectedLabel;
-        api.handleQueryChange(state.query);
-        nextTick(function () {
-          state.selectEmitter.emit(constants.EVENT_NAME.updatePopper);
-        });
-      }
-    } else {
-      api.debouncRquest();
-    }
-    nextTick(function () {
-      state.selectEmitter.emit(constants.EVENT_NAME.updatePopper);
-    });
-  };
+  } else {
+    api.debouncRquest();
+  }
+  nextTick(() => {
+    state.selectEmitter.emit(constants.EVENT_NAME.updatePopper);
+  });
 };
-export var onOptionDestroy = function onOptionDestroy(state) {
-  return function (index) {
-    if (index > -1) {
-      state.optionsCount--;
-      state.filteredOptionsCount--;
-      state.options.splice(index, 1);
-    }
-  };
+const onOptionDestroy = (state) => (index) => {
+  if (index > -1) {
+    state.optionsCount--;
+    state.filteredOptionsCount--;
+    state.options.splice(index, 1);
+  }
 };
-export var resetInputWidth = function resetInputWidth(_ref33) {
-  var refs = _ref33.refs,
-    state = _ref33.state;
-  return function () {
-    var _refs$reference4, _refs$reference4$$el, _refs$reference4$$el$;
-    state.inputWidth = ((_refs$reference4 = refs.reference) === null || _refs$reference4 === void 0 ? void 0 : (_refs$reference4$$el = _refs$reference4.$el) === null || _refs$reference4$$el === void 0 ? void 0 : (_refs$reference4$$el$ = _refs$reference4$$el.getBoundingClientRect()) === null || _refs$reference4$$el$ === void 0 ? void 0 : _refs$reference4$$el$.width) || 0;
-  };
+const resetInputWidth = ({ refs, state }) => () => {
+  var _a, _b, _c;
+  state.inputWidth = ((_c = (_b = (_a = refs.reference) == null ? void 0 : _a.$el) == null ? void 0 : _b.getBoundingClientRect()) == null ? void 0 : _c.width) || 0;
 };
-export var handleResize = function handleResize(_ref34) {
-  var api = _ref34.api,
-    props = _ref34.props;
-  return function () {
-    api.resetInputWidth();
-    if (props.multiple) {
-      api.resetInputHeight();
-    }
-  };
+const handleResize = ({ api, props }) => () => {
+  api.resetInputWidth();
+  if (props.multiple) {
+    api.resetInputHeight();
+  }
 };
-export var checkDefaultFirstOption = function checkDefaultFirstOption(state) {
-  return function () {
-    state.hoverIndex = -1;
-    var hasCreated = false;
-    for (var i = state.options.length - 1; i >= 0; i--) {
-      if (state.options[i].created) {
-        hasCreated = true;
+const checkDefaultFirstOption = (state) => () => {
+  state.hoverIndex = -1;
+  let hasCreated = false;
+  for (let i = state.options.length - 1; i >= 0; i--) {
+    if (state.options[i].created) {
+      hasCreated = true;
+      state.hoverIndex = i;
+      break;
+    }
+  }
+  if (hasCreated) {
+    return;
+  }
+  for (let i = 0; i !== state.options.length; ++i) {
+    const option = state.options[i];
+    if (state.query) {
+      if (!option.disabled && !option.groupDisabled && option.visible) {
         state.hoverIndex = i;
         break;
       }
-    }
-    if (hasCreated) {
-      return;
-    }
-    for (var _i = 0; _i !== state.options.length; ++_i) {
-      var option = state.options[_i];
-      if (state.query) {
-        if (!option.disabled && !option.groupDisabled && option.visible) {
-          state.hoverIndex = _i;
-          break;
-        }
-      } else {
-        if (option.itemSelected) {
-          state.hoverIndex = _i;
-          break;
-        }
+    } else {
+      if (option.itemSelected) {
+        state.hoverIndex = i;
+        break;
       }
     }
-  };
+  }
 };
-export var getValueKey = function getValueKey(props) {
-  return function (item) {
-    if (Object.prototype.toString.call(item.value).toLowerCase() !== '[object object]') {
-      return item.value;
-    }
-    return getObj(item.value, props.valueKey);
-  };
+const getValueKey = (props) => (item) => {
+  if (Object.prototype.toString.call(item.value).toLowerCase() !== "[object object]") {
+    return item.value;
+  }
+  return getObj(item.value, props.valueKey);
 };
-export var navigateOptions = function navigateOptions(_ref35) {
-  var api = _ref35.api,
-    nextTick = _ref35.nextTick,
-    state = _ref35.state;
-  return function (direction) {
-    var len = state.options.length;
-    if (!state.visible) {
-      state.visible = true;
-      return;
-    }
-    if (len === 0 || state.filteredOptionsCount === 0) {
-      return;
-    }
-    if (!state.optionsAllDisabled) {
-      if (direction === 'next') {
-        state.hoverIndex++;
-        if (state.hoverIndex === len) {
-          state.hoverIndex = 0;
-        }
-      } else if (direction === 'prev') {
-        state.hoverIndex--;
-        if (state.hoverIndex < 0) {
-          state.hoverIndex = len - 1;
-        }
+const navigateOptions = ({ api, nextTick, state }) => (direction) => {
+  const len = state.options.length;
+  if (!state.visible) {
+    state.visible = true;
+    return;
+  }
+  if (len === 0 || state.filteredOptionsCount === 0) {
+    return;
+  }
+  if (!state.optionsAllDisabled) {
+    if (direction === "next") {
+      state.hoverIndex++;
+      if (state.hoverIndex === len) {
+        state.hoverIndex = 0;
       }
-      var option = state.options[state.hoverIndex];
-      if (option.disabled === true || option.groupDisabled === true || !option.visible) {
-        api.navigateOptions(direction);
+    } else if (direction === "prev") {
+      state.hoverIndex--;
+      if (state.hoverIndex < 0) {
+        state.hoverIndex = len - 1;
       }
-      nextTick(function () {
-        return api.scrollToOption(state.hoverOption);
-      });
     }
-  };
+    const option = state.options[state.hoverIndex];
+    if (option.disabled === true || option.groupDisabled === true || !option.visible) {
+      api.navigateOptions(direction);
+    }
+    nextTick(() => api.scrollToOption(state.hoverOption));
+  }
 };
-export var emptyText = function emptyText(_ref36) {
-  var I18N = _ref36.I18N,
-    props = _ref36.props,
-    state = _ref36.state,
-    t = _ref36.t;
-  return function () {
-    if (props.loading) {
-      return props.loadingText || t(I18N.loading);
-    } else {
-      if (props.remote && state.query === '' && props.renderType) {
-        if (props.multiple) {
-          return state.selected.length > 0 || state.remoteData.length > 0;
-        }
-        return state.selected[props.valueField] || state.remoteData.length > 0;
-      }
-      if (props.remote && state.query === '' && state.options.length === 0) {
-        return false;
-      }
-      if (state.filterOrSearch && state.query && state.options.length > 0 && state.filteredOptionsCount === 0) {
-        return props.noMatchText || t(I18N.noMatch);
-      }
-      if (!state.options.some(function (option) {
-        return option.visible;
-      })) {
-        return props.noDataText || t(I18N.noData);
+const emptyText = ({ I18N, props, state, t }) => () => {
+  if (props.loading) {
+    return props.loadingText || t(I18N.loading);
+  } else {
+    if (props.remote && state.query === "" && props.renderType) {
+      if (props.multiple) {
+        return state.selected.length > 0 || state.remoteData.length > 0;
       }
+      return state.selected[props.valueField] || state.remoteData.length > 0;
     }
-    return null;
-  };
-};
-var optmzApis = {
-  exist: function exist(val, multiple) {
-    return multiple ? Array.isArray(val) && val.length : val;
-  },
-  getValueIndex: function getValueIndex(props) {
-    var options = props.options,
-      valueField = props.valueField,
-      modelValue = props.modelValue,
-      multiple = props.multiple;
-    var contain = function contain(val, arr) {
-      return Array.isArray(arr) && ~arr.indexOf(val);
-    };
-    var equal = function equal(val, opt) {
-      return multiple ? contain(opt[valueField], [val]) : opt[valueField] === val;
-    };
-    var start = 0;
+    if (props.remote && state.query === "" && state.options.length === 0) {
+      return false;
+    }
+    if (state.filterOrSearch && state.query && state.options.length > 0 && state.filteredOptionsCount === 0) {
+      return props.noMatchText || t(I18N.noMatch);
+    }
+    if (!state.options.some((option) => option.visible)) {
+      return props.noDataText || t(I18N.noData);
+    }
+  }
+  return null;
+};
+const optmzApis = {
+  exist: (val, multiple) => multiple ? Array.isArray(val) && val.length : val,
+  getValueIndex: (props) => {
+    const { options, valueField, modelValue, multiple } = props;
+    const contain = (val, arr) => Array.isArray(arr) && ~arr.indexOf(val);
+    const equal = (val, opt) => multiple ? contain(opt[valueField], [val]) : opt[valueField] === val;
+    let start = 0;
     if (optmzApis.exist(modelValue, multiple)) {
-      var lastVal = multiple ? modelValue[modelValue.length - 1] : modelValue;
-      for (var i = 0; i < options.length; i++) {
+      const lastVal = multiple ? modelValue[modelValue.length - 1] : modelValue;
+      for (let i = 0; i < options.length; i++) {
         if (!equal(lastVal, options[i])) {
           continue;
         }
@@ -985,42 +717,28 @@ var optmzApis = {
     }
     return start;
   },
-  getStartIndex: function getStartIndex(_ref37) {
-    var props = _ref37.props,
-      state = _ref37.state;
-    var options = props.options;
-    var optimizeOpts = state.optimizeOpts,
-      optimizeStore = state.optimizeStore;
-    var rSize = optimizeOpts.rSize;
-    var valueIndex = optimizeStore.valueIndex;
+  getStartIndex: ({ props, state }) => {
+    const { options } = props;
+    const { optimizeOpts, optimizeStore } = state;
+    const { rSize } = optimizeOpts;
+    const { valueIndex } = optimizeStore;
     return valueIndex + rSize > options.length ? options.length - rSize : valueIndex;
   },
-  getViewStyle: function getViewStyle(_ref38) {
-    var props = _ref38.props,
-      state = _ref38.state;
-    var options = props.options;
-    var optimizeOpts = state.optimizeOpts;
-    var optionHeight = optimizeOpts.optionHeight;
-    return "height:".concat(optionHeight * options.length, "px");
+  getViewStyle: ({ props, state }) => {
+    const { options } = props;
+    const { optimizeOpts } = state;
+    const { optionHeight } = optimizeOpts;
+    return `height:${optionHeight * options.length}px`;
   },
-  getStoreDatas: function getStoreDatas(_ref39) {
-    var props = _ref39.props,
-      state = _ref39.state;
-    var options = props.options,
-      valueField = props.valueField,
-      modelValue = props.modelValue,
-      multiple = props.multiple;
-    var datas = state.datas,
-      optimizeOpts = state.optimizeOpts,
-      optimizeStore = state.optimizeStore;
-    var startIndex = optimizeStore.startIndex;
-    var rSize = optimizeOpts.rSize;
-    var sliced = datas.slice(startIndex, startIndex + rSize);
-    var hiddenOptions = optimizeStore.hiddenOptions = [];
-    var findPush = function findPush(val) {
-      var opt = options.find(function (option) {
-        return option[valueField] === val;
-      });
+  getStoreDatas: ({ props, state }) => {
+    const { options, valueField, modelValue, multiple } = props;
+    const { datas, optimizeOpts, optimizeStore } = state;
+    const { startIndex } = optimizeStore;
+    const { rSize } = optimizeOpts;
+    const sliced = datas.slice(startIndex, startIndex + rSize);
+    const hiddenOptions = optimizeStore.hiddenOptions = [];
+    const findPush = (val) => {
+      const opt = options.find((option) => option[valueField] === val);
       if (opt && !~sliced.indexOf(opt)) {
         sliced.push(opt);
         hiddenOptions.push(opt);
@@ -1035,168 +753,107 @@ var optmzApis = {
     }
     return sliced;
   },
-  queryWrap: function queryWrap(refs) {
-    return refs.scrollbar.$el.querySelector('.tiny-scrollbar__wrap.virtual');
-  },
-  queryItems: function queryItems(refs) {
-    return refs.scrollbar.$el.querySelectorAll('.tiny-select-dropdown__item.virtual');
-  },
-  createMacro: function createMacro(cb) {
-    return setTimeout(cb);
-  },
-  setScrollTop: function setScrollTop(_ref40) {
-    var refs = _ref40.refs,
-      state = _ref40.state;
-    var optimizeOpts = state.optimizeOpts,
-      optimizeStore = state.optimizeStore;
-    var optionHeight = optimizeOpts.optionHeight;
-    var wrap = optmzApis.queryWrap(refs);
+  queryWrap: (refs) => refs.scrollbar.$el.querySelector(".tiny-scrollbar__wrap.virtual"),
+  queryItems: (refs) => refs.scrollbar.$el.querySelectorAll(".tiny-select-dropdown__item.virtual"),
+  createMacro: (cb) => setTimeout(cb),
+  setScrollTop: ({ refs, state }) => {
+    const { optimizeOpts, optimizeStore } = state;
+    const { optionHeight } = optimizeOpts;
+    const wrap = optmzApis.queryWrap(refs);
     wrap.scrollTop = optionHeight * optimizeStore.valueIndex;
   },
-  setValueIndex: function setValueIndex(_ref41) {
-    var props = _ref41.props,
-      state = _ref41.state;
-    return state.optimizeStore.valueIndex = optmzApis.getValueIndex(props);
+  setValueIndex: ({ props, state }) => state.optimizeStore.valueIndex = optmzApis.getValueIndex(props),
+  addScrollListener: ({ api, refs, state }) => {
+    const { optimizeStore } = state;
+    const wrap = optmzApis.queryWrap(refs);
+    !optimizeStore.bind && wrap.addEventListener("scroll", api.getScrollListener) && (optimizeStore.bind = true);
   },
-  addScrollListener: function addScrollListener(_ref42) {
-    var api = _ref42.api,
-      refs = _ref42.refs,
-      state = _ref42.state;
-    var optimizeStore = state.optimizeStore;
-    var wrap = optmzApis.queryWrap(refs);
-    !optimizeStore.bind && wrap.addEventListener('scroll', api.getScrollListener) && (optimizeStore.bind = true);
+  removeScrollListener: ({ api, refs, state }) => {
+    const { optimizeStore } = state;
+    const wrap = optmzApis.queryWrap(refs);
+    optimizeStore.bind && wrap.removeEventListener("scroll", api.getScrollListener) && (optimizeStore.bind = false);
   },
-  removeScrollListener: function removeScrollListener(_ref43) {
-    var api = _ref43.api,
-      refs = _ref43.refs,
-      state = _ref43.state;
-    var optimizeStore = state.optimizeStore;
-    var wrap = optmzApis.queryWrap(refs);
-    optimizeStore.bind && wrap.removeEventListener('scroll', api.getScrollListener) && (optimizeStore.bind = false);
-  },
-  isFirstPage: function isFirstPage(_ref44) {
-    var props = _ref44.props,
-      state = _ref44.state;
-    var optimizeStore = state.optimizeStore;
-    var datas = optimizeStore.datas;
-    var options = props.options;
+  isFirstPage: ({ props, state }) => {
+    const { optimizeStore } = state;
+    const { datas } = optimizeStore;
+    const { options } = props;
     return Array.isArray(datas) && Array.isArray(options) && datas[0] === options[0];
   },
-  natural: function natural(val) {
-    return val < 0 ? 0 : val;
-  },
-  updateItems: function updateItems(_ref45) {
-    var refs = _ref45.refs,
-      state = _ref45.state,
-      itemFn = _ref45.itemFn;
-    var optimizeOpts = state.optimizeOpts;
-    var optionHeight = optimizeOpts.optionHeight;
-    var items = optmzApis.queryItems(refs);
-    for (var i = 0; i < items.length; i++) {
-      var item = items[i];
-      var flag = item.classList.contains('virtual-hidden');
-      item.style.top = flag ? "-".concat(optionHeight, "px") : "".concat(itemFn(i), "px");
+  natural: (val) => val < 0 ? 0 : val,
+  updateItems: ({ refs, state, itemFn }) => {
+    const { optimizeOpts } = state;
+    const { optionHeight } = optimizeOpts;
+    const items = optmzApis.queryItems(refs);
+    for (let i = 0; i < items.length; i++) {
+      const item = items[i];
+      const flag = item.classList.contains("virtual-hidden");
+      item.style.top = flag ? `-${optionHeight}px` : `${itemFn(i)}px`;
     }
   },
-  process: function process(_ref46) {
-    var props = _ref46.props,
-      start = _ref46.start,
-      state = _ref46.state;
-    var optimizeStore = state.optimizeStore;
-    optimizeStore.startIndex = typeof start !== 'undefined' ? start : optmzApis.getStartIndex({
-      props: props,
-      state: state
-    });
-    optimizeStore.datas = optmzApis.getStoreDatas({
-      props: props,
-      state: state
-    });
-    optimizeStore.firstPage = optmzApis.isFirstPage({
-      props: props,
-      state: state
-    });
+  process: ({ props, start, state }) => {
+    const { optimizeStore } = state;
+    optimizeStore.startIndex = typeof start !== "undefined" ? start : optmzApis.getStartIndex({ props, state });
+    optimizeStore.datas = optmzApis.getStoreDatas({ props, state });
+    optimizeStore.firstPage = optmzApis.isFirstPage({ props, state });
   }
 };
-export var watchValue = function watchValue(_ref47) {
-  var api = _ref47.api,
-    constants = _ref47.constants,
-    dispatch = _ref47.dispatch,
-    props = _ref47.props,
-    refs = _ref47.refs,
-    state = _ref47.state;
-  return function (value, oldValue) {
-    if (props.multiple) {
-      api.resetInputHeight();
-      if (value && value.length > 0 || refs.input && state.query !== '') {
-        state.currentPlaceholder = '';
-      } else {
-        state.currentPlaceholder = state.cachedPlaceHolder;
-      }
-      if (state.filterOrSearch && !props.reserveKeyword) {
-        props.renderType !== constants.TYPE.Grid && (state.query = '');
-        api.handleQueryChange(state.query);
-      }
-    }
-    api.setSelected();
-    if (props.filterable && !props.multiple) {
-      state.inputLength = 20;
+const watchValue = ({ api, constants, dispatch, props, refs, state }) => (value, oldValue) => {
+  if (props.multiple) {
+    api.resetInputHeight();
+    if (value && value.length > 0 || refs.input && state.query !== "") {
+      state.currentPlaceholder = "";
+    } else {
+      state.currentPlaceholder = state.cachedPlaceHolder;
     }
-    if (state.completed && !isEqual(value, oldValue)) {
-      dispatch(constants.COMPONENT_NAME.FormItem, constants.EVENT_NAME.formChange, value);
+    if (state.filterOrSearch && !props.reserveKeyword) {
+      props.renderType !== constants.TYPE.Grid && (state.query = "");
+      api.handleQueryChange(state.query);
     }
-    state.optimizeStore.flag && optmzApis.setValueIndex({
-      props: props,
-      state: state
-    });
-  };
+  }
+  api.setSelected();
+  if (props.filterable && !props.multiple) {
+    state.inputLength = 20;
+  }
+  if (state.completed && !isEqual(value, oldValue)) {
+    dispatch(constants.COMPONENT_NAME.FormItem, constants.EVENT_NAME.formChange, value);
+  }
+  state.optimizeStore.flag && optmzApis.setValueIndex({ props, state });
 };
-export var calcOverFlow = function calcOverFlow(_ref48) {
-  var refs = _ref48.refs,
-    props = _ref48.props,
-    state = _ref48.state;
-  return function (height) {
-    if (!props.multiple || !props.showOverflowTooltip) {
-      return;
-    }
-    state.overflow = false;
-    var tagDom = refs.tags;
-    var tags = tagDom.querySelectorAll('.tiny-tag');
-    if (tags.length) {
-      tagDom.scrollTo && tagDom.scrollTo({
-        top: 0
-      });
-      var _tags$0$getBoundingCl = tags[0].getBoundingClientRect(),
-        x = _tags$0$getBoundingCl.x,
-        width = _tags$0$getBoundingCl.width;
-      if (width >= tagDom.getBoundingClientRect().width) {
-        state.overflow = 0;
-      } else {
-        for (var i = 1; i < tags.length; i++) {
-          var tx = tags[i].getBoundingClientRect().x;
-          if (tx == x) {
-            state.overflow = i - 1;
-            break;
-          }
+const calcOverFlow = ({ refs, props, state }) => (height) => {
+  if (!props.multiple || !props.showOverflowTooltip) {
+    return;
+  }
+  state.overflow = false;
+  const tagDom = refs.tags;
+  const tags = tagDom.querySelectorAll(".tiny-tag");
+  if (tags.length) {
+    tagDom.scrollTo && tagDom.scrollTo({ top: 0 });
+    let { x, width } = tags[0].getBoundingClientRect();
+    if (width >= tagDom.getBoundingClientRect().width) {
+      state.overflow = 0;
+    } else {
+      for (let i = 1; i < tags.length; i++) {
+        let tx = tags[i].getBoundingClientRect().x;
+        if (tx == x) {
+          state.overflow = i - 1;
+          break;
         }
       }
     }
-    refs.select.style.height = refs.select.style.height || height;
-    refs.reference.$el.style.position = 'absolute';
-    var inputWidth = refs.select.getBoundingClientRect().width;
-    var position = state.visible ? 'absolute' : '';
-    state.selectFiexd = {
-      height: height,
-      position: position,
-      width: inputWidth + 'px',
-      zIndex: PopupManager.nextZIndex()
-    };
-    state.inputWidth = inputWidth;
-  };
-};
-var postOperOfToVisible = function postOperOfToVisible(_ref49) {
-  var props = _ref49.props,
-    state = _ref49.state,
-    constants = _ref49.constants;
+  }
+  refs.select.style.height = refs.select.style.height || height;
+  refs.reference.$el.style.position = "absolute";
+  const inputWidth = refs.select.getBoundingClientRect().width;
+  const position = state.visible ? "absolute" : "";
+  state.selectFiexd = {
+    height,
+    position,
+    width: inputWidth + "px",
+    zIndex: PopupManager.nextZIndex()
+  };
+  state.inputWidth = inputWidth;
+};
+const postOperOfToVisible = ({ props, state, constants }) => {
   if (props.multiple) {
     return;
   }
@@ -1218,573 +875,426 @@ var postOperOfToVisible = function postOperOfToVisible(_ref49) {
     }
   }
 };
-export var toVisible = function toVisible(_ref50) {
-  var constants = _ref50.constants,
-    state = _ref50.state,
-    props = _ref50.props,
-    vm = _ref50.vm,
-    api = _ref50.api,
-    nextTick = _ref50.nextTick;
-  return function () {
-    var _refs$input2;
-    var refs = vm.$refs;
-    state.selectEmitter.emit(constants.EVENT_NAME.destroyPopper);
-    props.remote && props.dropOnlySearch && (state.showWarper = false);
-    (_refs$input2 = refs.input) === null || _refs$input2 === void 0 ? void 0 : _refs$input2.blur();
-    state.query = '';
-    state.selectedLabel = '';
-    state.inputLength = 20;
-    if (props.renderType !== constants.TYPE.Tree) {
-      state.previousQuery = props.remoteConfig.clearData && state.previousQuery !== state.query ? undefined : null;
-    }
-    api.resetHoverIndex();
-    nextTick(function () {
-      if (refs.input && refs.input.value === '' && state.selected.length === 0) {
-        state.currentPlaceholder = state.cachedPlaceHolder;
-      }
-      if (refs.selectGrid) {
-        refs.selectGrid.clearScroll();
-      }
-    });
-    postOperOfToVisible({
-      props: props,
-      state: state,
-      constants: constants
-    });
-  };
-};
-export var toHide = function toHide(_ref51) {
-  var constants = _ref51.constants,
-    state = _ref51.state,
-    props = _ref51.props,
-    vm = _ref51.vm,
-    api = _ref51.api;
-  return function () {
-    var refs = vm.$refs;
-    state.selectEmitter.emit(constants.COMPONENT_NAME.SelectDropdown, constants.EVENT_NAME.updatePopper);
-    if (state.filterOrSearch) {
-      state.query = props.remote || props.searchable ? '' : props.renderType !== constants.TYPE.Tree ? state.selectedLabel : '';
-      state.previousQuery !== state.query && api.handleQueryChange(state.query);
-      if (props.multiple) {
-        var _refs$input3, _refs$reference5;
-        props.filterable ? (_refs$input3 = refs.input) === null || _refs$input3 === void 0 ? void 0 : _refs$input3.focus() : (_refs$reference5 = refs.reference) === null || _refs$reference5 === void 0 ? void 0 : _refs$reference5.focus();
-      } else {
-        if (!props.remote) {
-          state.selectEmitter.emit(constants.EVENT_NAME.queryChange, '');
-          state.selectEmitter.emit(constants.COMPONENT_NAME.OptionGroup, constants.EVENT_NAME.queryChange);
-        }
-        if (state.selectedLabel) {
-          state.currentPlaceholder = state.selectedLabel;
-          state.selectedLabel = '';
-        }
-      }
+const toVisible = ({ constants, state, props, vm, api, nextTick }) => () => {
+  var _a;
+  const refs = vm.$refs;
+  state.selectEmitter.emit(constants.EVENT_NAME.destroyPopper);
+  props.remote && props.dropOnlySearch && (state.showWarper = false);
+  (_a = refs.input) == null ? void 0 : _a.blur();
+  state.query = "";
+  state.selectedLabel = "";
+  state.inputLength = 20;
+  if (props.renderType !== constants.TYPE.Tree) {
+    state.previousQuery = props.remoteConfig.clearData && state.previousQuery !== state.query ? void 0 : null;
+  }
+  api.resetHoverIndex();
+  nextTick(() => {
+    if (refs.input && refs.input.value === "" && state.selected.length === 0) {
+      state.currentPlaceholder = state.cachedPlaceHolder;
     }
     if (refs.selectGrid) {
-      refs.selectGrid.clearSelection();
-      refs.selectGrid.setSelection(state.selected, true);
-      if (state.filterOrSearch && typeof props.filterMethod === 'function') {
-        refs.selectGrid.handleTableData(true);
-      } else if (state.filterOrSearch && props.remote && typeof props.remoteMethod === 'function') {
-        refs.selectGrid.handleTableData();
-      }
-    }
-  };
-};
-export var watchVisible = function watchVisible(_ref52) {
-  var api = _ref52.api,
-    constants = _ref52.constants,
-    emit = _ref52.emit,
-    state = _ref52.state,
-    refs = _ref52.refs;
-  return function (value) {
-    if (api.onCopying()) {
-      return;
-    }
-    value ? api.toHide() : api.toVisible();
-    emit(constants.EVENT_NAME.visibleChange, value);
-    setTimeout(function () {
-      state.selectEmitter.emit(constants.EVENT_NAME.updatePopper);
-    });
-    if (value && state.optimizeStore.flag) {
-      optmzApis.createMacro(function () {
-        optmzApis.setScrollTop({
-          refs: refs,
-          state: state
-        });
-        api.getScrollListener();
-      });
-    }
-  };
-};
-export var watchOptions = function watchOptions(_ref53) {
-  var api = _ref53.api,
-    constants = _ref53.constants,
-    nextTick = _ref53.nextTick,
-    parent = _ref53.parent,
-    props = _ref53.props,
-    state = _ref53.state;
-  return function () {
-    if (typeof window === 'undefined') {
-      return;
+      refs.selectGrid.clearScroll();
     }
-    nextTick(function () {
-      state.selectEmitter.emit(constants.EVENT_NAME.updatePopper);
-    });
+  });
+  postOperOfToVisible({ props, state, constants });
+};
+const toHide = ({ constants, state, props, vm, api }) => () => {
+  var _a, _b;
+  const refs = vm.$refs;
+  state.selectEmitter.emit(constants.COMPONENT_NAME.SelectDropdown, constants.EVENT_NAME.updatePopper);
+  if (state.filterOrSearch) {
+    state.query = props.remote || props.searchable ? "" : props.renderType !== constants.TYPE.Tree ? state.selectedLabel : "";
+    state.previousQuery !== state.query && api.handleQueryChange(state.query);
     if (props.multiple) {
-      api.resetInputHeight();
-    }
-    nextTick(function () {
-      if (parent.$el.querySelector('input') !== document.activeElement) {
-        api.setSelected();
-      }
-    });
-    if (props.defaultFirstOption && (props.filterabl || props.searchable || props.remote) && state.filteredOptionsCount) {
-      api.checkDefaultFirstOption();
-    }
-  };
-};
-export var handleCopyClick = function handleCopyClick(_ref54) {
-  var parent = _ref54.parent,
-    props = _ref54.props,
-    state = _ref54.state;
-  return function () {
-    var input = document.createElement('input');
-    input.style.height = 0;
-    input.style.border = 'none';
-    input.style.position = 'absolute';
-    parent.$el.appendChild(input);
-    input.value = state.selected.map(function (item) {
-      return item.state ? item.state.currentLabel : item.currentLabel;
-    }).join(props.textSplit);
-    input.select();
-    document.execCommand('copy');
-    parent.$el.removeChild(input);
-  };
-};
-export var selectChange = function selectChange(_ref55) {
-  var emit = _ref55.emit,
-    props = _ref55.props,
-    state = _ref55.state;
-  return function (_ref56) {
-    var $table = _ref56.$table,
-      selection = _ref56.selection,
-      checked = _ref56.checked,
-      row = _ref56.row;
-    var textField = props.textField,
-      valueField = props.valueField;
-    var remoteItem = function remoteItem(row) {
-      var removeItem = find(state.selected, function (item) {
-        return item[valueField] === row[valueField];
-      });
-      removeItem && state.selected.splice(state.selected.indexOf(removeItem), 1);
-    };
-    if (row) {
-      checked ? state.selected.push(_objectSpread(_objectSpread({}, row), {}, {
-        value: row[valueField],
-        currentLabel: row[textField]
-      })) : remoteItem(row);
-    } else {
-      checked ? state.selected = state.selected.concat(selection.filter(function (row) {
-        return !~props.modelValue.indexOf(row[valueField]);
-      })) : $table.tableData.forEach(function (row) {
-        return remoteItem(row);
-      });
-    }
-    var keys = state.selected.map(function (item) {
-      return item[valueField];
-    });
-    emit('update:modelValue', keys);
-    emit('change', keys, state.selected);
-  };
-};
-export var getcheckedData = function getcheckedData(_ref57) {
-  var props = _ref57.props,
-    state = _ref57.state;
-  return function () {
-    var checkedKey = [];
-    if (!Array.isArray(state.selected)) {
-      return props.modelValue ? [props.modelValue] : [state.selected[props.valueField]];
+      props.filterable ? (_a = refs.input) == null ? void 0 : _a.focus() : (_b = refs.reference) == null ? void 0 : _b.focus();
     } else {
-      state.selected.length > 0 && state.selected.forEach(function (item) {
-        checkedKey.push(item[props.valueField]);
-      });
-      return checkedKey;
+      if (!props.remote) {
+        state.selectEmitter.emit(constants.EVENT_NAME.queryChange, "");
+        state.selectEmitter.emit(constants.COMPONENT_NAME.OptionGroup, constants.EVENT_NAME.queryChange);
+      }
+      if (state.selectedLabel) {
+        state.currentPlaceholder = state.selectedLabel;
+        state.selectedLabel = "";
+      }
     }
-  };
-};
-export var radioChange = function radioChange(_ref58) {
-  var emit = _ref58.emit,
-    props = _ref58.props,
-    state = _ref58.state;
-  return function (_ref59) {
-    var row = _ref59.row;
-    row.value = row[props.valueField];
-    row.currentLabel = row[props.textField];
-    state.selected = row;
-    state.visible = false;
-    state.currentKey = row[props.valueField];
-    emit('update:modelValue', row.value);
-    emit('change', row);
-  };
-};
-export var getTreeData = function getTreeData(props) {
-  return function (data) {
-    var nodes = [];
-    var getChild = function getChild(data, pId) {
-      data.forEach(function (node) {
-        node.pId = pId;
-        nodes.push(node);
-        if (node.children && node.children.length > 0) {
-          getChild(node.children, node[props.valueField]);
-        }
-      });
-    };
-    getChild(data, null);
-    return nodes;
-  };
-};
-export var treeNodeClick = function treeNodeClick(_ref60) {
-  var emit = _ref60.emit,
-    props = _ref60.props,
-    state = _ref60.state;
-  return function (data) {
-    if (!props.multiple) {
-      data.currentLabel = data[props.textField];
-      data.value = data[props.valueField];
-      state.selected = data;
-      state.visible = false;
-      emit('update:modelValue', data.value);
-      emit('change', data);
+  }
+  if (refs.selectGrid) {
+    refs.selectGrid.clearSelection();
+    refs.selectGrid.setSelection(state.selected, true);
+    if (state.filterOrSearch && typeof props.filterMethod === "function") {
+      refs.selectGrid.handleTableData(true);
+    } else if (state.filterOrSearch && props.remote && typeof props.remoteMethod === "function") {
+      refs.selectGrid.handleTableData();
     }
-  };
+  }
 };
-export var nodeCheckClick = function nodeCheckClick(_ref61) {
-  var emit = _ref61.emit,
-    props = _ref61.props;
-  return function (data, _ref62) {
-    var checkedKeys = _ref62.checkedKeys,
-      checkedNodes = _ref62.checkedNodes;
-    checkedNodes.forEach(function (node) {
-      node.currentLabel = node[props.textField];
-      node.value = node[props.valueField];
+const watchVisible = ({ api, constants, emit, state, refs }) => (value) => {
+  if (api.onCopying()) {
+    return;
+  }
+  value ? api.toHide() : api.toVisible();
+  emit(constants.EVENT_NAME.visibleChange, value);
+  setTimeout(() => {
+    state.selectEmitter.emit(constants.EVENT_NAME.updatePopper);
+  });
+  if (value && state.optimizeStore.flag) {
+    optmzApis.createMacro(() => {
+      optmzApis.setScrollTop({ refs, state });
+      api.getScrollListener();
     });
-    emit('update:modelValue', checkedKeys);
-    emit('change', checkedKeys, checkedNodes);
-  };
-};
-export var nodeCollapse = function nodeCollapse(_ref63) {
-  var state = _ref63.state,
-    constants = _ref63.constants;
-  return function () {
-    setTimeout(function () {
-      state.selectEmitter.emit(constants.EVENT_NAME.updatePopper);
-    }, 310);
-  };
-};
-export var nodeExpand = function nodeExpand(_ref64) {
-  var state = _ref64.state,
-    constants = _ref64.constants;
-  return function () {
-    setTimeout(function () {
-      state.selectEmitter.emit(constants.EVENT_NAME.updatePopper);
-    }, 310);
-  };
+  }
 };
-export var debouncRquest = function debouncRquest(_ref65) {
-  var api = _ref65.api,
-    state = _ref65.state,
-    props = _ref65.props;
-  return debounce(props.delay, function () {
-    if (state.filterOrSearch && state.query !== state.selectedLabel) {
-      state.query = state.selectedLabel;
-      api.handleQueryChange(state.query);
+const watchOptions = ({ api, constants, nextTick, parent, props, state }) => () => {
+  if (typeof window === "undefined") {
+    return;
+  }
+  nextTick(() => {
+    state.selectEmitter.emit(constants.EVENT_NAME.updatePopper);
+  });
+  if (props.multiple) {
+    api.resetInputHeight();
+  }
+  nextTick(() => {
+    if (parent.$el.querySelector("input") !== document.activeElement) {
+      api.setSelected();
     }
   });
+  if (props.defaultFirstOption && (props.filterabl || props.searchable || props.remote) && state.filteredOptionsCount) {
+    api.checkDefaultFirstOption();
+  }
 };
-export var getChildValue = function getChildValue() {
-  return function (data, key) {
-    var ids = [];
-    var getChild = function getChild(nodes) {
-      nodes.forEach(function (node) {
-        ids.push(node.data[key]);
-        if (node.childNodes.length > 0) {
-          getChild(node.childNodes);
-        }
-      });
-    };
-    getChild(data);
-    return ids;
-  };
+const handleCopyClick = ({ parent, props, state }) => () => {
+  const input = document.createElement("input");
+  input.style.height = 0;
+  input.style.border = "none";
+  input.style.position = "absolute";
+  parent.$el.appendChild(input);
+  input.value = state.selected.map((item) => item.state ? item.state.currentLabel : item.currentLabel).join(props.textSplit);
+  input.select();
+  document.execCommand("copy");
+  parent.$el.removeChild(input);
+};
+const selectChange = ({ emit, props, state }) => ({ $table, selection, checked, row }) => {
+  const { textField, valueField } = props;
+  const remoteItem = (row2) => {
+    const removeItem = find(state.selected, (item) => item[valueField] === row2[valueField]);
+    removeItem && state.selected.splice(state.selected.indexOf(removeItem), 1);
+  };
+  if (row) {
+    checked ? state.selected.push(__spreadProps(__spreadValues({}, row), { value: row[valueField], currentLabel: row[textField] })) : remoteItem(row);
+  } else {
+    checked ? state.selected = state.selected.concat(selection.filter((row2) => !~props.modelValue.indexOf(row2[valueField]))) : $table.tableData.forEach((row2) => remoteItem(row2));
+  }
+  const keys = state.selected.map((item) => item[valueField]);
+  emit("update:modelValue", keys);
+  emit("change", keys, state.selected);
+};
+const getcheckedData = ({ props, state }) => () => {
+  const checkedKey = [];
+  if (!Array.isArray(state.selected)) {
+    return props.modelValue ? [props.modelValue] : [state.selected[props.valueField]];
+  } else {
+    state.selected.length > 0 && state.selected.forEach((item) => {
+      checkedKey.push(item[props.valueField]);
+    });
+    return checkedKey;
+  }
 };
-export var watchPropsOption = function watchPropsOption(_ref66) {
-  var constants = _ref66.constants,
-    parent = _ref66.parent,
-    props = _ref66.props,
-    state = _ref66.state;
-  return function () {
-    var renderType = props.renderType;
-    var _props$treeOp = props.treeOp,
-      key = _props$treeOp.key,
-      parentKey = _props$treeOp.parentKey;
-    var dataset = {
-      dataset: props.options || props.dataset,
-      service: parent.$service,
-      tree: {
-        key: key,
-        parentKey: parentKey
-      }
-    };
-    getDataset(dataset).then(function (data) {
-      if (renderType === constants.TYPE.Tree) {
-        state.treeData = data;
-      } else if (renderType === constants.TYPE.Grid) {
-        state.gridData = data;
-      } else {
-        if (props.cacheOp && props.cacheOp.key) {
-          state.memorize = new Memorize(props.cacheOp);
-          state.datas = state.memorize.assemble(data.slice());
-        } else {
-          state.datas = data;
-        }
+const radioChange = ({ emit, props, state }) => ({ row }) => {
+  row.value = row[props.valueField];
+  row.currentLabel = row[props.textField];
+  state.selected = row;
+  state.visible = false;
+  state.currentKey = row[props.valueField];
+  emit("update:modelValue", row.value);
+  emit("change", row);
+};
+const getTreeData = (props) => (data) => {
+  const nodes = [];
+  const getChild = (data2, pId) => {
+    data2.forEach((node) => {
+      node.pId = pId;
+      nodes.push(node);
+      if (node.children && node.children.length > 0) {
+        getChild(node.children, node[props.valueField]);
       }
     });
   };
+  getChild(data, null);
+  return nodes;
 };
-export var buildSelectConfig = function buildSelectConfig(_ref67) {
-  var props = _ref67.props,
-    state = _ref67.state;
-  return function () {
-    var checkRowKeys = state.gridCheckedData;
-    var selectConfig = props.selectConfig;
-    return _objectSpread(_objectSpread({}, selectConfig), {}, {
-      checkRowKeys: checkRowKeys
-    });
-  };
+const treeNodeClick = ({ emit, props, state }) => (data) => {
+  if (!props.multiple) {
+    data.currentLabel = data[props.textField];
+    data.value = data[props.valueField];
+    state.selected = data;
+    state.visible = false;
+    emit("update:modelValue", data.value);
+    emit("change", data);
+  }
 };
-export var buildRadioConfig = function buildRadioConfig(_ref68) {
-  var props = _ref68.props,
-    state = _ref68.state;
-  return function () {
-    var checkRowKey = state.currentKey;
-    var highlight = true;
-    var radioConfig = props.radioConfig;
-    return _objectSpread(_objectSpread({}, radioConfig), {
-      checkRowKey: checkRowKey,
-      highlight: highlight
+const nodeCheckClick = ({ emit, props }) => (data, { checkedKeys, checkedNodes }) => {
+  checkedNodes.forEach((node) => {
+    node.currentLabel = node[props.textField];
+    node.value = node[props.valueField];
+  });
+  emit("update:modelValue", checkedKeys);
+  emit("change", checkedKeys, checkedNodes);
+};
+const nodeCollapse = ({ state, constants }) => () => {
+  setTimeout(() => {
+    state.selectEmitter.emit(constants.EVENT_NAME.updatePopper);
+  }, 310);
+};
+const nodeExpand = ({ state, constants }) => () => {
+  setTimeout(() => {
+    state.selectEmitter.emit(constants.EVENT_NAME.updatePopper);
+  }, 310);
+};
+const debouncRquest = ({ api, state, props }) => debounce(props.delay, () => {
+  if (state.filterOrSearch && state.query !== state.selectedLabel) {
+    state.query = state.selectedLabel;
+    api.handleQueryChange(state.query);
+  }
+});
+const getChildValue = () => (data, key) => {
+  const ids = [];
+  const getChild = (nodes) => {
+    nodes.forEach((node) => {
+      ids.push(node.data[key]);
+      if (node.childNodes.length > 0) {
+        getChild(node.childNodes);
+      }
     });
   };
-};
-export var onMouseenterNative = function onMouseenterNative(_ref69) {
-  var state = _ref69.state;
-  return function () {
-    state.inputHovering = true;
-    if (state.searchSingleCopy && state.selectedLabel) {
-      state.softFocus = true;
+  getChild(data);
+  return ids;
+};
+const watchPropsOption = ({ constants, parent, props, state }) => () => {
+  const renderType = props.renderType;
+  const { key, parentKey } = props.treeOp;
+  const dataset = {
+    dataset: props.options || props.dataset,
+    service: parent.$service,
+    tree: { key, parentKey }
+  };
+  getDataset(dataset).then((data) => {
+    if (renderType === constants.TYPE.Tree) {
+      state.treeData = data;
+    } else if (renderType === constants.TYPE.Grid) {
+      state.gridData = data;
+    } else {
+      if (props.cacheOp && props.cacheOp.key) {
+        state.memorize = new Memorize(props.cacheOp);
+        state.datas = state.memorize.assemble(data.slice());
+      } else {
+        state.datas = data;
+      }
     }
-  };
+  });
 };
-export var onMouseleaveNative = function onMouseleaveNative(_ref70) {
-  var state = _ref70.state;
-  return function () {
-    state.inputHovering = false;
-    if (state.searchSingleCopy && state.selectedLabel) {
-      state.softFocus = false;
-    }
-  };
+const buildSelectConfig = ({ props, state }) => () => {
+  const checkRowKeys = state.gridCheckedData;
+  const selectConfig = props.selectConfig;
+  return __spreadProps(__spreadValues({}, selectConfig), { checkRowKeys });
 };
-export var onCopying = function onCopying(_ref71) {
-  var state = _ref71.state,
-    refs = _ref71.refs;
-  return function () {
-    return state.searchSingleCopy && state.selectedLabel && refs.reference && refs.reference.hasSelection && refs.reference.hasSelection();
-  };
+const buildRadioConfig = ({ props, state }) => () => {
+  const checkRowKey = state.currentKey;
+  const highlight = true;
+  const radioConfig = props.radioConfig;
+  return __spreadValues(__spreadValues({}, radioConfig), { checkRowKey, highlight });
 };
-export var watchHoverIndex = function watchHoverIndex(_ref72) {
-  var state = _ref72.state;
-  return function (value) {
-    if (typeof value === 'number' && value > -1) {
-      state.hoverOption = state.options[value] || {};
-    } else if (value === -9) {
-      state.hoverOption = {};
-    }
-    state.options.forEach(function (option) {
-      option.hover = state.hoverOption === option;
-    });
-  };
+const onMouseenterNative = ({ state }) => () => {
+  state.inputHovering = true;
+  if (state.searchSingleCopy && state.selectedLabel) {
+    state.softFocus = true;
+  }
 };
-export var mounted = function mounted(_ref73) {
-  var api = _ref73.api,
-    parent = _ref73.parent,
-    state = _ref73.state,
-    props = _ref73.props,
-    refs = _ref73.refs;
-  return function () {
-    var parentEl = parent.$el;
-    var inputEl = parentEl.querySelector('input.tiny-input__inner') || parentEl.querySelector('input.tiny-mobile-input__inner');
-    var inputClientRect = inputEl === null || inputEl === void 0 ? void 0 : inputEl.getBoundingClientRect();
-    if (inputEl === document.activeElement) {
-      var _document$activeEleme;
-      (_document$activeEleme = document.activeElement) === null || _document$activeEleme === void 0 ? void 0 : _document$activeEleme.blur();
-    }
-    state.completed = true;
-    var sizeMap = {
-      mini: 28,
-      small: 32,
-      medium: 36
-    };
-    if (props.multiple && Array.isArray(props.modelValue) && props.modelValue.length > 0) {
-      state.currentPlaceholder = '';
-    }
-    if (inputClientRect) {
-      state.initialInputHeight = inputClientRect.height || sizeMap[state.selectSize];
-      addResizeListener(parentEl, api.handleResize);
-      if (refs.tags) {
-        addResizeListener(refs.tags, api.resetInputHeight);
-      }
-      if (props.remote && props.multiple) {
-        api.resetInputHeight();
-      }
-      state.inputWidth = inputClientRect.width;
-    }
-    api.setSelected();
-    if (props.dataset) {
-      api.watchPropsOption();
-    }
-  };
+const onMouseleaveNative = ({ state }) => () => {
+  state.inputHovering = false;
+  if (state.searchSingleCopy && state.selectedLabel) {
+    state.softFocus = false;
+  }
 };
-export var unMount = function unMount(_ref74) {
-  var api = _ref74.api,
-    parent = _ref74.parent,
-    refs = _ref74.refs,
-    state = _ref74.state;
-  return function () {
-    if (parent.$el && api.handleResize) {
-      removeResizeListener(parent.$el, api.handleResize);
-    }
+const onCopying = ({ state, refs }) => () => state.searchSingleCopy && state.selectedLabel && refs.reference && refs.reference.hasSelection && refs.reference.hasSelection();
+const watchHoverIndex = ({ state }) => (value) => {
+  if (typeof value === "number" && value > -1) {
+    state.hoverOption = state.options[value] || {};
+  } else if (value === -9) {
+    state.hoverOption = {};
+  }
+  state.options.forEach((option) => {
+    option.hover = state.hoverOption === option;
+  });
+};
+const mounted = ({ api, parent, state, props, refs }) => () => {
+  var _a;
+  const parentEl = parent.$el;
+  const inputEl = parentEl.querySelector("input.tiny-input__inner") || parentEl.querySelector("input.tiny-mobile-input__inner");
+  const inputClientRect = inputEl == null ? void 0 : inputEl.getBoundingClientRect();
+  if (inputEl === document.activeElement) {
+    (_a = document.activeElement) == null ? void 0 : _a.blur();
+  }
+  state.completed = true;
+  const sizeMap = { mini: 28, small: 32, medium: 36 };
+  if (props.multiple && Array.isArray(props.modelValue) && props.modelValue.length > 0) {
+    state.currentPlaceholder = "";
+  }
+  if (inputClientRect) {
+    state.initialInputHeight = inputClientRect.height || sizeMap[state.selectSize];
+    addResizeListener(parentEl, api.handleResize);
     if (refs.tags) {
-      removeResizeListener(refs.tags, api.resetInputHeight);
+      addResizeListener(refs.tags, api.resetInputHeight);
     }
-    state.popperElm = null;
-    state.optimizeStore.flag && optmzApis.removeScrollListener({
-      api: api,
-      refs: refs,
-      state: state
-    });
-  };
+    if (props.remote && props.multiple) {
+      api.resetInputHeight();
+    }
+    state.inputWidth = inputClientRect.width;
+  }
+  api.setSelected();
+  if (props.dataset) {
+    api.watchPropsOption();
+  }
 };
-export var computeOptimizeOpts = function computeOptimizeOpts(_ref75) {
-  var props = _ref75.props,
-    state = _ref75.state;
-  return function () {
-    var optimization = props.optimization;
-    var baseOpts = {
-      gt: 20,
-      rSize: 10,
-      optionHeight: 30,
-      limit: 20
-    };
-    var optOpts;
-    if (optimization) {
-      if (typeof optimization === 'boolean') {
-        optOpts = extend(true, {}, baseOpts);
-      } else {
-        optOpts = extend(true, {}, baseOpts, optimization);
-      }
-      optOpts.virtualScroll = optOpts.gt > 0 && optOpts.gt <= state.datas.length;
-      return optOpts;
+const unMount = ({ api, parent, refs, state }) => () => {
+  if (parent.$el && api.handleResize) {
+    removeResizeListener(parent.$el, api.handleResize);
+  }
+  if (refs.tags) {
+    removeResizeListener(refs.tags, api.resetInputHeight);
+  }
+  state.popperElm = null;
+  state.optimizeStore.flag && optmzApis.removeScrollListener({ api, refs, state });
+};
+const computeOptimizeOpts = ({ props, state }) => () => {
+  const { optimization } = props;
+  const baseOpts = { gt: 20, rSize: 10, optionHeight: 30, limit: 20 };
+  let optOpts;
+  if (optimization) {
+    if (typeof optimization === "boolean") {
+      optOpts = extend(true, {}, baseOpts);
+    } else {
+      optOpts = extend(true, {}, baseOpts, optimization);
     }
-  };
+    optOpts.virtualScroll = optOpts.gt > 0 && optOpts.gt <= state.datas.length;
+    return optOpts;
+  }
 };
-export var watchOptimizeOpts = function watchOptimizeOpts(_ref76) {
-  var api = _ref76.api,
-    props = _ref76.props,
-    refs = _ref76.refs,
-    state = _ref76.state;
-  return function () {
-    var optimizeOpts = state.optimizeOpts,
-      optimizeStore = state.optimizeStore;
-    if (optimizeOpts) {
-      var virtualScroll = optimizeOpts.virtualScroll,
-        optionHeight = optimizeOpts.optionHeight;
-      optimizeStore.flag = virtualScroll;
-      if (virtualScroll) {
-        optimizeStore.viewStyle = optmzApis.getViewStyle({
-          props: props,
-          state: state
-        });
-        optimizeStore.valueIndex = optmzApis.getValueIndex(props);
-        optmzApis.process({
-          props: props,
-          state: state
-        });
-        optmzApis.createMacro(function () {
-          var itemFn = function itemFn(i) {
-            return optionHeight * (optimizeStore.startIndex + i);
-          };
-          optmzApis.addScrollListener({
-            api: api,
-            refs: refs,
-            state: state
-          });
-          optmzApis.updateItems({
-            refs: refs,
-            state: state,
-            itemFn: itemFn
-          });
-        });
-      }
+const watchOptimizeOpts = ({ api, props, refs, state }) => () => {
+  const { optimizeOpts, optimizeStore } = state;
+  if (optimizeOpts) {
+    const { virtualScroll, optionHeight } = optimizeOpts;
+    optimizeStore.flag = virtualScroll;
+    if (virtualScroll) {
+      optimizeStore.viewStyle = optmzApis.getViewStyle({ props, state });
+      optimizeStore.valueIndex = optmzApis.getValueIndex(props);
+      optmzApis.process({ props, state });
+      optmzApis.createMacro(() => {
+        const itemFn = (i) => optionHeight * (optimizeStore.startIndex + i);
+        optmzApis.addScrollListener({ api, refs, state });
+        optmzApis.updateItems({ refs, state, itemFn });
+      });
     }
-  };
+  }
 };
-export var getScrollListener = function getScrollListener(_ref77) {
-  var props = _ref77.props,
-    refs = _ref77.refs,
-    state = _ref77.state;
-  var listener = function listener() {
-    var options = props.options;
-    var optimizeOpts = state.optimizeOpts;
-    var optionHeight = optimizeOpts.optionHeight;
-    var viewHeight = optionHeight * options.length;
-    var _optmzApis$queryWrap = optmzApis.queryWrap(refs),
-      clientHeight = _optmzApis$queryWrap.clientHeight,
-      scrollTop = _optmzApis$queryWrap.scrollTop;
-    var maxScrollTop = viewHeight - clientHeight;
-    var start = Math.floor(scrollTop / optionHeight);
+const getScrollListener = ({ props, refs, state }) => {
+  const listener = () => {
+    const { options } = props;
+    const { optimizeOpts } = state;
+    const { optionHeight } = optimizeOpts;
+    const viewHeight = optionHeight * options.length;
+    const { clientHeight, scrollTop } = optmzApis.queryWrap(refs);
+    const maxScrollTop = viewHeight - clientHeight;
+    const start = Math.floor(scrollTop / optionHeight);
     if (scrollTop <= maxScrollTop) {
-      optmzApis.process({
-        props: props,
-        start: start,
-        state: state
-      });
-      optmzApis.createMacro(function () {
-        var itemFn = function itemFn(i) {
-          return scrollTop + optionHeight * i - scrollTop % optionHeight;
-        };
-        optmzApis.updateItems({
-          refs: refs,
-          state: state,
-          itemFn: itemFn
-        });
+      optmzApis.process({ props, start, state });
+      optmzApis.createMacro(() => {
+        const itemFn = (i) => scrollTop + optionHeight * i - scrollTop % optionHeight;
+        optmzApis.updateItems({ refs, state, itemFn });
       });
     }
   };
-  var optimization = props.optimization;
-  var delay = optmzApis.natural((optimization && _typeof(optimization) === 'object' ? optimization.delay : null) || 10);
+  const { optimization } = props;
+  const delay = optmzApis.natural((optimization && typeof optimization === "object" ? optimization.delay : null) || 10);
   return debounce(delay, listener);
 };
-export var computeCollapseTags = function computeCollapseTags(props) {
-  return function () {
-    return props.collapseTags;
-  };
+const computeCollapseTags = (props) => () => props.collapseTags;
+const computeMultipleLimit = ({ props, state }) => () => {
+  const { multipleLimit, multiple } = props;
+  const { optimizeOpts, optimizeStore } = state;
+  return optmzApis.natural(multiple && optimizeStore.flag ? multipleLimit || optimizeOpts.limit : multipleLimit);
+};
+export {
+  blur,
+  buildRadioConfig,
+  buildSelectConfig,
+  calcOverFlow,
+  checkDefaultFirstOption,
+  computeCollapseTags,
+  computeMultipleLimit,
+  computeOptimizeOpts,
+  debouncRquest,
+  defaultOnQueryChange,
+  deletePrevTag,
+  deleteSelected,
+  deleteTag,
+  doDestroy,
+  emitChange,
+  emptyText,
+  focus,
+  getChildValue,
+  getOption,
+  getPluginOption,
+  getScrollListener,
+  getTreeData,
+  getValueIndex,
+  getValueKey,
+  getcheckedData,
+  gridOnQueryChange,
+  handleBlur,
+  handleClearClick,
+  handleClose,
+  handleComposition,
+  handleCopyClick,
+  handleFocus,
+  handleMenuEnter,
+  handleOptionSelect,
+  handleQueryChange,
+  handleResize,
+  managePlaceholder,
+  mounted,
+  navigateOptions,
+  nodeCheckClick,
+  nodeCollapse,
+  nodeExpand,
+  onCopying,
+  onInputChange,
+  onMouseenterNative,
+  onMouseleaveNative,
+  onOptionDestroy,
+  radioChange,
+  resetFilter,
+  resetHoverIndex,
+  resetInputHeight,
+  resetInputState,
+  resetInputWidth,
+  scrollToOption,
+  selectChange,
+  selectOption,
+  setSelected,
+  setSoftFocus,
+  showTip,
+  toHide,
+  toVisible,
+  toggleCheckAll,
+  toggleLastOptionHitState,
+  toggleMenu,
+  treeNodeClick,
+  unMount,
+  watchHoverIndex,
+  watchOptimizeOpts,
+  watchOptions,
+  watchPropsOption,
+  watchValue,
+  watchVisible
 };
-export var computeMultipleLimit = function computeMultipleLimit(_ref78) {
-  var props = _ref78.props,
-    state = _ref78.state;
-  return function () {
-    var multipleLimit = props.multipleLimit,
-      multiple = props.multiple;
-    var optimizeOpts = state.optimizeOpts,
-      optimizeStore = state.optimizeStore;
-    return optmzApis.natural(multiple && optimizeStore.flag ? multipleLimit || optimizeOpts.limit : multipleLimit);
-  };
-};