@opentiny/vue-renderless 3.1.0-alpha.0 → 3.4.7

package/select/index.js

@@ -150,7 +150,7 @@ export var handleQueryChange = function handleQueryChange(_ref5) {
     }
     if (props.renderType === constants.TYPE.Tree) {
       state.previousQuery = value;
-      if (props.filterable && typeof props.filterMethod === 'function') {
+      if (state.filterOrSearch && typeof props.filterMethod === 'function') {
         refs.selectTree && refs.selectTree.filter(value);
       }
     }
@@ -164,10 +164,12 @@ export var handleQueryChange = function handleQueryChange(_ref5) {
     state.hoverIndex = -1;
     if (props.multiple && props.filterable) {
       nextTick(function () {
-        var length = refs.input.value.length * 15 + 20;
-        state.inputLength = state.collapseTags ? Math.min(50, length) : length;
-        api.managePlaceholder();
-        api.resetInputHeight();
+        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) {
@@ -326,7 +328,7 @@ export var setSelected = function setSelected(_ref12) {
           refs.selectTree && refs.selectTree.setCurrentKey && refs.selectTree.setCurrentKey(null);
           return;
         }
-        var isRemote = props.filterable && props.remote && typeof props.remoteMethod === 'function';
+        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];
@@ -373,7 +375,7 @@ export var getPluginOption = function getPluginOption(_ref13) {
     props = _ref13.props,
     state = _ref13.state;
   return function (value, isTree) {
-    var isRemote = props.filterable && props.remote && typeof props.remoteMethod === 'function';
+    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;
@@ -418,11 +420,20 @@ export var toggleCheckAll = function toggleCheckAll(_ref14) {
     emit('change', value);
   };
 };
-export var handleFocus = function handleFocus(_ref15) {
-  var emit = _ref15.emit,
-    props = _ref15.props,
-    state = _ref15.state,
+export var resetFilter = function resetFilter(_ref15) {
+  var state = _ref15.state,
     api = _ref15.api;
+  return function () {
+    state.query = '';
+    state.previousQuery = undefined;
+    api.handleQueryChange(state.query);
+  };
+};
+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) {
@@ -433,44 +444,45 @@ export var handleFocus = function handleFocus(_ref15) {
     } else {
       state.softFocus = false;
     }
-    if (props.remote && props.filterable && state.firstAutoSeach) {
+    if (props.remote && state.filterOrSearch && state.firstAutoSeach) {
       state.firstAutoSeach = false;
-      state.query = '';
-      state.previousQuery = undefined;
-      api.handleQueryChange(state.query);
+      api.resetFilter();
     }
   };
 };
-export var focus = function focus(_ref16) {
-  var refs = _ref16.refs,
-    state = _ref16.state;
+export var focus = function focus(_ref17) {
+  var refs = _ref17.refs,
+    state = _ref17.state;
   return function () {
     if (!state.softFocus) {
-      refs.reference.focus();
+      var _refs$reference;
+      (_refs$reference = refs.reference) === null || _refs$reference === void 0 ? void 0 : _refs$reference.focus();
     }
   };
 };
-export var blur = function blur(_ref17) {
-  var refs = _ref17.refs,
-    state = _ref17.state;
+export var blur = function blur(_ref18) {
+  var refs = _ref18.refs,
+    state = _ref18.state;
   return function () {
+    var _refs$reference2;
     state.visible = false;
-    refs.reference.blur();
+    (_refs$reference2 = refs.reference) === null || _refs$reference2 === void 0 ? void 0 : _refs$reference2.blur();
   };
 };
-export var handleBlur = function handleBlur(_ref18) {
-  var constants = _ref18.constants,
-    dispatch = _ref18.dispatch,
-    emit = _ref18.emit,
-    state = _ref18.state;
+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.target.value);
+      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;
   };
@@ -490,8 +502,8 @@ export var handleClose = function handleClose(state) {
     state.visible = false;
   };
 };
-export var toggleLastOptionHitState = function toggleLastOptionHitState(_ref19) {
-  var state = _ref19.state;
+export var toggleLastOptionHitState = function toggleLastOptionHitState(_ref20) {
+  var state = _ref20.state;
   return function (hit) {
     if (!Array.isArray(state.selected)) {
       return;
@@ -509,13 +521,13 @@ export var toggleLastOptionHitState = function toggleLastOptionHitState(_ref19)
     return hitTarget.hitState;
   };
 };
-export var deletePrevTag = function deletePrevTag(_ref20) {
-  var api = _ref20.api,
-    constants = _ref20.constants,
-    emit = _ref20.emit,
-    props = _ref20.props,
-    state = _ref20.state,
-    vm = _ref20.vm;
+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()) {
@@ -533,19 +545,19 @@ export var deletePrevTag = function deletePrevTag(_ref20) {
     }
   };
 };
-export var managePlaceholder = function managePlaceholder(_ref21) {
-  var refs = _ref21.refs,
-    state = _ref21.state;
+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;
     }
   };
 };
-export var resetInputState = function resetInputState(_ref22) {
-  var api = _ref22.api,
-    refs = _ref22.refs,
-    state = _ref22.state;
+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);
@@ -554,14 +566,14 @@ export var resetInputState = function resetInputState(_ref22) {
     api.resetInputHeight();
   };
 };
-export var resetInputHeight = function resetInputHeight(_ref23) {
-  var constants = _ref23.constants,
-    nextTick = _ref23.nextTick,
-    props = _ref23.props,
-    refs = _ref23.refs,
-    state = _ref23.state;
+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) {
+    if (state.collapseTags && (!props.filterable || !props.searchable)) {
       return;
     }
     nextTick(function () {
@@ -585,9 +597,9 @@ export var resetInputHeight = function resetInputHeight(_ref23) {
     });
   };
 };
-export var resetHoverIndex = function resetHoverIndex(_ref24) {
-  var props = _ref24.props,
-    state = _ref24.state;
+export var resetHoverIndex = function resetHoverIndex(_ref25) {
+  var props = _ref25.props,
+    state = _ref25.state;
   return function () {
     if (!props.showOverflowTooltip) {
       state.hoverIndex = -1;
@@ -604,13 +616,13 @@ export var resetHoverIndex = function resetHoverIndex(_ref24) {
     }
   };
 };
-export var handleOptionSelect = function handleOptionSelect(_ref25) {
-  var api = _ref25.api,
-    emit = _ref25.emit,
-    nextTick = _ref25.nextTick,
-    props = _ref25.props,
-    refs = _ref25.refs,
-    state = _ref25.state;
+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) {
@@ -629,7 +641,12 @@ export var handleOptionSelect = function handleOptionSelect(_ref25) {
         state.inputLength = 20;
       }
       if (props.filterable) {
-        refs.input.focus();
+        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;
@@ -637,6 +654,10 @@ export var handleOptionSelect = function handleOptionSelect(_ref25) {
     } else {
       emit('update:modelValue', option.value);
       api.emitChange(option.value);
+      if (option.created) {
+        state.createdSelected = true;
+        state.createdLabel = option.value;
+      }
       state.visible = false;
     }
     state.isSilentBlur = byClick;
@@ -649,15 +670,13 @@ export var handleOptionSelect = function handleOptionSelect(_ref25) {
     });
   };
 };
-export var setSoftFocus = function setSoftFocus(_ref26) {
-  var refs = _ref26.refs,
-    state = _ref26.state;
+export var setSoftFocus = function setSoftFocus(_ref27) {
+  var refs = _ref27.refs,
+    state = _ref27.state;
   return function () {
     state.softFocus = true;
     var input = refs.input || refs.reference;
-    if (input) {
-      input.focus();
-    }
+    input === null || input === void 0 ? void 0 : input.focus();
   };
 };
 export var getValueIndex = function getValueIndex(props) {
@@ -681,28 +700,28 @@ export var getValueIndex = function getValueIndex(props) {
     }
   };
 };
-export var toggleMenu = function toggleMenu(_ref27) {
-  var refs = _ref27.refs,
-    state = _ref27.state,
-    props = _ref27.props;
+export var toggleMenu = function toggleMenu(_ref28) {
+  var refs = _ref28.refs,
+    state = _ref28.state,
+    props = _ref28.props;
   return function () {
     if (!state.selectDisabled) {
       !props.ignoreEnter && (state.visible = !state.visible);
-      if (state.softFocus) {
+      if (state.softFocus && refs.reference) {
         !props.ignoreEnter && (state.visible = !state.visible);
         state.softFocus = false;
       }
       if (state.visible) {
         var dom = refs.input || refs.reference;
-        dom.focus();
+        dom === null || dom === void 0 ? void 0 : dom.focus();
       }
     }
   };
 };
-export var selectOption = function selectOption(_ref28) {
-  var api = _ref28.api,
-    state = _ref28.state,
-    props = _ref28.props;
+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();
@@ -713,13 +732,13 @@ export var selectOption = function selectOption(_ref28) {
     }
   };
 };
-export var deleteSelected = function deleteSelected(_ref29) {
-  var api = _ref29.api,
-    constants = _ref29.constants,
-    emit = _ref29.emit,
-    props = _ref29.props,
-    vm = _ref29.vm,
-    state = _ref29.state;
+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 ? [] : '';
@@ -740,13 +759,13 @@ export var deleteSelected = function deleteSelected(_ref29) {
     emit('clear');
   };
 };
-export var deleteTag = function deleteTag(_ref30) {
-  var api = _ref30.api,
-    constants = _ref30.constants,
-    emit = _ref30.emit,
-    props = _ref30.props,
-    state = _ref30.state,
-    vm = _ref30.vm;
+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;
@@ -786,12 +805,12 @@ export var deleteTag = function deleteTag(_ref30) {
     event.stopPropagation();
   };
 };
-export var onInputChange = function onInputChange(_ref31) {
-  var api = _ref31.api,
-    props = _ref31.props,
-    state = _ref31.state,
-    constants = _ref31.constants,
-    nextTick = _ref31.nextTick;
+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) {
@@ -818,16 +837,17 @@ export var onOptionDestroy = function onOptionDestroy(state) {
     }
   };
 };
-export var resetInputWidth = function resetInputWidth(_ref32) {
-  var refs = _ref32.refs,
-    state = _ref32.state;
+export var resetInputWidth = function resetInputWidth(_ref33) {
+  var refs = _ref33.refs,
+    state = _ref33.state;
   return function () {
-    state.inputWidth = refs.reference.$el.getBoundingClientRect().width;
+    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;
   };
 };
-export var handleResize = function handleResize(_ref33) {
-  var api = _ref33.api,
-    props = _ref33.props;
+export var handleResize = function handleResize(_ref34) {
+  var api = _ref34.api,
+    props = _ref34.props;
   return function () {
     api.resetInputWidth();
     if (props.multiple) {
@@ -873,10 +893,10 @@ export var getValueKey = function getValueKey(props) {
     return getObj(item.value, props.valueKey);
   };
 };
-export var navigateOptions = function navigateOptions(_ref34) {
-  var api = _ref34.api,
-    nextTick = _ref34.nextTick,
-    state = _ref34.state;
+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) {
@@ -908,11 +928,11 @@ export var navigateOptions = function navigateOptions(_ref34) {
     }
   };
 };
-export var emptyText = function emptyText(_ref35) {
-  var I18N = _ref35.I18N,
-    props = _ref35.props,
-    state = _ref35.state,
-    t = _ref35.t;
+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);
@@ -926,7 +946,7 @@ export var emptyText = function emptyText(_ref35) {
       if (props.remote && state.query === '' && state.options.length === 0) {
         return false;
       }
-      if (props.filterable && state.query && state.options.length > 0 && state.filteredOptionsCount === 0) {
+      if (state.filterOrSearch && state.query && state.options.length > 0 && state.filteredOptionsCount === 0) {
         return props.noMatchText || t(I18N.noMatch);
       }
       if (!state.options.some(function (option) {
@@ -957,15 +977,17 @@ var optmzApis = {
     if (optmzApis.exist(modelValue, multiple)) {
       var lastVal = multiple ? modelValue[modelValue.length - 1] : modelValue;
       for (var i = 0; i < options.length; i++) {
-        if (!equal(lastVal, options[i])) continue;
+        if (!equal(lastVal, options[i])) {
+          continue;
+        }
         return i;
       }
     }
     return start;
   },
-  getStartIndex: function getStartIndex(_ref36) {
-    var props = _ref36.props,
-      state = _ref36.state;
+  getStartIndex: function getStartIndex(_ref37) {
+    var props = _ref37.props,
+      state = _ref37.state;
     var options = props.options;
     var optimizeOpts = state.optimizeOpts,
       optimizeStore = state.optimizeStore;
@@ -973,17 +995,17 @@ var optmzApis = {
     var valueIndex = optimizeStore.valueIndex;
     return valueIndex + rSize > options.length ? options.length - rSize : valueIndex;
   },
-  getViewStyle: function getViewStyle(_ref37) {
-    var props = _ref37.props,
-      state = _ref37.state;
+  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");
   },
-  getStoreDatas: function getStoreDatas(_ref38) {
-    var props = _ref38.props,
-      state = _ref38.state;
+  getStoreDatas: function getStoreDatas(_ref39) {
+    var props = _ref39.props,
+      state = _ref39.state;
     var options = props.options,
       valueField = props.valueField,
       modelValue = props.modelValue,
@@ -1022,39 +1044,39 @@ var optmzApis = {
   createMacro: function createMacro(cb) {
     return setTimeout(cb);
   },
-  setScrollTop: function setScrollTop(_ref39) {
-    var refs = _ref39.refs,
-      state = _ref39.state;
+  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);
     wrap.scrollTop = optionHeight * optimizeStore.valueIndex;
   },
-  setValueIndex: function setValueIndex(_ref40) {
-    var props = _ref40.props,
-      state = _ref40.state;
+  setValueIndex: function setValueIndex(_ref41) {
+    var props = _ref41.props,
+      state = _ref41.state;
     return state.optimizeStore.valueIndex = optmzApis.getValueIndex(props);
   },
-  addScrollListener: function addScrollListener(_ref41) {
-    var api = _ref41.api,
-      refs = _ref41.refs,
-      state = _ref41.state;
+  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: function removeScrollListener(_ref42) {
-    var api = _ref42.api,
-      refs = _ref42.refs,
-      state = _ref42.state;
+  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(_ref43) {
-    var props = _ref43.props,
-      state = _ref43.state;
+  isFirstPage: function isFirstPage(_ref44) {
+    var props = _ref44.props,
+      state = _ref44.state;
     var optimizeStore = state.optimizeStore;
     var datas = optimizeStore.datas;
     var options = props.options;
@@ -1063,10 +1085,10 @@ var optmzApis = {
   natural: function natural(val) {
     return val < 0 ? 0 : val;
   },
-  updateItems: function updateItems(_ref44) {
-    var refs = _ref44.refs,
-      state = _ref44.state,
-      itemFn = _ref44.itemFn;
+  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);
@@ -1076,10 +1098,10 @@ var optmzApis = {
       item.style.top = flag ? "-".concat(optionHeight, "px") : "".concat(itemFn(i), "px");
     }
   },
-  process: function process(_ref45) {
-    var props = _ref45.props,
-      start = _ref45.start,
-      state = _ref45.state;
+  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,
@@ -1095,13 +1117,13 @@ var optmzApis = {
     });
   }
 };
-export var watchValue = function watchValue(_ref46) {
-  var api = _ref46.api,
-    constants = _ref46.constants,
-    dispatch = _ref46.dispatch,
-    props = _ref46.props,
-    refs = _ref46.refs,
-    state = _ref46.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();
@@ -1110,7 +1132,7 @@ export var watchValue = function watchValue(_ref46) {
       } else {
         state.currentPlaceholder = state.cachedPlaceHolder;
       }
-      if (props.filterable && !props.reserveKeyword) {
+      if (state.filterOrSearch && !props.reserveKeyword) {
         props.renderType !== constants.TYPE.Grid && (state.query = '');
         api.handleQueryChange(state.query);
       }
@@ -1128,10 +1150,10 @@ export var watchValue = function watchValue(_ref46) {
     });
   };
 };
-export var calcOverFlow = function calcOverFlow(_ref47) {
-  var refs = _ref47.refs,
-    props = _ref47.props,
-    state = _ref47.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;
@@ -1171,10 +1193,10 @@ export var calcOverFlow = function calcOverFlow(_ref47) {
     state.inputWidth = inputWidth;
   };
 };
-var postOperOfToVisible = function postOperOfToVisible(_ref48) {
-  var props = _ref48.props,
-    state = _ref48.state,
-    constants = _ref48.constants;
+var postOperOfToVisible = function postOperOfToVisible(_ref49) {
+  var props = _ref49.props,
+    state = _ref49.state,
+    constants = _ref49.constants;
   if (props.multiple) {
     return;
   }
@@ -1191,25 +1213,24 @@ var postOperOfToVisible = function postOperOfToVisible(_ref48) {
         state.query = state.selectedLabel;
       }
     }
-    if (props.filterable) {
+    if (state.filterOrSearch) {
       state.currentPlaceholder = state.cachedPlaceHolder;
     }
   }
 };
-export var toVisible = function toVisible(_ref49) {
-  var constants = _ref49.constants,
-    state = _ref49.state,
-    props = _ref49.props,
-    vm = _ref49.vm,
-    api = _ref49.api,
-    nextTick = _ref49.nextTick;
+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);
-    if (refs.input) {
-      refs.input.blur();
-    }
+    (_refs$input2 = refs.input) === null || _refs$input2 === void 0 ? void 0 : _refs$input2.blur();
     state.query = '';
     state.selectedLabel = '';
     state.inputLength = 20;
@@ -1232,20 +1253,21 @@ export var toVisible = function toVisible(_ref49) {
     });
   };
 };
-export var toHide = function toHide(_ref50) {
-  var constants = _ref50.constants,
-    state = _ref50.state,
-    props = _ref50.props,
-    vm = _ref50.vm,
-    api = _ref50.api;
+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 (props.filterable) {
-      state.query = props.remote ? '' : props.renderType !== constants.TYPE.Tree ? state.selectedLabel : '';
+    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) {
-        refs.input.focus();
+        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, '');
@@ -1260,20 +1282,20 @@ export var toHide = function toHide(_ref50) {
     if (refs.selectGrid) {
       refs.selectGrid.clearSelection();
       refs.selectGrid.setSelection(state.selected, true);
-      if (props.filterable && typeof props.filterMethod === 'function') {
+      if (state.filterOrSearch && typeof props.filterMethod === 'function') {
         refs.selectGrid.handleTableData(true);
-      } else if (props.filterable && props.remote && typeof props.remoteMethod === 'function') {
+      } else if (state.filterOrSearch && props.remote && typeof props.remoteMethod === 'function') {
         refs.selectGrid.handleTableData();
       }
     }
   };
 };
-export var watchVisible = function watchVisible(_ref51) {
-  var api = _ref51.api,
-    constants = _ref51.constants,
-    emit = _ref51.emit,
-    state = _ref51.state,
-    refs = _ref51.refs;
+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;
@@ -1294,13 +1316,13 @@ export var watchVisible = function watchVisible(_ref51) {
     }
   };
 };
-export var watchOptions = function watchOptions(_ref52) {
-  var api = _ref52.api,
-    constants = _ref52.constants,
-    nextTick = _ref52.nextTick,
-    parent = _ref52.parent,
-    props = _ref52.props,
-    state = _ref52.state;
+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;
@@ -1316,15 +1338,15 @@ export var watchOptions = function watchOptions(_ref52) {
         api.setSelected();
       }
     });
-    if (props.defaultFirstOption && (props.filterable || props.remote) && state.filteredOptionsCount) {
+    if (props.defaultFirstOption && (props.filterabl || props.searchable || props.remote) && state.filteredOptionsCount) {
       api.checkDefaultFirstOption();
     }
   };
 };
-export var handleCopyClick = function handleCopyClick(_ref53) {
-  var parent = _ref53.parent,
-    props = _ref53.props,
-    state = _ref53.state;
+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;
@@ -1339,15 +1361,15 @@ export var handleCopyClick = function handleCopyClick(_ref53) {
     parent.$el.removeChild(input);
   };
 };
-export var selectChange = function selectChange(_ref54) {
-  var emit = _ref54.emit,
-    props = _ref54.props,
-    state = _ref54.state;
-  return function (_ref55) {
-    var $table = _ref55.$table,
-      selection = _ref55.selection,
-      checked = _ref55.checked,
-      row = _ref55.row;
+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) {
@@ -1375,9 +1397,9 @@ export var selectChange = function selectChange(_ref54) {
     emit('change', keys, state.selected);
   };
 };
-export var getcheckedData = function getcheckedData(_ref56) {
-  var props = _ref56.props,
-    state = _ref56.state;
+export var getcheckedData = function getcheckedData(_ref57) {
+  var props = _ref57.props,
+    state = _ref57.state;
   return function () {
     var checkedKey = [];
     if (!Array.isArray(state.selected)) {
@@ -1390,12 +1412,12 @@ export var getcheckedData = function getcheckedData(_ref56) {
     }
   };
 };
-export var radioChange = function radioChange(_ref57) {
-  var emit = _ref57.emit,
-    props = _ref57.props,
-    state = _ref57.state;
-  return function (_ref58) {
-    var row = _ref58.row;
+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;
@@ -1421,10 +1443,10 @@ export var getTreeData = function getTreeData(props) {
     return nodes;
   };
 };
-export var treeNodeClick = function treeNodeClick(_ref59) {
-  var emit = _ref59.emit,
-    props = _ref59.props,
-    state = _ref59.state;
+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];
@@ -1436,13 +1458,12 @@ export var treeNodeClick = function treeNodeClick(_ref59) {
     }
   };
 };
-export var nodeCheckClick = function nodeCheckClick(_ref60) {
-  var emit = _ref60.emit,
-    props = _ref60.props,
-    state = _ref60.state;
-  return function (data, _ref61) {
-    var checkedKeys = _ref61.checkedKeys,
-      checkedNodes = _ref61.checkedNodes;
+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];
@@ -1451,30 +1472,30 @@ export var nodeCheckClick = function nodeCheckClick(_ref60) {
     emit('change', checkedKeys, checkedNodes);
   };
 };
-export var nodeCollapse = function nodeCollapse(_ref62) {
-  var state = _ref62.state,
-    constants = _ref62.constants;
+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(_ref63) {
-  var state = _ref63.state,
-    constants = _ref63.constants;
+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(_ref64) {
-  var api = _ref64.api,
-    state = _ref64.state,
-    props = _ref64.props;
+export var debouncRquest = function debouncRquest(_ref65) {
+  var api = _ref65.api,
+    state = _ref65.state,
+    props = _ref65.props;
   return debounce(props.delay, function () {
-    if (props.filterable && state.query !== state.selectedLabel) {
+    if (state.filterOrSearch && state.query !== state.selectedLabel) {
       state.query = state.selectedLabel;
       api.handleQueryChange(state.query);
     }
@@ -1495,11 +1516,11 @@ export var getChildValue = function getChildValue() {
     return ids;
   };
 };
-export var watchPropsOption = function watchPropsOption(_ref65) {
-  var constants = _ref65.constants,
-    parent = _ref65.parent,
-    props = _ref65.props,
-    state = _ref65.state;
+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,
@@ -1529,9 +1550,9 @@ export var watchPropsOption = function watchPropsOption(_ref65) {
     });
   };
 };
-export var buildSelectConfig = function buildSelectConfig(_ref66) {
-  var props = _ref66.props,
-    state = _ref66.state;
+export var buildSelectConfig = function buildSelectConfig(_ref67) {
+  var props = _ref67.props,
+    state = _ref67.state;
   return function () {
     var checkRowKeys = state.gridCheckedData;
     var selectConfig = props.selectConfig;
@@ -1540,9 +1561,9 @@ export var buildSelectConfig = function buildSelectConfig(_ref66) {
     });
   };
 };
-export var buildRadioConfig = function buildRadioConfig(_ref67) {
-  var props = _ref67.props,
-    state = _ref67.state;
+export var buildRadioConfig = function buildRadioConfig(_ref68) {
+  var props = _ref68.props,
+    state = _ref68.state;
   return function () {
     var checkRowKey = state.currentKey;
     var highlight = true;
@@ -1553,8 +1574,8 @@ export var buildRadioConfig = function buildRadioConfig(_ref67) {
     });
   };
 };
-export var onMouseenterNative = function onMouseenterNative(_ref68) {
-  var state = _ref68.state;
+export var onMouseenterNative = function onMouseenterNative(_ref69) {
+  var state = _ref69.state;
   return function () {
     state.inputHovering = true;
     if (state.searchSingleCopy && state.selectedLabel) {
@@ -1562,8 +1583,8 @@ export var onMouseenterNative = function onMouseenterNative(_ref68) {
     }
   };
 };
-export var onMouseleaveNative = function onMouseleaveNative(_ref69) {
-  var state = _ref69.state;
+export var onMouseleaveNative = function onMouseleaveNative(_ref70) {
+  var state = _ref70.state;
   return function () {
     state.inputHovering = false;
     if (state.searchSingleCopy && state.selectedLabel) {
@@ -1571,15 +1592,15 @@ export var onMouseleaveNative = function onMouseleaveNative(_ref69) {
     }
   };
 };
-export var onCopying = function onCopying(_ref70) {
-  var state = _ref70.state,
-    refs = _ref70.refs;
+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();
   };
 };
-export var watchHoverIndex = function watchHoverIndex(_ref71) {
-  var state = _ref71.state;
+export var watchHoverIndex = function watchHoverIndex(_ref72) {
+  var state = _ref72.state;
   return function (value) {
     if (typeof value === 'number' && value > -1) {
       state.hoverOption = state.options[value] || {};
@@ -1591,18 +1612,19 @@ export var watchHoverIndex = function watchHoverIndex(_ref71) {
     });
   };
 };
-export var mounted = function mounted(_ref72) {
-  var api = _ref72.api,
-    parent = _ref72.parent,
-    state = _ref72.state,
-    props = _ref72.props,
-    refs = _ref72.refs;
+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');
-    var inputClientRect = inputEl.getBoundingClientRect();
+    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) {
-      document.activeElement.blur();
+      var _document$activeEleme;
+      (_document$activeEleme = document.activeElement) === null || _document$activeEleme === void 0 ? void 0 : _document$activeEleme.blur();
     }
     state.completed = true;
     var sizeMap = {
@@ -1613,26 +1635,28 @@ export var mounted = function mounted(_ref72) {
     if (props.multiple && Array.isArray(props.modelValue) && props.modelValue.length > 0) {
       state.currentPlaceholder = '';
     }
-    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();
+    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;
     }
-    state.inputWidth = inputClientRect.width;
     api.setSelected();
     if (props.dataset) {
       api.watchPropsOption();
     }
   };
 };
-export var unMount = function unMount(_ref73) {
-  var api = _ref73.api,
-    parent = _ref73.parent,
-    refs = _ref73.refs,
-    state = _ref73.state;
+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);
@@ -1648,9 +1672,9 @@ export var unMount = function unMount(_ref73) {
     });
   };
 };
-export var computeOptimizeOpts = function computeOptimizeOpts(_ref74) {
-  var props = _ref74.props,
-    state = _ref74.state;
+export var computeOptimizeOpts = function computeOptimizeOpts(_ref75) {
+  var props = _ref75.props,
+    state = _ref75.state;
   return function () {
     var optimization = props.optimization;
     var baseOpts = {
@@ -1671,11 +1695,11 @@ export var computeOptimizeOpts = function computeOptimizeOpts(_ref74) {
     }
   };
 };
-export var watchOptimizeOpts = function watchOptimizeOpts(_ref75) {
-  var api = _ref75.api,
-    props = _ref75.props,
-    refs = _ref75.refs,
-    state = _ref75.state;
+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;
@@ -1712,10 +1736,10 @@ export var watchOptimizeOpts = function watchOptimizeOpts(_ref75) {
     }
   };
 };
-export var getScrollListener = function getScrollListener(_ref76) {
-  var props = _ref76.props,
-    refs = _ref76.refs,
-    state = _ref76.state;
+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;
@@ -1753,9 +1777,9 @@ export var computeCollapseTags = function computeCollapseTags(props) {
     return props.collapseTags;
   };
 };
-export var computeMultipleLimit = function computeMultipleLimit(_ref77) {
-  var props = _ref77.props,
-    state = _ref77.state;
+export var computeMultipleLimit = function computeMultipleLimit(_ref78) {
+  var props = _ref78.props,
+    state = _ref78.state;
   return function () {
     var multipleLimit = props.multipleLimit,
       multiple = props.multiple;