@opentiny/vue-renderless - npm Package Compare versions

Comparing version 3.1.0-alpha.0 to 3.5.0-alpha.0

avatar/index.js

@@ -8,3 +8,7 @@ export var handleError = function handleError(_ref) {
     if (errorFlag !== false) {
-      state.isImageExist = false;
+      if (state.isSrcImageExist) {
+        state.isSrcImageExist = false;
+      } else {
+        state.isDefaultImageExist = false;
+      }
     }
@@ -11,0 +15,0 @@ };

avatar/vue.js

@@ -11,3 +11,4 @@ import { computedAvatarClass, handleError } from './index';
   var state = reactive({
-    isImageExist: true,
+    isSrcImageExist: true,
+    isDefaultImageExist: true,
     avatarClass: computed(function () {
@@ -14,0 +15,0 @@ return api.computedAvatarClass(props);

breadcrumb-item/vue.js

 import { on, off } from '@opentiny/vue-renderless/common/deps/dom';
-export var api = [];
+import { linkClick } from './index';
+export var api = ['linkClick'];
 export var renderless = function renderless(props, _ref, _ref2) {
   var onMounted = _ref.onMounted,
-    onBeforeUnmount = _ref.onBeforeUnmount;
+    onBeforeUnmount = _ref.onBeforeUnmount,
+    inject = _ref.inject;
   var refs = _ref2.refs,
-    router = _ref2.router;
+    router = _ref2.router,
+    emit = _ref2.emit;
+  var breadcrumbEmitter = inject('breadcrumbEmitter');
+  var breadcrumb = inject('breadcrumb');
+  var constants = breadcrumb._constants;
   var api = {
-    linkClick: function linkClick() {
-      var replace = props.replace,
-        to = props.to;
-      if (!to || !router) {
-        return;
-      }
-      replace ? router.replace(to) : router.push(to);
-    }
+    linkClick: linkClick({
+      props: props,
+      refs: refs,
+      router: router,
+      emit: emit,
+      breadcrumbEmitter: breadcrumbEmitter,
+      constants: constants
+    })
   };
@@ -24,2 +30,5 @@ onMounted(function () {
   });
+  return {
+    api: api
+  };
 };

breadcrumb/vue.js

@@ -1,4 +0,26 @@
-export var api = [];
-export var renderless = function renderless() {
-  return {};
+import { breadcrumbItemSelect as _breadcrumbItemSelect } from './index';
+export var api = ['breadcrumbItemSelect'];
+export var renderless = function renderless(props, _ref, _ref2) {
+  var reactive = _ref.reactive,
+    provide = _ref.provide;
+  var emit = _ref2.emit,
+    constants = _ref2.constants,
+    emitter = _ref2.emitter;
+  var state = reactive({
+    breadcrumbEmitter: emitter(),
+    currentBreadcrumbItem: {}
+  });
+  var api = {
+    breadcrumbItemSelect: function breadcrumbItemSelect() {
+      return _breadcrumbItemSelect({
+        api: api,
+        emit: emit,
+        state: state,
+        constants: constants
+      });
+    }
+  };
+  provide('breadcrumbEmitter', state.breadcrumbEmitter);
+  api.breadcrumbItemSelect();
+  return api;
 };

bulletin-board/index.js

@@ -19,4 +19,7 @@ import { xss } from '@opentiny/vue-renderless/common/xss.js';
   return function () {
-    return props.moreLink && xss.filterUrl(props.moreLink.url);
+    if (props.moreLink) {
+      props.moreLink.url = xss.filterUrl(props.moreLink.url);
+    }
+    return props.moreLink;
   };
 };

button-group/vue.js

@@ -1,2 +0,2 @@
-import { handleClick, moreNodeClick } from './index';
+import { handleClick } from './index';
 export var api = ['state', 'handleClick', 'moreNodeClick'];
@@ -3,0 +3,0 @@ export var renderless = function renderless(props, _ref, _ref2) {

calendar/index.js

@@ -10,4 +10,4 @@ import { isLeapYear } from '@opentiny/vue-renderless/common/date';
 export var lastMonth = function lastMonth(year, month) {
-  year = +year;
-  month = +month;
+  year = Number(year);
+  month = Number(month);
   if (month === 1) {
@@ -25,4 +25,4 @@ year--;
 export var nextMonth = function nextMonth(year, month) {
-  year = +year;
-  month = +month;
+  year = Number(year);
+  month = Number(month);
   if (month === 12) {
@@ -138,3 +138,3 @@ year++;
           month = _parseDate.month;
-        return +state.activeYear === year && +state.activeMonth === month;
+        return Number(state.activeYear) === year && Number(state.activeMonth) === month;
       });
@@ -176,3 +176,3 @@ }
       state.selectedTip = "You selected date: ".concat(state.activeYear, "-").concat(state.activeMonth, "-").concat(day.value);
-      state.selectedDate = +new Date("".concat(state.activeYear, "/").concat(state.activeMonth, "/").concat(day.value));
+      state.selectedDate = Number(new Date("".concat(state.activeYear, "/").concat(state.activeMonth, "/").concat(day.value)));
     }
@@ -188,3 +188,3 @@ };
         var date = new Date(time);
-        return date.getDate() === day && date.getFullYear() === +state.activeYear && date.getMonth() + 1 === +state.activeMonth;
+        return date.getDate() === day && date.getFullYear() === Number(state.activeYear) && date.getMonth() + 1 === Number(state.activeMonth);
       }).map(function (event) {
@@ -207,3 +207,3 @@ event.parseTime = parseDate(event.time);
         var date = new Date(time);
-        return date.getFullYear() === +state.activeYear && date.getMonth() + 1 === month;
+        return date.getFullYear() === Number(state.activeYear) && date.getMonth() + 1 === month;
       }).map(function (event) {
@@ -219,3 +219,3 @@ event.parseTime = parseDate(event.time);
   return function (day) {
-    return +new Date("".concat(state.activeYear, "/").concat(state.activeMonth, "/").concat(day));
+    return Number(new Date("".concat(state.activeYear, "/").concat(state.activeMonth, "/").concat(day)));
   };
@@ -237,4 +237,4 @@ };
     var date = new Date();
-    var year = +state.activeYear;
-    var month = +state.activeMonth;
+    var year = Number(state.activeYear);
+    var month = Number(state.activeMonth);
     if (day.isLast) {
@@ -256,3 +256,3 @@ var lastDate = lastMonth(state.activeYear, state.activeMonth);
     var date = new Date();
-    var year = +state.activeYear;
+    var year = Number(state.activeYear);
     return date.getMonth() + 1 === month && date.getFullYear() === year;
@@ -280,3 +280,3 @@ };
     state.selectedTip = "You selected date: ".concat(year, "-").concat(month, "-").concat(day);
-    state.selectedDate = +new Date("".concat(year, "/").concat(month, "/").concat(day));
+    state.selectedDate = Number(new Date("".concat(year, "/").concat(month, "/").concat(day)));
   };
@@ -288,3 +288,3 @@ };
   var year = new Date().getFullYear();
-  return +new Date("".concat(year, "/").concat(month, "/").concat(day));
+  return Number(new Date("".concat(year, "/").concat(month, "/").concat(day)));
 };

card-template/index.js

@@ -32,3 +32,3 @@ import PopupManager from '@opentiny/vue-renderless/common/deps/popup-manager';
             state.showMoreTools = !state.showMoreTools;
-            refs['selector'].style.zIndex = PopupManager.nextZIndex();
+            refs.selector.style.zIndex = PopupManager.nextZIndex();
           }
@@ -35,0 +35,0 @@ });

cascader-node/index.js

@@ -28,3 +28,5 @@ export var comptCheckPath = function comptCheckPath(_ref) {
       parent.lazyLoad(props.node, function () {
-        if (!state.isLeaf) api.handleExpand();
+        if (!state.isLeaf) {
+          api.handleExpand();
+        }
         if (multiple) {
@@ -31,0 +33,0 @@ var checked = state.isLeaf ? props.node.checked : false;

cascader-panel/index.js

@@ -119,3 +119,5 @@ import { isNull } from '@opentiny/vue-renderless/common/type';
   return function (el) {
-    if (!el) return;
+    if (!el) {
+      return;
+    }
     el.focus();
@@ -127,3 +129,5 @@ !api.isLeaf(el) && el.click();
   return function (el) {
-    if (!el) return;
+    if (!el) {
+      return;
+    }
     var pieces = el.id.split('-');
@@ -135,3 +139,5 @@ return Number(pieces[pieces.length - 2]);
   return function (el) {
-    if (!el) return;
+    if (!el) {
+      return;
+    }
     var input = el.querySelector('input');
@@ -297,3 +303,5 @@ if (input) {
         }
-        if (flag) break;
+        if (flag) {
+          break;
+        }
       }
@@ -300,0 +308,0 @@ return flag;

cascader-panel/vue.js

@@ -178,4 +178,3 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
     reactive = _ref4.reactive,
-    watch = _ref4.watch,
-    provide = _ref4.provide;
+    watch = _ref4.watch;
   var nextTick = _ref5.nextTick,
@@ -182,0 +181,0 @@ emit = _ref5.emit,

cascader/index.js

@@ -102,3 +102,5 @@ import _toArray from "@babel/runtime/helpers/toArray";
 export var isEmpty = function isEmpty(val) {
-  if (isNull(val)) return true;
+  if (isNull(val)) {
+    return true;
+  }
   if (typeof val === 'boolean') {
@@ -169,3 +171,5 @@ return false;
   return function (visible) {
-    if (state.isDisabled) return;
+    if (state.isDisabled) {
+      return;
+    }
     var input = refs.input;
@@ -234,3 +238,5 @@ visible = !isNull(visible) ? visible : !state.dropDownVisible;
     event = event || window.event;
-    if (!event) return;
+    if (!event) {
+      return;
+    }
     var reference = refs.reference;
@@ -246,3 +252,5 @@ var key = 'init-flag';
     state.presentText = val;
-    if (event && event.isComposing) return;
+    if (event && event.isComposing) {
+      return;
+    }
     if (val) {
@@ -368,3 +376,5 @@ api.filterHandler();
     var suggestions = state.panel.getFlattedNodes(state.leafOnly).filter(function (node) {
-      if (node.isDisabled) return false;
+      if (node.isDisabled) {
+        return false;
+      }
       node.text = node.getText(props.showAllLevels, props.separator) || '';
@@ -393,3 +403,5 @@ return filterMethod(node, state.inputValue);
     event = event || window.event;
-    if (!event) return;
+    if (!event) {
+      return;
+    }
     var _event = event,
@@ -418,3 +430,5 @@ keyCode = _event.keyCode,
     state.pressDeleteCount = state.inputValue ? 0 : state.pressDeleteCount + 1;
-    if (!lastTag) return;
+    if (!lastTag) {
+      return;
+    }
     if (state.pressDeleteCount) {
@@ -421,0 +435,0 @@ if (lastTag.hitState) {

cascader/vue.js

@@ -270,4 +270,3 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
     watch = _ref4.watch,
-    inject = _ref4.inject,
-    provide = _ref4.provide;
+    inject = _ref4.inject;
   var t = _ref5.t,
@@ -274,0 +273,0 @@ refs = _ref5.refs,

checkbox-button/index.js

@@ -9,3 +9,5 @@ export var handleChange = function handleChange(_ref) {
   return function (event) {
-    if (state.isLimitExceeded) return;
+    if (state.isLimitExceeded) {
+      return;
+    }
     var value;
@@ -12,0 +14,0 @@ if (event.target.checked) {

checkbox/index.js

@@ -23,9 +23,9 @@ export var addToStore = function addToStore(_ref) {
     }
-    var value;
+    var moduleValue;
     if (event.target.checked) {
-      value = props.trueLabel === undefined ? true : props.trueLabel;
+      moduleValue = props.trueLabel === undefined ? true : props.trueLabel;
     } else {
-      value = props.falseLabel === undefined ? false : props.falseLabel;
+      moduleValue = props.falseLabel === undefined ? false : props.falseLabel;
     }
-    emit('change', value, event);
+    emit('change', moduleValue, event);
     nextTick(function () {
@@ -32,0 +32,0 @@ state.isGroup && dispatch(constants.CHECKBOX_GROUP, 'change', [state.checkboxGroup.modelValue]);

common/bigInt.js

@@ -115,2 +115,6 @@ import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
     }
+    var f = Function;
+    var convertBigInt = function convertBigInt(str) {
+      return f("return BigInt(".concat(str, ")"))();
+    };
     if (validateNumber(mergedValue)) {
@@ -122,4 +126,3 @@ var trimRet = trimNumber(mergedValue);
       var decimalStr = numbers[1] || '0';
-      this.decimalLen = decimalStr.length;
-      this.decimal = BigInt(decimalStr);
+      this.decimal = convertBigInt(decimalStr);
     } else {
@@ -126,0 +129,0 @@ this.nan = true;

common/date.js

@@ -63,5 +63,5 @@ import { isDate, isNumber, isNumeric } from '@opentiny/vue-renderless/common/type';
   if (m.length === 23) {
-    var year = m[1] * 1;
+    var year = Number(m[1]);
     var month = m[3] - 1;
-    var date = (m[9] || 1) * 1;
+    var date = Number(m[9] || 1);
     var hours = m[15] || 0;
@@ -84,5 +84,5 @@ var minutes = m[17] || 0;
   if (m.length === 22) {
-    var year = m[12] * 1;
+    var year = Number(m[12]);
     var month = m[1] - 1;
-    var date = (m[6] || 1) * 1;
+    var date = Number(m[6] || 1);
     var hours = m[14] || 0;
@@ -107,5 +107,5 @@ var minutes = m[16] || 0;
   }
-  var year = m[1] * 1;
+  var year = Number(m[1]);
   var month = m[2] - 1;
-  var date = m[6] * 1;
+  var date = Number(m[6]);
   var offset = new Date(year, month, date).getTimezoneOffset();
@@ -137,4 +137,4 @@ var hours = m[12] || 0;
       }
-      actHours = sign === '+' ? hours - offsetHours - offset / 60 : hours * 1 + offsetHours * 1 - offset / 60;
-      actMinutes = sign === '+' ? minutes - offsetMinutes : minutes * 1 + offsetMinutes * 1;
+      actHours = sign === '+' ? hours - offsetHours - offset / 60 : Number(hours) + Number(offsetHours) - offset / 60;
+      actMinutes = sign === '+' ? minutes - offsetMinutes : Number(minutes) + Number(offsetMinutes);
     }
@@ -199,3 +199,3 @@ return new Date(year, month, date, actHours, actMinutes, seconds, milliseconds);
     var charValue = str.substr(i, 1);
-    var notNum = isNaN(charValue * 1) || charValue.trim() === '';
+    var notNum = isNaN(Number(charValue)) || charValue.trim() === '';
     if (notNum && charValue === dateFormat.substr(i, 1) || i === len - 1) {
@@ -237,9 +237,9 @@ var value = void 0;
     var arr = getDateArray(value, dateFormat);
-    var year = arr[0] * 1;
-    var month = arr[1] * 1;
-    var date = (arr[2] || 1) * 1;
-    var hours = (arr[3] || 0) * 1;
-    var minutes = (arr[4] || 0) * 1;
-    var seconds = (arr[5] || 0) * 1;
-    var milliseconds = (arr[6] || 0) * 1;
+    var year = Number(arr[0]);
+    var month = Number(arr[1]);
+    var date = Number(arr[2] || 1);
+    var hours = Number(arr[3] || 0);
+    var minutes = Number(arr[4] || 0);
+    var seconds = Number(arr[5] || 0);
+    var milliseconds = Number(arr[6] || 0);
     if (invalideValue({
@@ -351,3 +351,3 @@ year: year,
   if (match) {
-    var minoffset = match[2] * 1 + match[3] * 1 / 60;
+    var minoffset = Number(match[2]) + Number(match[3]) / 60;
     value = minoffset * "".concat(match[1], "1");
@@ -354,0 +354,0 @@ }

common/deps/date-util.js

@@ -35,5 +35,11 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 export var isDate = function isDate(date) {
-  if (isNull(date)) return false;
-  if (isNaN(new Date(date).getTime())) return false;
-  if (Array.isArray(date)) return false;
+  if (isNull(date)) {
+    return false;
+  }
+  if (isNaN(new Date(date).getTime())) {
+    return false;
+  }
+  if (Array.isArray(date)) {
+    return false;
+  }
   return true;
@@ -49,3 +55,5 @@ };
   date = toDate(date);
-  if (!date) return '';
+  if (!date) {
+    return '';
+  }
   return fecha.format(date, format || defaultYMD, getI18nSettings(t));
@@ -141,3 +149,5 @@ };
 export var getPrevMonthLastDays = function getPrevMonthLastDays(date, amount) {
-  if (amount <= 0) return [];
+  if (amount <= 0) {
+    return [];
+  }
   var timeValue = new Date(date.getTime());
@@ -144,0 +154,0 @@ timeValue.setDate(0);

common/deps/date.js

@@ -161,4 +161,4 @@ import { DATEPICKER } from '@opentiny/vue-renderless/common';
     var now = new Date();
-    var cent = +('' + now.getFullYear()).substr(0, 2);
-    date.year = '' + (value > 68 ? cent - 1 : cent) + value;
+    var cent = Number(String(now.getFullYear()).substr(0, 2));
+    date.year = String(value > 68 ? cent - 1 : cent) + value;
   }],
@@ -199,6 +199,6 @@ h: [twoDigits, function (date, value) {
   ZZ: ['[^\\s]*?[\\+\\-]\\d\\d:?\\d\\d|[^\\s]*?Z', function (date, value) {
-    var parts = (value + '').match(/([+-]|\d\d)/gi);
+    var parts = String(value).match(/([+-]|\d\d)/gi);
     var minutes;
     if (parts) {
-      minutes = +(parts[1] * 60) + parseInt(parts[2], 10);
+      minutes = Number(parts[1] * 60) + parseInt(parts[2], 10);
       date.timezoneOffset = parts[0] === '+' ? minutes : -minutes;
@@ -226,3 +226,3 @@ }
   }
-  mask = fecha.masks[mask] || mask || fecha.masks['default'];
+  mask = fecha.masks[mask] || mask || fecha.masks["default"];
   var literals = [];
@@ -259,3 +259,3 @@ mask = mask.replace(literal, function ($0, $1) {
   if (!isNull(dateInfo.timezoneOffset)) {
-    dateInfo.minute = +(dateInfo.minute || 0) - +dateInfo.timezoneOffset;
+    dateInfo.minute = Number(dateInfo.minute || 0) - Number(dateInfo.timezoneOffset);
     var year = dateInfo.year,
@@ -262,0 +262,0 @@ month = dateInfo.month,

common/deps/dom.js

@@ -55,3 +55,5 @@ import _typeof from "@babel/runtime/helpers/typeof";
 export var hasClass = function hasClass(el, clazz) {
-  if (!el || !clazz) return false;
+  if (!el || !clazz) {
+    return false;
+  }
   if (clazz.indexOf(' ') !== -1) {
@@ -106,4 +108,8 @@ throw new Error('className should not contain space.');
 export var getStyle = function getStyle(el, styleName) {
-  if (isServer) return;
-  if (!el || !styleName) return null;
+  if (isServer) {
+    return;
+  }
+  if (!el || !styleName) {
+    return null;
+  }
   styleName = camelCase(styleName);
@@ -140,3 +146,5 @@ if (styleName === 'float') {
 export var isScroll = function isScroll(el, vertical) {
-  if (isServer) return;
+  if (isServer) {
+    return;
+  }
   var determinedDirection = !isNull(vertical);
@@ -152,3 +160,5 @@ var overflow;
 export var getScrollContainer = function getScrollContainer(el, vertical) {
-  if (isServer) return;
+  if (isServer) {
+    return;
+  }
   var parent = el;
@@ -167,3 +177,5 @@ while (parent) {
 export var isInContainer = function isInContainer(el, container) {
-  if (isServer || !el || !container) return false;
+  if (isServer || !el || !container) {
+    return false;
+  }
   var elRect = el.getBoundingClientRect();
@@ -170,0 +182,0 @@ var containerRect;

common/deps/fullscreen/apis.js

@@ -1,2 +0,1 @@
-var _this = this;
 import { extend } from '@opentiny/vue-renderless/common/object';
@@ -24,3 +23,3 @@ import { on, off } from '@opentiny/vue-renderless/common/deps/dom';
 var resetElement = function resetElement(api) {
-  var targetEle = api.targetEle;
+  var targetEle = api.targetElement;
   if (targetEle) {
@@ -82,11 +81,12 @@ targetEle.classList.remove(api.opts.fullscreenClass);
   isEnabled: screenfull.isEnabled,
-  isFullScreen: false,
+  isFullscreen: false,
   toggle: function toggle(target, options, force) {
     if (force === undefined) {
-      return !_this.isFullScreen ? _this.request(target, options) : _this.exit();
+      return !this.isFullscreen ? this.request(target, options) : this.exit();
     }
-    return force ? _this.request(target, options) : _this.exit();
+    return force ? this.request(target, options) : this.exit();
   },
   request: function request(targetEle, options) {
-    if (_this.isFullScreen) {
+    var _this = this;
+    if (this.isFullscreen) {
       return Promise.resolve();
@@ -97,5 +97,5 @@ }
     }
-    _this.opts = getOptions(screenfull, options, targetEle);
-    setTargetStyle(targetEle, _this.opts);
-    if (_this.opts.teleport) {
+    this.opts = getOptions(screenfull, options, targetEle);
+    setTargetStyle(targetEle, this.opts);
+    if (this.opts.teleport) {
       parentNode = targetEle.parentNode;
@@ -108,3 +108,3 @@ if (parentNode) {
     }
-    if (_this.opts.pageOnly) {
+    if (this.opts.pageOnly) {
       var keypressCallback = function keypressCallback(e) {
@@ -116,8 +116,8 @@ if (e.key === 'Escape') {
       };
-      _this.isFullScreen = true;
-      _this.targetElement = targetEle;
+      this.isFullscreen = true;
+      this.targetElement = targetEle;
       off(document, 'keyup', keypressCallback);
       on(document, 'keyup', keypressCallback);
-      if (_this.opts.callback) {
-        _this.opts.callback(_this.isFullScreen);
+      if (this.opts.callback) {
+        this.opts.callback(this.isFullscreen);
       }
@@ -127,18 +127,18 @@ return Promise.resolve();
       var fullScreenCallback = function fullScreenCallback() {
-        if (!screenfull.isFullScreen) {
+        if (!screenfull.isFullscreen) {
           screenfull.off('change', fullScreenCallback);
           resetElement(_this);
         }
-        _this.isFullScreen = screenfull.isFullScreen;
+        _this.isFullscreen = screenfull.isFullscreen;
         _this.targetElement = !_this.opts.teleport ? screenfull.targetElement : targetEle || null;
         if (_this.opts.callback) {
-          _this.opts.callback(screenfull.isFullScreen);
+          _this.opts.callback(screenfull.isFullscreen);
         }
       };
       screenfull.on('change', fullScreenCallback);
-      return screenfull.request(_this.opts.teleport ? document.body : targetEle);
+      return screenfull.request(this.opts.teleport ? document.body : targetEle);
     }
   },
   exit: function exit() {
-    if (!this.isFullScreen) {
+    if (!this.isFullscreen) {
       return Promise.resolve();
@@ -148,6 +148,6 @@ }
       resetElement(this);
-      this.isFullScreen = false;
+      this.isFullscreen = false;
       this.targetElement = null;
       if (this.opts.callback) {
-        this.opts.callback(this.isFullScreen);
+        this.opts.callback(this.isFullscreen);
       }
@@ -161,5 +161,5 @@ return Promise.resolve();
 api.getState = function () {
-  return api.isFullScreen;
+  return api.isFullscreen;
 };
 api.enter = api.request;
 export default api;

common/deps/memorize.js

@@ -33,3 +33,3 @@ import _typeof from "@babel/runtime/helpers/typeof";
     value: function setKey(storeKey) {
-      this._storeKey = this._prefix + (storeKey || +new Date());
+      this._storeKey = this._prefix + (storeKey || Number(new Date()));
     }
@@ -73,3 +73,3 @@ }, {
       newData[this._customField1] = 1;
-      newData[this._customField2] = +new Date();
+      newData[this._customField2] = Number(new Date());
       if (list.length < this._cacheNum) {
@@ -89,3 +89,3 @@ list.push(newData);
           item[_this._customField1] = (item[_this._customField1] || 0) + 1;
-          item[_this._customField2] = +new Date();
+          item[_this._customField2] = Number(new Date());
           isChanged = true;
@@ -92,0 +92,0 @@ return true;

common/deps/popper.js

 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 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 { on, off } from '@opentiny/vue-renderless/common/deps/dom';
+import PopupManager from '@opentiny/vue-renderless/common/deps/popup-manager';
 import { typeOf } from '@opentiny/vue-renderless/common/type';
@@ -97,5 +98,5 @@ import { xss } from '@opentiny/vue-renderless/common/xss.js';
 };
-var isScrollElement = function isScrollElement(parent) {
+var isScrollElement = function isScrollElement(el) {
   var scrollTypes = ['scroll', 'auto'];
-  return ~scrollTypes.indexOf(getStyleComputedProperty(parent, 'overflow')) || ~scrollTypes.indexOf(getStyleComputedProperty(parent, 'overflow-x')) || ~scrollTypes.indexOf(getStyleComputedProperty(parent, 'overflow-y'));
+  return scrollTypes.includes(getStyleComputedProperty(el, 'overflow')) || scrollTypes.includes(getStyleComputedProperty(el, 'overflow-x')) || scrollTypes.includes(getStyleComputedProperty(el, 'overflow-y'));
 };
@@ -297,2 +298,3 @@ export var getScrollParent = function getScrollParent(el) {
   };
+  this.popperOuterSize = null;
   data.placement = data._originalPlacement = this._options.placement;
@@ -370,5 +372,5 @@ data.offsets = this._getOffsets(this._popper, this._reference, data.placement);
   var referenceOffsets = getOffsetRectRelativeToCustomParent(reference, getOffsetParent(popper), isParentFixed);
-  var _getOuterSizes = getOuterSizes(popper),
-    width = _getOuterSizes.width,
-    height = _getOuterSizes.height;
+  var _ref = this.popperOuterSize ? this.popperOuterSize : this.popperOuterSize = getOuterSizes(popper),
+    width = _ref.width,
+    height = _ref.height;
   if (~['right', 'left'].indexOf(placement)) {
@@ -405,3 +407,4 @@ popperOffsets.top = referenceOffsets.top + referenceOffsets.height / 2 - height / 2;
     }
-    if (this._options.bubbling) {
+    this.state.scrollTarget = target;
+    if (this._options.bubbling || PopupManager.globalScroll) {
       var targets = getAllScrollParents(this._reference);
@@ -415,3 +418,2 @@ this.state.scrollTargets = targets || [];
     }
-    this.state.scrollTarget = target;
   }
@@ -425,3 +427,3 @@ };
     this.state.scrollTarget = null;
-    if (this._options.bubbling) {
+    if (this._options.bubbling || PopupManager.globalScroll) {
       var targets = this.state.scrollTargets || [];
@@ -701,3 +703,3 @@ targets.forEach(function (target) {
   var side = isVertical ? 'top' : 'left';
-  var popperRect = getOuterSizes(this._popper);
+  var popperRect = this.popperOuterSize ? this.popperOuterSize : this.popperOuterSize = getOuterSizes(this._popper);
   var arrowRect = getOuterSizes(arrow);
@@ -704,0 +706,0 @@ var arrowSize = arrowRect[len];

common/deps/popup-manager.js

@@ -23,2 +23,3 @@ import { KEY_CODE } from '@opentiny/vue-renderless/common';
   zIndex: 2000,
+  globalScroll: false,
   modalFade: true,
@@ -95,3 +96,5 @@ modalStack: [],
     var topPopup = modalStack[modalStack.length - 1];
-    if (!topPopup) return;
+    if (!topPopup) {
+      return;
+    }
     var instance = PopupManager.getInstance(topPopup.id);
@@ -127,3 +130,5 @@ if (instance && instance.closeOnClickModal) {
         if (modalStack.length === 0) {
-          if (modalDom.parentNode) modalDom.parentNode.removeChild(modalDom);
+          if (modalDom.parentNode) {
+            modalDom.parentNode.removeChild(modalDom);
+          }
           modalDom.style.display = 'none';
@@ -138,3 +143,5 @@ PopupManager.modalDom = undefined;
 getModal = function getModal() {
-  if (isServer) return;
+  if (isServer) {
+    return;
+  }
   var modalDom = PopupManager.modalDom;
@@ -160,7 +167,11 @@ if (modalDom) {
 var getTopPopup = function getTopPopup() {
-  if (isServer) return;
+  if (isServer) {
+    return;
+  }
   var modalStack = PopupManager.modalStack;
   if (modalStack.length > 0) {
     var topPopup = modalStack[modalStack.length - 1];
-    if (!topPopup) return;
+    if (!topPopup) {
+      return;
+    }
     var instance = PopupManager.getInstance(topPopup.id);
@@ -167,0 +178,0 @@ return instance;

common/deps/resize-event.js

@@ -15,3 +15,5 @@ import ResizeObserver from '@opentiny/vue-renderless/common/deps/ResizeObserver';
 export var addResizeListener = function addResizeListener(el, fn) {
-  if (isServer) return;
+  if (isServer) {
+    return;
+  }
   if (!el[cacheKey]) {
@@ -25,3 +27,5 @@ el[cacheKey] = [];
 export var removeResizeListener = function removeResizeListener(el, fn) {
-  if (!el || !el[cacheKey]) return;
+  if (!el || !el[cacheKey]) {
+    return;
+  }
   el[cacheKey].splice(el[cacheKey].indexOf(fn), 1);
@@ -28,0 +32,0 @@ if (!el[cacheKey].length) {

common/deps/scrollbar-width.js

 var scrollBarWidth;
 var isServer = typeof window === 'undefined';
 export default function () {
-  if (isServer) return 0;
-  if (scrollBarWidth !== undefined) return scrollBarWidth;
+  if (isServer) {
+    return 0;
+  }
+  if (scrollBarWidth !== undefined) {
+    return scrollBarWidth;
+  }
   var container = document.createElement('div');
@@ -7,0 +11,0 @@ container.className = 'tiny-scrollbar';

common/deps/tree-model/node.js

@@ -51,3 +51,5 @@ import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
   var childNodes = node.childNodes;
-  if (childNodes.length === 0) return;
+  if (childNodes.length === 0) {
+    return;
+  }
   var _getChildState = getChildState(childNodes),
@@ -74,3 +76,5 @@ all = _getChildState.all,
   var parent = node.parent;
-  if (!parent || parent.level === 0) return;
+  if (!parent || parent.level === 0) {
+    return;
+  }
   !node.store.checkStrictly && reInitChecked(parent);
@@ -102,3 +106,5 @@ };
     }
-    if (!this.data) return;
+    if (!this.data) {
+      return;
+    }
     this.expandByDefaultKeys();
@@ -195,3 +201,5 @@ var key = store.key,
       var nodeKey = store.key;
-      if (data) return data[nodeKey];
+      if (data) {
+        return data[nodeKey];
+      }
       return null;
@@ -262,3 +270,5 @@ }
     value: function insertChild(child, index, batch) {
-      if (!child) throw new Error('[TINY-Tree] insertChild error: child is required.');
+      if (!child) {
+        throw new Error('[TINY-Tree] insertChild error: child is required.');
+      }
       var insertNode = function insertNode(_ref) {
@@ -424,4 +434,8 @@ var arr = _ref.arr,
         data = this.data;
-      if (level === 0) return data;
-      if (!data) return null;
+      if (level === 0) {
+        return data;
+      }
+      if (!data) {
+        return null;
+      }
       var props = this.store.props;
@@ -448,3 +462,5 @@ var childrenKey = defaultChildrenKey;
         checkDescendants = _this$store2.checkDescendants;
-      if (checkStrictly) return;
+      if (checkStrictly) {
+        return;
+      }
       var ret = this.setCheckedInner({
@@ -463,3 +479,5 @@ checkDescendants: checkDescendants,
       var parentNode = this.parent;
-      if (!parentNode || parentNode.level === 0) return;
+      if (!parentNode || parentNode.level === 0) {
+        return;
+      }
       if (!recursion) {
@@ -557,3 +575,5 @@ this.store.lazy ? lazyInitChecked(parentNode) : reInitChecked(parentNode);
         oldChildren.forEach(function (item) {
-          if (!newChildrenMap[item[NODE_KEY]]) _this5.removeChildByData(item);
+          if (!newChildrenMap[item[NODE_KEY]]) {
+            _this5.removeChildByData(item);
+          }
         });
@@ -560,0 +580,0 @@ }

common/deps/tree-model/tree-store.js

@@ -57,4 +57,8 @@ import _typeof from "@babel/runtime/helpers/typeof";
         }
-        if (!value) return;
-        if (node.visible && !node.isLeaf && !lazy) node.expand();
+        if (!value) {
+          return;
+        }
+        if (node.visible && !node.isLeaf && !lazy) {
+          node.expand();
+        }
       };
@@ -176,3 +180,5 @@ walkTree(this);
       var key = this.key;
-      if (!key || !node || !node.data) return;
+      if (!key || !node || !node.data) {
+        return;
+      }
       node.childNodes.forEach(function (child) {
@@ -187,3 +193,5 @@ _this6.deregisterNode(child);
       var key = this.key;
-      if (!key || !node || !node.data) return;
+      if (!key || !node || !node.data) {
+        return;
+      }
       var nodeKey = node.key;
@@ -246,3 +254,5 @@ if (nodeKey !== undefined) {
       var node = this.nodesMap[key];
-      if (!node) return;
+      if (!node) {
+        return;
+      }
       var childNodes = node.childNodes;
@@ -260,2 +270,3 @@ for (var i = childNodes.length - 1; i >= 0; i--) {
     value: function _setCheckedKeys(key) {
+      var _this7 = this;
       var leafOnly = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
@@ -271,3 +282,3 @@ var checkedKeys = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
       });
-      for (var i = 0, len = nodes.length; i < len; i++) {
+      var _loop = function _loop() {
         var node = nodes[i];
@@ -286,16 +297,14 @@ var nodeKey = node.data[key].toString();
           }
-          if (node.isLeaf || this.checkStrictly) {
+          if (node.isLeaf || _this7.checkStrictly) {
             node.setChecked(true, false);
           } else if (leafOnly) {
-            (function () {
-              node.setChecked(false, false);
-              var walkTree = function walkTree(node) {
-                var childNodes = node.childNodes;
-                childNodes.forEach(function (child) {
-                  !child.isLeaf && child.setChecked(false, false);
-                  walkTree(child);
-                });
-              };
-              walkTree(node);
-            })();
+            node.setChecked(false, false);
+            var walkTree = function walkTree(node) {
+              var childNodes = node.childNodes;
+              childNodes.forEach(function (child) {
+                !child.isLeaf && child.setChecked(false, false);
+                walkTree(child);
+              });
+            };
+            walkTree(node);
           } else {
@@ -305,2 +314,5 @@ node.setChecked(true, true);
         }
+      };
+      for (var i = 0, len = nodes.length; i < len; i++) {
+        _loop();
       }
@@ -311,8 +323,8 @@ }
     value: function setDefaultExpandedKeys(keys) {
-      var _this7 = this;
+      var _this8 = this;
       keys = keys || [];
       this.defaultExpandedKeys = keys;
       keys.forEach(function (key) {
-        var node = _this7.getNode(key);
-        node && node.expand(null, _this7.autoExpandParent);
+        var node = _this8.getNode(key);
+        node && node.expand(null, _this8.autoExpandParent);
       });
@@ -319,0 +331,0 @@ }

common/deps/tree-model/util.js

 export var NODE_KEY = '$treeNodeId';
 export var getNodeKey = function getNodeKey(key, data) {
-  if (!key) return data[NODE_KEY];
+  if (!key) {
+    return data[NODE_KEY];
+  }
   return data[key];
 };
 export var markNodeData = function markNodeData(node, data) {
-  if (!data || data[NODE_KEY]) return;
+  if (!data || data[NODE_KEY]) {
+    return;
+  }
   Object.defineProperty(data, NODE_KEY, {
@@ -9,0 +13,0 @@ value: node.id,

common/deps/upload-ajax.js

@@ -49,3 +49,9 @@ import { hasOwn } from '@opentiny/vue-renderless/common/type';
   }
-  formData.append(option.filename, option.file, option.file.name);
+  if (Array.isArray(option.file)) {
+    option.file.forEach(function (file) {
+      formData.append(option.filename, file, file.name);
+    });
+  } else {
+    formData.append(option.filename, option.file, option.file.name);
+  }
   xhr.onerror = function (event) {
@@ -52,0 +58,0 @@ option.onError(event);

common/deps/vue-popper.js

@@ -33,6 +33,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
   do {
+    var _reference, _reference$parentNode;
     reference = reference.parentNode;
     z = getZIndex(reference);
     max = z > max ? z : max;
-  } while (reference !== document.body);
+  } while (reference !== document.body && ((_reference = reference) === null || _reference === void 0 ? void 0 : (_reference$parentNode = _reference.parentNode) === null || _reference$parentNode === void 0 ? void 0 : _reference$parentNode.nodeType) !== 11);
   return "".concat(max + 1);
@@ -151,3 +152,2 @@ };
       resetTransformOrigin();
-      nextTick(updatePopper);
     });
@@ -154,0 +154,0 @@ if (typeof options.onUpdate === 'function') {

common/string.js

@@ -16,3 +16,3 @@ import { isPlainObject, isNumber, isNumeric, isNull } from '@opentiny/vue-renderless/common/type';
   '"': '"',
-  "'": ''',
+  '\'': ''',
   '[': '[',
@@ -19,0 +19,0 @@ ']': ']'

credit-card-form/index.js

@@ -20,2 +20,3 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
     state.formData.cardNumber = event.target.value;
+    state.mainCardNumber = event.target.value;
     var value = state.formData.cardNumber.replace(/\D/g, '');
@@ -22,0 +23,0 @@ if (/^3[47]\d{0,13}$/.test(value)) {

date-panel/index.js

@@ -30,3 +30,5 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
   return function (value) {
-    if (state.selectionMode === DATEPICKER.Dates && state.value) return;
+    if (state.selectionMode === DATEPICKER.Dates && state.value) {
+      return;
+    }
     if (isDate(value)) {
@@ -78,3 +80,5 @@ state.date = state.selectionMode === 'week' ? getWeekData(value) : new Date(value);
     var format = function format(timeFormat) {
-      if (refs.timepicker) refs.timepicker.state.format = timeFormat;
+      if (refs.timepicker) {
+        refs.timepicker.state.format = timeFormat;
+      }
     };
@@ -422,3 +426,5 @@ var value = function value(_value) {
       state.userInputTime = null;
-      if (refs.timepicker) refs.timepicker.state.value = state.date;
+      if (refs.timepicker) {
+        refs.timepicker.state.value = state.date;
+      }
       state.timePickerVisible = false;
@@ -468,3 +474,5 @@ api.cusEmit(state.date, true);
   return function (tz) {
-    if (state.timezone.isServiceTimezone) return;
+    if (state.timezone.isServiceTimezone) {
+      return;
+    }
     state.tz = tz.name;
@@ -514,3 +522,5 @@ state.selectedTz = tz;
   return function () {
-    if (state.timezone.isServiceTimezone) return;
+    if (state.timezone.isServiceTimezone) {
+      return;
+    }
     state.renderTzdata = state.renderTzdata && state.renderTzdata.map(function (item) {
@@ -546,3 +556,3 @@ item.visible = false;
         findTimezoneKey = to > 0 ? '+' : '-';
-        findTimezoneKey = findTimezoneKey + fillChar(Math.abs(to) + '', 2) + ':00';
+        findTimezoneKey = findTimezoneKey + fillChar(String(Math.abs(to)), 2) + ':00';
       }
@@ -549,0 +559,0 @@ findTimezoneKey = "(UTC".concat(findTimezoneKey, ")");

date-picker/index.js

@@ -114,3 +114,3 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
   var targetLength = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 2;
-  var str = num + '';
+  var str = String(num);
   while (str.length < targetLength) {
@@ -182,4 +182,8 @@ str = '0' + str;
     }];
-    if (props.type === constants.Date) result.splice(3, 2);
-    if (props.type === constants.YearMonth) result.splice(2, 3);
+    if (props.type === constants.Date) {
+      result.splice(3, 2);
+    }
+    if (props.type === constants.YearMonth) {
+      result.splice(2, 3);
+    }
     return result;
@@ -266,7 +270,7 @@ };
       if (/(y+)/.test(fmt)) {
-        fmt = fmt.replace(RegExp.$1, (value.getFullYear() + '').substr(4 - RegExp.$1.length));
+        fmt = fmt.replace(RegExp.$1, String(value.getFullYear()).substr(4 - RegExp.$1.length));
       }
       for (var k in o) {
         if (new RegExp('(' + k + ')').test(fmt)) {
-          fmt = fmt.replace(RegExp.$1, RegExp.$1.length == 1 ? o[k] : ('00' + o[k]).substr(('' + o[k]).length));
+          fmt = fmt.replace(RegExp.$1, RegExp.$1.length == 1 ? o[k] : ('00' + o[k]).substr(String(o[k]).length));
         }
@@ -273,0 +277,0 @@ }

date-range/index.js

@@ -15,4 +15,8 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
   return function () {
-    if (state.dateUserInput.min !== null) return state.dateUserInput.min;
-    if (state.minDate) return formatDate(state.minDate, state.dateFormat, t);
+    if (state.dateUserInput.min !== null) {
+      return state.dateUserInput.min;
+    }
+    if (state.minDate) {
+      return formatDate(state.minDate, state.dateFormat, t);
+    }
     return '';
@@ -25,3 +29,5 @@ };
   return function () {
-    if (state.dateUserInput.max !== null) return state.dateUserInput.max;
+    if (state.dateUserInput.max !== null) {
+      return state.dateUserInput.max;
+    }
     if (state.maxDate || state.minDate) {
@@ -37,4 +43,8 @@ return formatDate(state.maxDate || state.minDate, state.dateFormat, t);
   return function () {
-    if (state.timeUserInput.min !== null) return state.timeUserInput.min;
-    if (state.minDate) return formatDate(state.minDate, state.timeFormat, t);
+    if (state.timeUserInput.min !== null) {
+      return state.timeUserInput.min;
+    }
+    if (state.minDate) {
+      return formatDate(state.minDate, state.timeFormat, t);
+    }
     return '';
@@ -47,3 +57,5 @@ };
   return function () {
-    if (state.timeUserInput.max !== null) return state.timeUserInput.max;
+    if (state.timeUserInput.max !== null) {
+      return state.timeUserInput.max;
+    }
     if (state.maxDate || state.minDate) {
@@ -70,3 +82,5 @@ return formatDate(state.maxDate || state.minDate, state.timeFormat, t);
     var minTimePicker = vm.$refs.minTimePicker;
-    if (!minTimePicker) return;
+    if (!minTimePicker) {
+      return;
+    }
     if (state.maxDate && state.maxDate < state.minDate) {
@@ -166,2 +180,3 @@ var format = 'HH:mm:ss';
     state.rangeState.selecting = false;
+    state.rangeState.endDate = null;
     emit('pick', null);
@@ -182,3 +197,5 @@ };
     state.dateUserInput[type] = value;
-    if (value.length !== state.dateFormat.length) return;
+    if (value.length !== state.dateFormat.length) {
+      return;
+    }
     var parsedValue = parseDate(value, state.dateFormat, t);
@@ -230,3 +247,5 @@ if (parsedValue) {
     state.timeUserInput[type] = value;
-    if (value.length !== state.timeFormat.length) return;
+    if (value.length !== state.timeFormat.length) {
+      return;
+    }
     var parsedValue = parseDate(value, state.timeFormat, t);
@@ -233,0 +252,0 @@ if (parsedValue) {

date-table/index.js

@@ -302,3 +302,5 @@ import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
   return function (cell) {
-    if (props.selectionMode !== DATEPICKER.Week) return false;
+    if (props.selectionMode !== DATEPICKER.Week) {
+      return false;
+    }
     var newDate = new Date(state.year, state.month, 1);
@@ -305,0 +307,0 @@ var year = newDate.getFullYear();

detail-page/index.js

@@ -89,4 +89,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 export var checkValueHiddenItem = function checkValueHiddenItem(state) {
-  return function () {
+  return function (index) {
     var hiddenItemCount = 0;
+    if (typeof index === 'number') {
+      state.cloneValue[index].hidden = !state.cloneValue[index].hidden;
+    }
     state.cloneValue.forEach(function (item) {
@@ -93,0 +96,0 @@ if (item.hidden) {

dialog-box/index.js

@@ -78,3 +78,6 @@ import { on, off, addClass, removeClass } from '@opentiny/vue-renderless/common/deps/dom';
       }
-      props.rightSlide && (el.querySelector(constants.DIALOG_BOX_CLASS).style.left = '');
+      if (props.rightSlide) {
+        var dialogBoxDom = el.querySelector(constants.DIALOG_BOX_CLASS) || el;
+        dialogBoxDom.style.left = '';
+      }
     }
@@ -130,5 +133,10 @@ };
     var type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'close';
-    if (typeof props.beforeClose === 'function' && props.beforeClose(type) === false) return;
+    if (typeof props.beforeClose === 'function' && props.beforeClose(type) === false) {
+      return;
+    }
     var el = parent.$el;
-    props.rightSlide && (el.querySelector(constants.DIALOG_BOX_CLASS).style.left = '');
+    if (props.rightSlide) {
+      var dialogBoxDom = el.querySelector(constants.DIALOG_BOX_CLASS) || el;
+      dialogBoxDom.style.left = '';
+    }
     if (!emitEvent(emit, 'before-close', api.hide)) {
@@ -194,3 +202,5 @@ return;
   var children = vm.$children;
-  if (!children || children.length === 0) return;
+  if (!children || children.length === 0) {
+    return;
+  }
   children.forEach(function (child) {
@@ -197,0 +207,0 @@ var tag = child.$options.componentName;

dialog-box/vue.js

@@ -63,3 +63,4 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
     nextTick = _ref3.nextTick,
-    refs = _ref3.refs;
+    refs = _ref3.refs,
+    broadcast = _ref3.broadcast;
   var open = usePopups.open,
@@ -81,2 +82,3 @@ close = usePopups.close,
     restoreBodyStyle: restoreBodyStyle,
+    broadcast: broadcast,
     handleCancel: handleCancel({
@@ -179,3 +181,4 @@ api: api,
     refs = _ref6.refs,
-    mode = _ref6.mode;
+    mode = _ref6.mode,
+    broadcast = _ref6.broadcast;
   var api = {};
@@ -212,3 +215,4 @@ var lockScrollClass = constants.scrollLockClass(mode);
     nextTick: nextTick,
-    refs: refs
+    refs: refs,
+    broadcast: broadcast
   });
@@ -215,0 +219,0 @@ state = mergeState({

dropdown-item/index.js

@@ -155,2 +155,17 @@ import { on, off } from '@opentiny/vue-renderless/common/deps/dom';
   };
+};
+export var handleClick = function handleClick(_ref9) {
+  var props = _ref9.props,
+    dispatch = _ref9.dispatch,
+    vm = _ref9.vm,
+    emit = _ref9.emit;
+  return function (event) {
+    event.stopPropagation();
+    var data = {
+      itemData: props.itemData,
+      vm: vm
+    };
+    emit('item-click', data);
+    dispatch('TinyDropdown', 'menu-item-click', data);
+  };
 };

dropdown-item/vue.js

@@ -1,3 +0,3 @@
-import { tagClick, confirm, clickOutside, getOptionStyle, reset, getTitle, bindScroll, toggle, onScroll, open, opened, close, closed, clickItem, clickWrapper, getItemStyle } from './index';
-export var api = ['state', 'confirm', 'clickOutside', 'getOptionStyle', 'reset', 'tagClick', 'clickItem', 'clickWrapper', 'toggle', 'open', 'opened', 'close', 'closed'];
+import { tagClick, confirm, clickOutside, getOptionStyle, reset, getTitle, bindScroll, toggle, onScroll, open, opened, close, closed, clickItem, clickWrapper, getItemStyle, handleClick } from './index';
+export var api = ['state', 'confirm', 'clickOutside', 'getOptionStyle', 'reset', 'tagClick', 'clickItem', 'clickWrapper', 'toggle', 'open', 'opened', 'close', 'closed', 'handleClick'];
 var initState = function initState(_ref) {
@@ -8,3 +8,4 @@ var reactive = _ref.reactive,
     props = _ref.props,
-    parent = _ref.parent;
+    parent = _ref.parent,
+    dropdownMenu = _ref.dropdownMenu;
   var state = reactive({
@@ -37,3 +38,6 @@ sort: props.modelValue,
       return parent.closeOnClickOverlay;
-    })
+    }),
+    children: [],
+    textField: (dropdownMenu === null || dropdownMenu === void 0 ? void 0 : dropdownMenu.textField) || props.textField,
+    popperClass: (dropdownMenu === null || dropdownMenu === void 0 ? void 0 : dropdownMenu.popperClass) || ''
   });
@@ -47,3 +51,5 @@ return state;
     props = _ref2.props,
-    parent = _ref2.parent;
+    parent = _ref2.parent,
+    dispatch = _ref2.dispatch,
+    vm = _ref2.vm;
   Object.assign(api, {
@@ -93,2 +99,8 @@ state: state,
       state: state
+    }),
+    handleClick: handleClick({
+      props: props,
+      dispatch: dispatch,
+      vm: vm,
+      emit: emit
     })
@@ -99,9 +111,11 @@ });
   var computed = _ref3.computed,
-    onMounted = _ref3.onMounted,
     reactive = _ref3.reactive,
-    watch = _ref3.watch;
+    watch = _ref3.watch,
+    inject = _ref3.inject;
   var parent = _ref4.parent,
     emit = _ref4.emit,
-    vm = _ref4.vm;
+    vm = _ref4.vm,
+    dispatch = _ref4.dispatch;
   var api = {};
+  var dropdownMenu = inject('dropdownMenu', null);
   parent = parent.$parent;
@@ -113,3 +127,4 @@ var state = initState({
     props: props,
-    parent: parent
+    parent: parent,
+    dropdownMenu: dropdownMenu
   });
@@ -121,3 +136,5 @@ initApi({
     props: props,
-    parent: parent
+    parent: parent,
+    dispatch: dispatch,
+    vm: vm
   });
@@ -127,6 +144,3 @@ watch(function () {
   }, api.bindScroll);
-  onMounted(function () {
-    parent.state.children.push(vm);
-  });
   return api;
 };

dropdown/index.js

@@ -5,8 +5,9 @@ import { KEY_CODE } from '@opentiny/vue-renderless/common';
   var broadcast = _ref.broadcast,
-    emit = _ref.emit;
+    emit = _ref.emit,
+    nextTick = _ref.nextTick;
   return function (value) {
     broadcast('TinyDropdownMenu', 'visible', value);
-    setTimeout(function () {
-      emit('visibles-change', value);
-    }, 0);
+    nextTick(function () {
+      return emit('visible-change', value);
+    });
   };
@@ -13,0 +14,0 @@ };

dropdown/vue.js

 import { guid } from '@opentiny/vue-renderless/common/string';
 import { watchVisible, watchFocusing, show, hide, handleClick, handleTriggerKeyDown, handleItemKeyDown, resetTabindex, removeTabindex, initAria, initEvent, handleMenuItemClick, handleMainButtonClick, triggerElmFocus, initDomOperation, mounted, beforeDistory } from './index';
-export var api = ['state', 'handleMainButtonClick', 'hide', 'initDomOperation', 'handleClick'];
+export var api = ['state', 'handleMainButtonClick', 'hide', 'show', 'initDomOperation', 'handleClick'];
 export var renderless = function renderless(props, _ref, _ref2) {
@@ -12,3 +12,4 @@ var reactive = _ref.reactive,
     broadcast = _ref2.broadcast,
-    vm = _ref2.vm;
+    vm = _ref2.vm,
+    nextTick = _ref2.nextTick;
   var api = {};
@@ -30,3 +31,4 @@ var state = reactive({
       broadcast: broadcast,
-      emit: emit
+      emit: emit,
+      nextTick: nextTick
     }),
@@ -33,0 +35,0 @@ watchFocusing: watchFocusing({

exception/index.js

 export var create = function create(emit) {
   return function () {
-    return emit('click');
+    return emit('btn-click');
   };
@@ -5,0 +5,0 @@ };

form-item/index.js

@@ -32,3 +32,5 @@ import { POSITION, VALIDATE_STATE } from '@opentiny/vue-renderless/common';
     var result = {};
-    if (state.form.labelPosition === POSITION.Top) return result;
+    if (state.form.labelPosition === POSITION.Top) {
+      return result;
+    }
     var labelWidth = props.labelWidth || state.form.labelWidth;
@@ -47,4 +49,8 @@ if (labelWidth) {
     var label = props.label;
-    if (state.form.labelPosition === POSITION.Top || state.form.inline) return result;
-    if (!label && !props.labelWidth && state.isNested) return result;
+    if (state.form.labelPosition === POSITION.Top || state.form.inline) {
+      return result;
+    }
+    if (!label && !props.labelWidth && state.isNested) {
+      return result;
+    }
     var labelWidth = props.labelWidth || state.form.labelWidth;
@@ -276,3 +282,5 @@ if (labelWidth === 'auto') {
     return rules.filter(function (rule) {
-      if (!rule.trigger || trigger === '') return true;
+      if (!rule.trigger || trigger === '') {
+        return true;
+      }
       if (Array.isArray(rule.trigger)) {
@@ -350,3 +358,5 @@ return rule.trigger.indexOf(trigger) > -1;
     var path = paths[i];
-    if (!current) break;
+    if (!current) {
+      break;
+    }
     if (i === len - 1) {
@@ -353,0 +363,0 @@ result = current[path];

form/index.js

@@ -30,3 +30,5 @@ import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
   return function () {
-    if (!state.potentialLabelWidthArr.length) return 0;
+    if (!state.potentialLabelWidthArr.length) {
+      return 0;
+    }
     var max = Math.max.apply(Math, _toConsumableArray(state.potentialLabelWidthArr));
@@ -33,0 +35,0 @@ return max ? "".concat(max, "px") : '';

form/vue.js

@@ -18,2 +18,17 @@ import { watchRules, computedAutoLabelWidth, created, resetFields, clearValidate, validate, validateField, getLabelWidthIndex, registerLabelWidth, deregisterLabelWidth, updateTip, bindDialogEvent } from './index';
       return api.computedAutoLabelWidth();
+    }),
+    hasRequired: computed(function () {
+      if (props.rules) {
+        return Object.values(props.rules).find(function (ruleOrRules) {
+          if (Array.isArray(ruleOrRules)) {
+            return ruleOrRules.some(function (r) {
+              return r.required;
+            });
+          } else {
+            return ruleOrRules.required;
+          }
+        });
+      } else {
+        return false;
+      }
     })
@@ -20,0 +35,0 @@ });

fullscreen/index.js

@@ -26,3 +26,3 @@ import { on, off } from '@opentiny/vue-renderless/common/deps/dom';
       state.isFullscreen = true;
-      api.onChangeFullScreen();
+      api.onChangeFullscreen();
       off(document, 'keyup', api.keypressCallback);
@@ -56,3 +56,3 @@ on(document, 'keyup', api.keypressCallback);
       state.isFullscreen = false;
-      api.onChangeFullScreen();
+      api.onChangeFullscreen();
       off(document, 'keyup', api.keypressCallback);
@@ -85,3 +85,3 @@ } else {
     state.isFullscreen = sf.isFullscreen;
-    api.onChangeFullScreen();
+    api.onChangeFullscreen();
   };
@@ -96,3 +96,3 @@ };
 };
-export var onChangeFullScreen = function onChangeFullScreen(_ref6) {
+export var onChangeFullscreen = function onChangeFullscreen(_ref6) {
   var props = _ref6.props,
@@ -99,0 +99,0 @@ state = _ref6.state,

fullscreen/vue.js

 import sf from '@opentiny/vue-renderless/common/deps/fullscreen/screenfull';
-import { exit, enter, toggle, request, getState, shadeClick, keypressCallback, fullScreenCallback, onChangeFullScreen, computeWrapperStyle } from './index';
-export var api = ['state', 'exit', 'enter', 'toggle', 'request', 'getState', 'shadeClick', 'keypressCallback', 'fullScreenCallback', 'onChangeFullScreen'];
+import { exit, enter, toggle, request, getState, shadeClick, keypressCallback, fullScreenCallback, onChangeFullscreen, computeWrapperStyle } from './index';
+export var api = ['state', 'exit', 'enter', 'toggle', 'request', 'getState', 'shadeClick', 'keypressCallback', 'fullScreenCallback', 'onChangeFullscreen'];
 export var renderless = function renderless(props, _ref, _ref2) {
@@ -59,3 +59,3 @@ var reactive = _ref.reactive,
     }),
-    onChangeFullScreen: onChangeFullScreen({
+    onChangeFullscreen: onChangeFullscreen({
       props: props,
@@ -62,0 +62,0 @@ state: state,

grid/core/interceptor.js

@@ -18,9 +18,6 @@ import { toString, each, remove } from '../static';
   add: function add(type, callback) {
-    type = toType(type);
-    if (callback && ~eventTypes.indexOf(type)) {
-      var eList = _storeMap[type];
-      if (!eList) {
-        eList = _storeMap[type] = [];
-      }
-      eList.push(callback);
+    var selfType = toType(type);
+    if (callback && ~eventTypes.indexOf(selfType)) {
+      _storeMap[selfType] = _storeMap[selfType] ? _storeMap[selfType] : [];
+      _storeMap[selfType].push(callback);
     }
@@ -27,0 +24,0 @@ return Interceptor;

grid/plugins/export.js

@@ -12,3 +12,3 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
   var trData = [];
-  var _loop = function _loop(i, len) {
+  var _loop = function _loop() {
     var item = {};
@@ -23,3 +23,3 @@ var trElem = trElemList[i];
   for (var i = 0, len = trElemList.length; i < len; i++) {
-    _loop(i, len);
+    _loop();
   }
@@ -26,0 +26,0 @@ return trData;

grid/plugins/exportExcel.js

@@ -32,4 +32,6 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
   for (var i = 0, length = arguments.length; i !== length; ++i) {
-    var cp = +arguments[i];
-    if (!(cp < 0x10ffff && cp >>> 0 === cp)) throw new RangeError('Invalid code point: ' + cp);
+    var cp = Number(arguments[i]);
+    if (!(cp < 0x10ffff && cp >>> 0 === cp)) {
+      throw new RangeError('Invalid code point: ' + cp);
+    }
     if (cp <= 0xffff) {
@@ -102,3 +104,5 @@ codeLength = codeUnitArr.push(cp);
     for (var j = 0; j < childNodes.length; j++) {
-      if (~childNodes[j].className.split(/\s/).indexOf('col__gutter')) break;
+      if (~childNodes[j].className.split(/\s/).indexOf('col__gutter')) {
+        break;
+      }
       colSpanCount += childNodes[j].colSpan;
@@ -137,3 +141,5 @@ }
     for (var j = 0; j < childNodes.length; j++) {
-      if (~childNodes[j].className.split(/\s/).indexOf('col__gutter')) break;
+      if (~childNodes[j].className.split(/\s/).indexOf('col__gutter')) {
+        break;
+      }
       ths.push(childNodes[j]);
@@ -219,3 +225,5 @@ var colSpan = childNodes[j].colSpan;
     ws = _ref8.ws;
-  if (headerRowCount === 0) return;
+  if (headerRowCount === 0) {
+    return;
+  }
   var rowHeightMethod = opts.table.rowHeightMethod;
@@ -334,3 +342,5 @@ var columnWidthMethod = opts.table.columnWidthMethod;
     ws = _ref11.ws;
-  if (bodyRowCount === 0) return;
+  if (bodyRowCount === 0) {
+    return;
+  }
   var rowHeightMethod = opts.table.rowHeightMethod;
@@ -466,3 +476,5 @@ var offset = headerRowCount;
     ws = _ref14.ws;
-  if (datas.length === 0) return;
+  if (datas.length === 0) {
+    return;
+  }
   var styleMethod = opts.table.styleMethod;
@@ -584,3 +596,5 @@ var formatMethod = opts.table.formatMethod;
     ws = _ref16.ws;
-  if (colids.length > 0 || bodyRowCount === 0) return;
+  if (colids.length > 0 || bodyRowCount === 0) {
+    return;
+  }
   var columnWidthMethod = opts.table.columnWidthMethod;
@@ -622,3 +636,5 @@ var tds = [];
     ws = _ref17.ws;
-  if (footerRowCount === 0) return;
+  if (footerRowCount === 0) {
+    return;
+  }
   var rowHeightMethod = opts.table.rowHeightMethod;
@@ -736,3 +752,5 @@ var offset = headerRowCount + bodyRowCount;
   opts.plugins = opts.plugins || {};
-  if (!opts.plugins.XLSX || !opts.plugins.XLSXX || !opts.plugins.FileSaver) return;
+  if (!opts.plugins.XLSX || !opts.plugins.XLSXX || !opts.plugins.FileSaver) {
+    return;
+  }
   opts.table = opts.table || {};
@@ -739,0 +757,0 @@ opts.table.sheetName = opts.table.sheetName || defaultOptions.table.sheetName;

grid/static/array/findTree.js

@@ -29,3 +29,3 @@ import helperCreateTreeFunc from './helperCreateTreeFunc';
         var match = findTreeItem({
-          item: item,
+          parent: item,
           obj: item[parseChildren],
@@ -32,0 +32,0 @@ iterate: iterate,

grid/static/base/helperCreateGetObjects.js

@@ -15,3 +15,3 @@ import each from './each';
       eachCallback = function eachCallback(key) {
-        result.push(['' + key, obj[key]]);
+        result.push([String(key), obj[key]]);
       };
@@ -18,0 +18,0 @@ } else {

grid/static/base/helperEqualCompare.js

@@ -22,6 +22,6 @@ import { isDate, isRegExp } from '@opentiny/vue-renderless/common/type';
     if (isRegExp(val1)) {
-      return compare('' + val1, '' + val2, key, obj1, obj2);
+      return compare(String(val1), String(val2), key, obj1, obj2);
     }
     if (isDate(val1) || isBoolean(val1)) {
-      return compare(+val1, +val2, key, obj1, obj2);
+      return compare(Number(val1), Number(val2), key, obj1, obj2);
     }
@@ -28,0 +28,0 @@ return equalVal(val1, val2, func, key, compare);

grid/static/base/helperGetHGSKeys.js

 var helperGetHGSKeys = function helperGetHGSKeys(property) {
-  return property ? property.splice && property.join ? property : ('' + property).split('.') : [];
+  return property ? property.splice && property.join ? property : String(property).split('.') : [];
 };
 export default helperGetHGSKeys;

grid/static/base/uniqueId.js

 var __uniqueId = 0;
 var uniqueId = function uniqueId(prefix) {
-  return (prefix ? '' + prefix : 0) + ++__uniqueId;
+  return (prefix ? String(prefix) : 0) + ++__uniqueId;
 };
 export default uniqueId;

grid/static/object/assign.js

@@ -7,5 +7,5 @@ import arrayEach from '../array/arrayEach';
   var len = args.length;
-  var _loop = function _loop(_source, index) {
+  var _loop = function _loop(_source) {
     _source = args[index];
-    var eachCallback = void 0;
+    var eachCallback;
     if (isClone) {
@@ -24,3 +24,3 @@ eachCallback = function eachCallback(key) {
   for (var source, index = 1; index < len; index++) {
-    _loop(source, index);
+    _loop(source);
   }
@@ -27,0 +27,0 @@ return destination;

grid/static/string/toString.js

@@ -5,9 +5,9 @@ import eqNull from '../base/eqNull';
   if (isNumber(obj)) {
-    if (('' + obj).indexOf('e-') >= 0) {
+    if (String(obj).indexOf('e-') >= 0) {
       var isNegative = obj < 0;
-      return (isNegative ? '-' : '') + '0' + ('' + ((isNegative ? Math.abs(obj) : obj) + 1)).substr(1);
+      return (isNegative ? '-' : '') + '0' + String((isNegative ? Math.abs(obj) : obj) + 1).substr(1);
     }
   }
-  return '' + (eqNull(obj) ? '' : obj);
+  return String(eqNull(obj) ? '' : obj);
 };
 export default toValString;

milestone/index.js

@@ -90,4 +90,5 @@ var hexToRgb = function hexToRgb(hex) {
       flag = _ref7.flag;
-    return emit('flagclick', idx, flag);
+    emit('flagclick', idx, flag);
+    emit('flag-click', idx, flag);
   };
 };

mini-picker/index.js

@@ -55,3 +55,3 @@ export var visibleHandle = function visibleHandle(emit) {
     while (cursor && cursor.children) {
-      var defaultIndex = cursor.defaultIndex || +state.defaultIndex;
+      var defaultIndex = cursor.defaultIndex || Number(state.defaultIndex);
       formatted.push({
@@ -58,0 +58,0 @@ values: cursor.children.map(function (item) {

mini-picker/vue.js

@@ -11,3 +11,3 @@ import { visibleHandle, watchVisible, formatCascade, format, getDataType, change, setColumnValue, setValues, getColumnValue, confirm, cancel, getColumnIndex, getValues, getIndexes, setIndexes, setColumnIndex, getColumnValues, setColumnValues, onChange, onCascadeChange, emitEvent, getColumn, getChildrenComponent } from './index';
     toggle: false,
-    itemHeight: +props.itemHeight,
+    itemHeight: Number(props.itemHeight),
     defaultIndex: props.defaultIndex,
@@ -14,0 +14,0 @@ visibleItemCount: props.visibleItemCount,

modal/index.js

@@ -202,3 +202,3 @@ import { KEY_CODE } from '@opentiny/vue-renderless/common';
         comp.state.modalTop = offsetTop;
-        var modalBox = comp.$el.querySelector('.tiny-grid-modal__box');
+        var modalBox = comp.$el.querySelector('.tiny-modal__box');
         offsetTop += modalBox.clientHeight;
@@ -774,3 +774,5 @@ });
   var children = vm.$children;
-  if (children && children.length === 0) return;
+  if (children && children.length === 0) {
+    return;
+  }
   children.forEach(function (child) {
@@ -777,0 +779,0 @@ var tag = child.$options.componentName;

month-table/index.js

@@ -39,3 +39,3 @@ import _typeof from "@babel/runtime/helpers/typeof";
       var row = tableRows[i];
-      var _loop = function _loop(j) {
+      var _loop = function _loop() {
         var cell = row[j];
@@ -71,3 +71,3 @@ if (!cell) {
       for (var j = 0; j < 4; j++) {
-        _loop(j);
+        _loop();
       }
@@ -74,0 +74,0 @@ }

nav-menu/index.js

@@ -157,3 +157,3 @@ import _typeof from "@babel/runtime/helpers/typeof";
     var buildData = function buildData(item) {
-      var router = item[urlField] || item['route'];
+      var router = item[urlField] || item.route;
       return {
@@ -367,3 +367,3 @@ title: item[textField],
         urlField = _ref16$urlField === void 0 ? 'url' : _ref16$urlField;
-      var _router = item[urlField] || item['route'];
+      var _router = item[urlField] || item.route;
       return window.open(xss.filterUrl(_router)).opener = null;
@@ -370,0 +370,0 @@ }

numeric/index.js

@@ -30,3 +30,5 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
   return function (value) {
-    if (value === state.currentValue) return;
+    if (value === state.currentValue) {
+      return;
+    }
     api.setCurrentValue(value);
@@ -206,3 +208,3 @@ };
     if (!stringMode) {
-      emitValue = emitValue * 1;
+      emitValue = Number(emitValue);
     }
@@ -303,2 +305,3 @@ }
     state.userInput = value;
+    api.setCurrentValue(value === '-' ? 0 : value);
   };
@@ -305,0 +308,0 @@ };

package.json

 {
   "name": "@opentiny/vue-renderless",
-  "version": "3.1.0-alpha.0",
+  "version": "3.5.0-alpha.0",
   "description": "@opentiny/vue-renderless",
@@ -22,8 +22,9 @@ "repository": {
     "build:version": "node build/build-version.js",
-    "release": "node build/release.js",
-    "format": "prettier --write src/**/* build/*.js ",
-    "lint": "eslint src/**/* build/*.js  --quiet"
+    "release": "node scripts/release.js",
+    "format": "prettier --write src/**/* build/*.js scripts/*.js",
+    "lint": "eslint src/**/* build/*.js scripts/*.js --fix",
+    "commit": "git-cz"
   },
   "dependencies": {
-    "@babel/runtime": "^7.10.2",
+    "@babel/runtime": "7.18.3",
     "xss": "1.0.11"
@@ -36,2 +37,3 @@ },
     "@babel/preset-env": "^7.5.5",
+    "babel-eslint": "^10.1.0",
     "eslint": "^6.1.0",
@@ -43,140 +45,35 @@ "eslint-config-standard": "^17.0.0",
     "eslint-plugin-standard": "^4.0.0",
+    "eslint-plugin-vue": "^9.7.0",
     "fs-extra": "^10.1.0",
     "prettier": "2.2.1",
-    "rimraf": "^3.0.2"
+    "rimraf": "^3.0.2",
+    "@commitlint/cli": "^17.3.0",
+    "@commitlint/config-conventional": "^17.3.0",
+    "commitizen": "^4.2.5",
+    "cz-conventional-changelog": "^3.3.0",
+    "eslint-config-prettier": "^8.5.0",
+    "eslint-plugin-prettier": "^4.2.1",
+    "glob": "^8.0.3",
+    "husky": "^8.0.2",
+    "lint-staged": "^13.0.3"
   },
-  "eslintConfig": {
-    "root": true,
-    "env": {
-      "es6": true,
-      "browser": true,
-      "node": true,
-      "jest": true
-    },
-    "extends": [
-      "eslint:recommended",
-      "plugin:jest/recommended"
-    ],
-    "rules": {
-      "no-debugger": "off",
-      "no-var": "error",
-      "no-tabs": "error",
-      "no-trailing-spaces": "error",
-      "no-mixed-spaces-and-tabs": "error",
-      "no-undef": "error",
-      "no-extra-semi": "error",
-      "no-empty": "error",
-      "no-console": "off",
-      "semi": [
-        2,
-        "never"
-      ],
-      "indent": [
-        "warn",
-        2
-      ],
-      "max-len": [
-        "warn",
-        {
-          "code": 160
-        }
-      ],
-      "function-paren-newline": [
-        "warn",
-        "multiline"
-      ],
-      "object-property-newline": [
-        "warn",
-        {
-          "allowAllPropertiesOnSameLine": true
-        }
-      ],
-      "newline-per-chained-call": [
-        "warn",
-        {
-          "ignoreChainWithDepth": 4
-        }
-      ],
-      "curly": "error",
-      "comma-dangle": [
-        "off",
-        "always-multiline"
-      ],
-      "semi-style": [
-        "warn",
-        "last"
-      ],
-      "max-lines": [
-        "error",
-        2000
-      ],
-      "max-lines-per-function": [
-        "error",
-        50
-      ],
-      "complexity": [
-        "error",
-        20
-      ],
-      "max-depth": [
-        "warn",
-        4
-      ],
-      "max-nested-callbacks": [
-        "error",
-        4
-      ],
-      "no-multi-assign": "error",
-      "no-undef-init": "warn",
-      "no-shadow": "warn",
-      "max-params": [
-        "warn",
-        5
-      ],
-      "no-param-reassign": "warn",
-      "prefer-rest-params": "warn",
-      "prefer-arrow-callback": "error",
-      "arrow-body-style": [
-        "warn",
-        "as-needed"
-      ],
-      "no-this-before-super": "error",
-      "quotes": [
-        "warn",
-        "single"
-      ],
-      "prefer-template": "warn",
-      "no-multi-str": "warn",
-      "object-shorthand": "warn",
-      "dot-notation": "error",
-      "accessor-pairs": "error",
-      "no-prototype-builtins": "error",
-      "guard-for-in": "error",
-      "eqeqeq": "warn",
-      "no-negated-condition": "warn",
-      "default-case": "error",
-      "no-fallthrough": "error",
-      "no-case-declarations": "error",
-      "no-unsafe-finally": "error",
-      "no-eval": "error",
-      "no-with": "error",
-      "no-implicit-coercion": [
-        "error",
-        {
-          "allow": [
-            "!!",
-            "~"
-          ]
-        }
-      ]
-    },
-    "parserOptions": {
-      "ecmaVersion": 2018,
-      "sourceType": "module",
-      "parser": "babel-eslint"
+  "husky": {
+    "hooks": {
+      "pre-commit": "lint-staged",
+      "commit-msg": "commitlint -E HUSKY_GIT_PARAMS"
     }
   },
+  "lint-staged": {
+    "*.{js,ts,jsx,tsx,vue}": [
+      "prettier --write"
+    ]
+  },
+  "config": {
+    "commitizen": {
+      "path": "cz-conventional-changelog"
+    }
+  },
   "engines": {
-    "node": ">=10.0.0"
+    "node": ">=14.0.0"
   }
 }

pager-item/vue.js

@@ -40,3 +40,5 @@ import { getPages, onPagerClick, onMouseenter } from './index';
   }, function (value) {
-    if (!value) state.quickprevIconClass = props.popupIcon;
+    if (!value) {
+      state.quickprevIconClass = props.popupIcon;
+    }
   }, {
@@ -48,3 +50,5 @@ immediate: true
   }, function (value) {
-    if (!value) state.quicknextIconClass = props.popupIcon;
+    if (!value) {
+      state.quicknextIconClass = props.popupIcon;
+    }
   }, {
@@ -51,0 +55,0 @@ immediate: true

picker-column/index.js

@@ -64,6 +64,10 @@ import _typeof from "@babel/runtime/helpers/typeof";
     for (var i = index; i < state.count; i++) {
-      if (!isOptionDisabled(state.columnsItem.values[i])) return i;
+      if (!isOptionDisabled(state.columnsItem.values[i])) {
+        return i;
+      }
     }
     for (var _i = index - 1; _i >= 0; _i--) {
-      if (!isOptionDisabled(state.columnsItem.values[_i])) return _i;
+      if (!isOptionDisabled(state.columnsItem.values[_i])) {
+        return _i;
+      }
     }
@@ -180,3 +184,3 @@ };
     var index = range(Math.round(-distance / state.itemHeight), 0, state.count - 1);
-    state.duration = +props.swipeDuration;
+    state.duration = Number(props.swipeDuration);
     api.setIndex(index, true);
@@ -183,0 +187,0 @@ };

picker/index.js

@@ -43,3 +43,5 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
   return function (value) {
-    if (props.readonly || state.pickerDisabled) return;
+    if (props.readonly || state.pickerDisabled) {
+      return;
+    }
     if (value) {
@@ -95,4 +97,6 @@ api.showPicker();
   return function (value, customFormat, type) {
-    if (!value) return null;
-    var formatter = (api.typeValueResolveMap()[type] || api.typeValueResolveMap()['default']).formatter;
+    if (!value) {
+      return null;
+    }
+    var formatter = (api.typeValueResolveMap()[type] || api.typeValueResolveMap()["default"]).formatter;
     var format = customFormat || DATEPICKER.DateFormats[type];
@@ -122,4 +126,6 @@ return formatter(value, format);
     var rangeSeparator = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : '-';
-    if (!value) return null;
-    var parser = (api.typeValueResolveMap()[type] || api.typeValueResolveMap()['default']).parser;
+    if (!value) {
+      return null;
+    }
+    var parser = (api.typeValueResolveMap()[type] || api.typeValueResolveMap()["default"]).parser;
     var format = customFormat || DATEPICKER.DateFormats[type];
@@ -135,4 +141,8 @@ return parser(value, format, rangeSeparator);
   return function () {
-    if (!props.modelValue) return props.modelValue;
-    if (state.type === DATEPICKER.TimeSelect) return props.modelValue;
+    if (!props.modelValue) {
+      return props.modelValue;
+    }
+    if (state.type === DATEPICKER.TimeSelect) {
+      return props.modelValue;
+    }
     var valueIsDateObject = isDateObject(props.modelValue) || Array.isArray(props.modelValue) && props.modelValue.every(isDateObject);
@@ -244,3 +254,5 @@ var _state$timezone = state.timezone,
   return function (value, format) {
-    if (format === DATEPICKER.TimesTamp) return value.getTime();
+    if (format === DATEPICKER.TimesTamp) {
+      return value.getTime();
+    }
     return formatDate(value, format, t);
@@ -252,3 +264,5 @@ };
   return function (text, format) {
-    if (format === DATEPICKER.TimesTamp) return new Date(Number(text));
+    if (format === DATEPICKER.TimesTamp) {
+      return new Date(Number(text));
+    }
     return parseDate(text, format, t);
@@ -295,3 +309,3 @@ };
     formatter: function formatter(value) {
-      return value ? '' + value : '';
+      return value ? String(value) : '';
     },
@@ -328,3 +342,3 @@ parser: function parser(text) {
     formatter: function formatter(value) {
-      return value ? '' + value : '';
+      return value ? String(value) : '';
     },
@@ -413,3 +427,5 @@ parser: function parser(text) {
     }
-    if (id) obj.id = id;
+    if (id) {
+      obj.id = id;
+    }
     return obj;
@@ -427,3 +443,5 @@ };
     }
-    if (id) obj.id = id;
+    if (id) {
+      obj.id = id;
+    }
     return obj;
@@ -491,3 +509,5 @@ };
   return function () {
-    if (props.readonly || state.pickerDisabled) return;
+    if (props.readonly || state.pickerDisabled) {
+      return;
+    }
     if (!state.valueIsEmpty && props.clearable) {
@@ -598,3 +618,5 @@ state.showClose = true;
   return function (event) {
-    if (props.readonly || state.pickerDisabled) return;
+    if (props.readonly || state.pickerDisabled) {
+      return;
+    }
     if (state.showClose) {
@@ -619,3 +641,5 @@ state.valueOnOpen = props.modelValue;
   return function () {
-    if (!state.pickerVisible) return;
+    if (!state.pickerVisible) {
+      return;
+    }
     state.pickerVisible = false;
@@ -810,3 +834,5 @@ if (state.type === DATEPICKER.Dates) {
   return function () {
-    if (!state.picker) return;
+    if (!state.picker) {
+      return;
+    }
     var options = props.pickerOptions;
@@ -813,0 +839,0 @@ if (options && options.selectableRange) {

picker/timezone.js

 export default {
-  'en-US': [{
+  'enUS': [{
     name: '(UTC-12:00)International Date Line West',
@@ -488,3 +488,3 @@ code: '001-12',
   }],
-  'zh-CN': [{
+  'zhCN': [{
     name: '(UTC-12:00)国际日期变更线西',
@@ -491,0 +491,0 @@ code: '001-12',

pop-upload/index.js

@@ -310,5 +310,7 @@ export var computedSetDialogTitle = function computedSetDialogTitle(_ref) {
       isnext = !~state.uploadFileType.indexOf(fileend);
-      if (isnext) state.errorTips.push({
-        type: file.name
-      });
+      if (isnext) {
+        state.errorTips.push({
+          type: file.name
+        });
+      }
     }
@@ -315,0 +317,0 @@ if (state.maxUploadFileSize && state.maxUploadFileSize != 0) {

popeditor/index.js

@@ -115,3 +115,5 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
     var radioRow = table && table.getRadioRow();
-    if (radioRow) state.selectedDatas = radioRow;
+    if (radioRow) {
+      state.selectedDatas = radioRow;
+    }
     state.commitValue = state.selectedDatas ? state.selectedDatas[props.valueField] : '';
@@ -241,3 +243,5 @@ };
   return function () {
-    if (typeof props.beforeClose === 'function' && props.beforeClose('cancel') === false) return;
+    if (typeof props.beforeClose === 'function' && props.beforeClose('cancel') === false) {
+      return;
+    }
     cancelOrClose({
@@ -312,3 +316,3 @@ props: props,
     props = _ref17.props;
-  value = typeOf(value) === 'number' ? isNaN(value) ? '' : '' + value : value;
+  value = typeOf(value) === 'number' ? isNaN(value) ? '' : String(value) : value;
   var treeSelectList = [];
@@ -558,3 +562,3 @@ if (!isNullOrEmpty(value)) {
       var len = state.sourceGridDataset.length;
-      var _loop = function _loop(i) {
+      var _loop = function _loop() {
         var sourceGridItem = state.sourceGridDataset[i][props.valueField];
@@ -571,3 +575,3 @@ var selectedItem = find(state.selectedValues, function (val) {
       for (var i = 0; i < len; i++) {
-        _loop(i);
+        _loop();
       }
@@ -612,3 +616,5 @@ }
   return function (value, data) {
-    if (!value) return true;
+    if (!value) {
+      return true;
+    }
     return data.label.indexOf(value) !== -1;
@@ -767,3 +773,5 @@ };
   return function (event) {
-    if (!props.suggest) return;
+    if (!props.suggest) {
+      return;
+    }
     var query = event;
@@ -770,0 +778,0 @@ off(window, 'resize', api.updateSuggestWidth);

popover/index.js

 import { on, off, addClass, removeClass } from '@opentiny/vue-renderless/common/deps/dom';
 import { guid } from '@opentiny/vue-renderless/common/string';
 import { KEY_CODE } from '@opentiny/vue-renderless/common';
-export var mounted = function mounted(_ref) {
+var processTrigger = function processTrigger(_ref) {
   var api = _ref.api,
     state = _ref.state,
-    constants = _ref.constants,
-    props = _ref.props;
+    props = _ref.props,
+    nextTick = _ref.nextTick;
+  var referenceElm = state.referenceElm,
+    popperElm = state.popperElm;
+  if (props.trigger === 'click') {
+    on(referenceElm, 'click', api.doToggle);
+    on(document, 'click', api.handleDocumentClick);
+  } else if (props.trigger === 'hover') {
+    on(referenceElm, 'mouseenter', api.handleMouseEnter);
+    on(popperElm, 'mouseenter', api.handleMouseEnter);
+    on(referenceElm, 'mouseleave', api.handleMouseLeave);
+    on(popperElm, 'mouseleave', api.handleMouseLeave);
+  } else if (props.trigger === 'focus') {
+    if (referenceElm.querySelector('input, textarea')) {
+      on(referenceElm, 'focusin', api.doShow);
+      on(referenceElm, 'focusout', api.doClose);
+    } else {
+      on(referenceElm, 'mousedown', api.doShow);
+      on(referenceElm, 'mouseup', api.doClose);
+    }
+  } else if (props.trigger === 'manual') {
+    if (props.modelValue) {
+      nextTick(api.doShow);
+    }
+  }
+};
+export var mounted = function mounted(_ref2) {
+  var api = _ref2.api,
+    state = _ref2.state,
+    constants = _ref2.constants,
+    props = _ref2.props,
+    nextTick = _ref2.nextTick;
   return function () {
@@ -34,19 +64,8 @@ state.mounted = true;
     }
-    if (props.trigger === 'click') {
-      on(referenceElm, 'click', api.doToggle);
-      on(document, 'click', api.handleDocumentClick);
-    } else if (props.trigger === 'hover') {
-      on(referenceElm, 'mouseenter', api.handleMouseEnter);
-      on(popperElm, 'mouseenter', api.handleMouseEnter);
-      on(referenceElm, 'mouseleave', api.handleMouseLeave);
-      on(popperElm, 'mouseleave', api.handleMouseLeave);
-    } else if (props.trigger === 'focus') {
-      if (referenceElm.querySelector('input, textarea')) {
-        on(referenceElm, 'focusin', api.doShow);
-        on(referenceElm, 'focusout', api.doClose);
-      } else {
-        on(referenceElm, 'mousedown', api.doShow);
-        on(referenceElm, 'mouseup', api.doClose);
-      }
-    }
+    processTrigger({
+      api: api,
+      state: state,
+      props: props,
+      nextTick: nextTick
+    });
   };
@@ -69,5 +88,5 @@ };
 };
-export var handleFocus = function handleFocus(_ref2) {
-  var props = _ref2.props,
-    state = _ref2.state;
+export var handleFocus = function handleFocus(_ref3) {
+  var props = _ref3.props,
+    state = _ref3.state;
   return function () {
@@ -81,9 +100,13 @@ addClass(state.referenceElm, 'focusing');
 export var handleClick = function handleClick(state) {
-  return function () {
+  return function (event) {
+    var popperElm = state.popperElm;
+    if (event !== null && event !== void 0 && event.target && popperElm) {
+      popperElm.webCompEventTarget = event.target;
+    }
     removeClass(state.referenceElm, 'focusing');
   };
 };
-export var handleBlur = function handleBlur(_ref3) {
-  var props = _ref3.props,
-    state = _ref3.state;
+export var handleBlur = function handleBlur(_ref4) {
+  var props = _ref4.props,
+    state = _ref4.state;
   return function () {
@@ -96,5 +119,5 @@ removeClass(state.referenceElm, 'focusing');
 };
-export var handleMouseEnter = function handleMouseEnter(_ref4) {
-  var props = _ref4.props,
-    state = _ref4.state;
+export var handleMouseEnter = function handleMouseEnter(_ref5) {
+  var props = _ref5.props,
+    state = _ref5.state;
   return function () {
@@ -111,5 +134,5 @@ clearTimeout(state.timer);
 };
-export var handleKeydown = function handleKeydown(_ref5) {
-  var api = _ref5.api,
-    props = _ref5.props;
+export var handleKeydown = function handleKeydown(_ref6) {
+  var api = _ref6.api,
+    props = _ref6.props;
   return function (event) {
@@ -121,5 +144,5 @@ if (event.keyCode === KEY_CODE.Escape && props.trigger !== 'manual') {
 };
-export var handleMouseLeave = function handleMouseLeave(_ref6) {
-  var props = _ref6.props,
-    state = _ref6.state;
+export var handleMouseLeave = function handleMouseLeave(_ref7) {
+  var props = _ref7.props,
+    state = _ref7.state;
   return function () {
@@ -136,10 +159,15 @@ clearTimeout(state.timer);
 };
-export var handleDocumentClick = function handleDocumentClick(_ref7) {
-  var refs = _ref7.refs,
-    state = _ref7.state;
+export var handleDocumentClick = function handleDocumentClick(_ref8) {
+  var refs = _ref8.refs,
+    state = _ref8.state;
   return function (event) {
+    var _target;
     var reference = state.referenceElm;
     var popperElm = state.popperElm;
     var $el = refs.root;
-    if (!$el || !reference || $el.contains(event.target) || reference.contains(event.target) || !popperElm || popperElm.contains(event.target)) {
+    var target = event.target;
+    if ((_target = target) !== null && _target !== void 0 && _target.shadowRoot && popperElm) {
+      target = popperElm.webCompEventTarget;
+    }
+    if (!$el || !reference || $el.contains(target) || reference.contains(target) || !popperElm || popperElm.contains(target)) {
       return;
@@ -155,13 +183,18 @@ }
 };
-export var handleAfterLeave = function handleAfterLeave(_ref8) {
-  var emit = _ref8.emit,
-    api = _ref8.api;
+export var handleAfterLeave = function handleAfterLeave(emit) {
   return function () {
     emit('after-leave');
-    api.doDestroy();
   };
 };
-export var cleanup = function cleanup(_ref9) {
-  var props = _ref9.props,
+export var handleItemClick = function handleItemClick(_ref9) {
+  var emit = _ref9.emit,
     state = _ref9.state;
+  return function (item) {
+    state.showPopper = false;
+    emit('item-click', item);
+  };
+};
+export var cleanup = function cleanup(_ref10) {
+  var props = _ref10.props,
+    state = _ref10.state;
   return function () {
@@ -173,5 +206,5 @@ if (props.openDelay) {
 };
-export var destroyed = function destroyed(_ref10) {
-  var state = _ref10.state,
-    api = _ref10.api;
+export var destroyed = function destroyed(_ref11) {
+  var state = _ref11.state,
+    api = _ref11.api;
   return function () {
@@ -196,7 +229,7 @@ var reference = state.referenceElm;
 };
-export var wrapMounted = function wrapMounted(_ref11) {
-  var api = _ref11.api,
-    props = _ref11.props,
-    refs = _ref11.refs,
-    state = _ref11.state;
+export var wrapMounted = function wrapMounted(_ref12) {
+  var api = _ref12.api,
+    props = _ref12.props,
+    refs = _ref12.refs,
+    state = _ref12.state;
   return function () {
@@ -203,0 +236,0 @@ var reference = refs.reference,

popover/vue.js

@@ -1,4 +0,4 @@
-import { mounted, computedTooltipId, destroyed, doToggle, doShow, doClose, handleFocus, handleClick, handleBlur, handleKeydown, handleAfterEnter, handleAfterLeave, handleMouseEnter, handleMouseLeave, handleDocumentClick, cleanup, wrapMounted } from './index';
+import { mounted, computedTooltipId, destroyed, doToggle, doShow, doClose, handleFocus, handleClick, handleBlur, handleKeydown, handleAfterEnter, handleAfterLeave, handleMouseEnter, handleMouseLeave, handleDocumentClick, cleanup, wrapMounted, handleItemClick } from './index';
 import userPopper from '@opentiny/vue-renderless/common/deps/vue-popper';
-export var api = ['state', 'handleAfterEnter', 'handleAfterLeave'];
+export var api = ['state', 'handleAfterEnter', 'handleAfterLeave', 'handleItemClick'];
 var initState = function initState(_ref) {
@@ -30,3 +30,4 @@ var reactive = _ref.reactive,
     doDestroy = _ref2.doDestroy,
-    constants = _ref2.constants;
+    constants = _ref2.constants,
+    nextTick = _ref2.nextTick;
   Object.assign(api, {
@@ -38,3 +39,4 @@ state: state,
       constants: constants,
-      props: props
+      props: props,
+      nextTick: nextTick
     }),
@@ -72,6 +74,3 @@ cleanup: cleanup({
     }),
-    handleAfterLeave: handleAfterLeave({
-      emit: emit,
-      api: api
-    }),
+    handleAfterLeave: handleAfterLeave(emit),
     handleMouseEnter: handleMouseEnter({
@@ -90,2 +89,6 @@ props: props,
       state: state
+    }),
+    handleItemClick: handleItemClick({
+      emit: emit,
+      state: state
     })
@@ -161,3 +164,4 @@ });
     emit: emit,
-    doDestroy: doDestroy
+    doDestroy: doDestroy,
+    nextTick: nextTick
   });
@@ -164,0 +168,0 @@ onDeactivated(function () {

rate/index.js

@@ -170,4 +170,4 @@ import { KEY_CODE } from '@opentiny/vue-renderless/common';
   var currentValue = 0;
-  if (!isNaN(+state.currentValue)) {
-    currentValue = +state.currentValue > 0 ? +state.currentValue : 0;
+  if (!isNaN(Number(state.currentValue))) {
+    currentValue = Number(state.currentValue) > 0 ? Number(state.currentValue) : 0;
   }
@@ -174,0 +174,0 @@ if (currentValue > props.texts.length) {

search/index.js

@@ -6,22 +6,27 @@ import { on, off } from '@opentiny/vue-renderless/common/deps/dom';
   var emit = _ref.emit,
-    props = _ref.props,
     state = _ref.state;
   return function (event) {
-    event.stopPropagation();
     var value = event.target.value;
     emit('change', state.searchValue, value);
-    props.modelValue !== undefined ? emit('update:modelValue', value) : emit('update:modelValue', value, state.searchValue);
   };
 };
-export var showSelector = function showSelector(_ref2) {
-  var refs = _ref2.refs,
+export var handleInput = function handleInput(_ref2) {
+  var emit = _ref2.emit,
     state = _ref2.state;
+  return function (event) {
+    var value = event.target.value;
+    emit('update:modelValue', value, state.searchValue);
+  };
+};
+export var showSelector = function showSelector(_ref3) {
+  var refs = _ref3.refs,
+    state = _ref3.state;
   return function () {
-    refs['selector'].style.zIndex = PopupManager.nextZIndex();
+    refs.selector.style.zIndex = PopupManager.nextZIndex();
     state.show = true;
   };
 };
-export var changeKey = function changeKey(_ref3) {
-  var emit = _ref3.emit,
-    state = _ref3.state;
+export var changeKey = function changeKey(_ref4) {
+  var emit = _ref4.emit,
+    state = _ref4.state;
   return function (key) {
@@ -33,6 +38,6 @@ state.searchValue = key;
 };
-export var searchClick = function searchClick(_ref4) {
-  var emit = _ref4.emit,
-    props = _ref4.props,
-    state = _ref4.state;
+export var searchClick = function searchClick(_ref5) {
+  var emit = _ref5.emit,
+    props = _ref5.props,
+    state = _ref5.state;
   return function () {
@@ -46,7 +51,7 @@ if (props.mini && state.collapse) {
 };
-export var searchEnterKey = function searchEnterKey(_ref5) {
-  var api = _ref5.api,
-    props = _ref5.props,
-    refs = _ref5.refs,
-    nextTick = _ref5.nextTick;
+export var searchEnterKey = function searchEnterKey(_ref6) {
+  var api = _ref6.api,
+    props = _ref6.props,
+    refs = _ref6.refs,
+    nextTick = _ref6.nextTick;
   return function () {
@@ -61,6 +66,6 @@ if (props.isEnterSearch) {
 };
-export var clickOutside = function clickOutside(_ref6) {
-  var parent = _ref6.parent,
-    props = _ref6.props,
-    state = _ref6.state;
+export var clickOutside = function clickOutside(_ref7) {
+  var parent = _ref7.parent,
+    props = _ref7.props,
+    state = _ref7.state;
   return function (event) {
@@ -102,6 +107,6 @@ if (!parent.$el.contains(event.target)) {
 };
-export var clear = function clear(_ref7) {
-  var emit = _ref7.emit,
-    refs = _ref7.refs,
-    state = _ref7.state;
+export var clear = function clear(_ref8) {
+  var emit = _ref8.emit,
+    refs = _ref8.refs,
+    state = _ref8.state;
   return function () {
@@ -112,5 +117,5 @@ state.currentValue = '';
     emit('change', [], '');
-    emit('update:modelValue', '');
+    emit('update:modelValue', '', state.searchValue);
     emit('clear');
   };
 };

search/vue.js

 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 { clear, handleChange, showSelector, changeKey, searchClick, clickOutside, beforeDestroy, mounted, formatSearchTypes, setDefaultType, searchEnterKey } from './index';
-export var api = ['state', 'handleChange', 'showSelector', 'changeKey', 'searchClick', 'searchEnterKey', 'inputStyle', 'formatSearchTypes', 'setDefaultType', 'clear'];
+import { clear, handleChange, handleInput, showSelector, changeKey, searchClick, clickOutside, beforeDestroy, mounted, formatSearchTypes, setDefaultType, searchEnterKey } from './index';
+export var api = ['state', 'handleChange', 'handleInput', 'showSelector', 'changeKey', 'searchClick', 'searchEnterKey', 'inputStyle', 'formatSearchTypes', 'setDefaultType', 'clear'];
 export var useFormatSearchTypes = function useFormatSearchTypes(_ref) {
@@ -79,2 +79,7 @@ var computed = _ref.computed,
     }),
+    handleInput: handleInput({
+      emit: emit,
+      state: state,
+      props: props
+    }),
     showSelector: showSelector({
@@ -81,0 +86,0 @@ refs: refs,

select-dropdown/index.js

@@ -13,3 +13,3 @@ export var mounted = function mounted(_ref) {
       if (!state.referenceElm || state.referenceElm.nodeType !== 1) {
-        state.referenceElm = selectVm.$refs.reference && selectVm.$refs.reference.$el;
+        state.referenceElm = selectVm.$refs.reference ? selectVm.$refs.reference.$el : selectVm.$refs.select;
         selectVm.popperElm = selectVm.state.popperElm = state.popperElm = parent.$el;
@@ -16,0 +16,0 @@ }

select/index.js

@@ -153,3 +153,3 @@ import _typeof from "@babel/runtime/helpers/typeof";
       state.previousQuery = value;
-      if (props.filterable && typeof props.filterMethod === 'function') {
+      if (state.filterOrSearch && typeof props.filterMethod === 'function') {
         refs.selectTree && refs.selectTree.filter(value);
@@ -168,6 +168,8 @@ }
       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();
+        }
       });
@@ -331,3 +333,3 @@ }
         }
-        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;
@@ -379,3 +381,3 @@ var data = find(nestdata, function (item) {
   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,
@@ -425,7 +427,16 @@ valueField = props.valueField;
 };
-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) {
@@ -441,34 +452,35 @@ if (!state.softFocus) {
     }
-    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) {
@@ -479,3 +491,3 @@ state.isSilentBlur = false;
       }
-      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);
@@ -500,4 +512,4 @@ state.softFocus = false;
 };
-export var toggleLastOptionHitState = function toggleLastOptionHitState(_ref19) {
-  var state = _ref19.state;
+export var toggleLastOptionHitState = function toggleLastOptionHitState(_ref20) {
+  var state = _ref20.state;
   return function (hit) {
@@ -520,9 +532,9 @@ if (!Array.isArray(state.selected)) {
 };
-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) {
@@ -545,5 +557,5 @@ var refs = vm.$refs;
 };
-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 () {
@@ -555,6 +567,6 @@ if (state.currentPlaceholder !== '') {
 };
-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) {
@@ -568,10 +580,10 @@ if (event.keyCode !== 8) {
 };
-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;
@@ -600,5 +612,5 @@ }
 };
-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 () {
@@ -620,9 +632,9 @@ if (!props.showOverflowTooltip) {
 };
-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) {
@@ -646,4 +658,9 @@ state.memorize && state.memorize.updateByKey(option[state.memorize._dataKey] || option.value);
       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) {
@@ -655,2 +672,6 @@ state.visible = false;
       api.emitChange(option.value);
+      if (option.created) {
+        state.createdSelected = true;
+        state.createdLabel = option.value;
+      }
       state.visible = false;
@@ -668,11 +689,9 @@ }
 };
-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();
   };
@@ -701,10 +720,10 @@ };
 };
-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);
@@ -715,3 +734,3 @@ state.softFocus = false;
         var dom = refs.input || refs.reference;
-        dom.focus();
+        dom === null || dom === void 0 ? void 0 : dom.focus();
       }
@@ -721,6 +740,6 @@ }
 };
-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 () {
@@ -736,9 +755,9 @@ if (!state.visible || props.hideDrop) {
 };
-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) {
@@ -764,9 +783,9 @@ event.stopPropagation();
 };
-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) {
@@ -811,8 +830,8 @@ var refs = vm.$refs;
 };
-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 () {
@@ -844,12 +863,13 @@ if (!props.delay) {
 };
-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 () {
@@ -900,6 +920,6 @@ api.resetInputWidth();
 };
-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) {
@@ -936,7 +956,7 @@ var len = state.options.length;
 };
-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 () {
@@ -955,3 +975,3 @@ if (props.loading) {
       }
-      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);
@@ -987,3 +1007,5 @@ }
       for (var i = 0; i < options.length; i++) {
-        if (!equal(lastVal, options[i])) continue;
+        if (!equal(lastVal, options[i])) {
+          continue;
+        }
         return i;
@@ -994,5 +1016,5 @@ }
   },
-  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;
@@ -1005,5 +1027,5 @@ var optimizeOpts = state.optimizeOpts,
   },
-  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;
@@ -1014,5 +1036,5 @@ var optimizeOpts = state.optimizeOpts;
   },
-  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,
@@ -1056,5 +1078,5 @@ valueField = props.valueField,
   },
-  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,
@@ -1066,11 +1088,11 @@ optimizeStore = state.optimizeStore;
   },
-  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;
@@ -1080,6 +1102,6 @@ var wrap = optmzApis.queryWrap(refs);
   },
-  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;
@@ -1089,5 +1111,5 @@ var wrap = optmzApis.queryWrap(refs);
   },
-  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;
@@ -1101,6 +1123,6 @@ var datas = optimizeStore.datas;
   },
-  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;
@@ -1115,6 +1137,6 @@ var optionHeight = optimizeOpts.optionHeight;
   },
-  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;
@@ -1135,9 +1157,9 @@ optimizeStore.startIndex = typeof start !== 'undefined' ? start : optmzApis.getStartIndex({
 };
-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) {
@@ -1151,3 +1173,3 @@ if (props.multiple) {
       }
-      if (props.filterable && !props.reserveKeyword) {
+      if (state.filterOrSearch && !props.reserveKeyword) {
         props.renderType !== constants.TYPE.Grid && (state.query = '');
@@ -1170,6 +1192,6 @@ api.handleQueryChange(state.query);
 };
-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) {
@@ -1214,6 +1236,6 @@ if (!props.multiple || !props.showOverflowTooltip) {
 };
-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) {
@@ -1235,3 +1257,3 @@ return;
     }
-    if (props.filterable) {
+    if (state.filterOrSearch) {
       state.currentPlaceholder = state.cachedPlaceHolder;
@@ -1241,16 +1263,15 @@ }
 };
-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 = '';
@@ -1278,16 +1299,17 @@ state.selectedLabel = '';
 };
-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 {
@@ -1307,5 +1329,5 @@ if (!props.remote) {
       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();
@@ -1316,8 +1338,8 @@ }
 };
-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) {
@@ -1343,9 +1365,9 @@ if (api.onCopying()) {
 };
-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 () {
@@ -1366,3 +1388,3 @@ if (typeof window === 'undefined') {
     });
-    if (props.defaultFirstOption && (props.filterable || props.remote) && state.filteredOptionsCount) {
+    if (props.defaultFirstOption && (props.filterabl || props.searchable || props.remote) && state.filteredOptionsCount) {
       api.checkDefaultFirstOption();
@@ -1372,6 +1394,6 @@ }
 };
-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 () {
@@ -1391,11 +1413,11 @@ var input = document.createElement('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,
@@ -1428,5 +1450,5 @@ valueField = props.valueField;
 };
-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 () {
@@ -1444,8 +1466,8 @@ var checkedKey = [];
 };
-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];
@@ -1476,6 +1498,6 @@ row.currentLabel = row[props.textField];
 };
-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) {
@@ -1492,9 +1514,8 @@ if (!props.multiple) {
 };
-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) {
@@ -1508,5 +1529,5 @@ node.currentLabel = node[props.textField];
 };
-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 () {
@@ -1518,5 +1539,5 @@ setTimeout(function () {
 };
-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 () {
@@ -1528,8 +1549,8 @@ setTimeout(function () {
 };
-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;
@@ -1555,7 +1576,7 @@ api.handleQueryChange(state.query);
 };
-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 () {
@@ -1590,5 +1611,5 @@ var renderType = props.renderType;
 };
-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 () {
@@ -1602,5 +1623,5 @@ var checkRowKeys = state.gridCheckedData;
 };
-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 () {
@@ -1616,4 +1637,4 @@ var checkRowKey = state.currentKey;
 };
-export var onMouseenterNative = function onMouseenterNative(_ref68) {
-  var state = _ref68.state;
+export var onMouseenterNative = function onMouseenterNative(_ref69) {
+  var state = _ref69.state;
   return function () {
@@ -1626,4 +1647,4 @@ state.inputHovering = true;
 };
-export var onMouseleaveNative = function onMouseleaveNative(_ref69) {
-  var state = _ref69.state;
+export var onMouseleaveNative = function onMouseleaveNative(_ref70) {
+  var state = _ref70.state;
   return function () {
@@ -1636,5 +1657,5 @@ state.inputHovering = false;
 };
-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 () {
@@ -1644,4 +1665,4 @@ 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) {
@@ -1658,14 +1679,15 @@ if (typeof value === 'number' && value > -1) {
 };
-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();
     }
@@ -1681,11 +1703,13 @@ state.completed = true;
     }
-    state.initialInputHeight = inputClientRect.height || sizeMap[state.selectSize];
-    addResizeListener(parentEl, api.handleResize);
-    if (refs.tags) {
-      addResizeListener(refs.tags, 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;
     }
-    if (props.remote && props.multiple) {
-      api.resetInputHeight();
-    }
-    state.inputWidth = inputClientRect.width;
     api.setSelected();
@@ -1697,7 +1721,7 @@ if (props.dataset) {
 };
-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 () {
@@ -1718,5 +1742,5 @@ if (parent.$el && api.handleResize) {
 };
-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 () {
@@ -1742,7 +1766,7 @@ var optimization = props.optimization;
 };
-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 () {
@@ -1784,6 +1808,6 @@ var optimizeOpts = state.optimizeOpts,
 };
-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() {
@@ -1826,5 +1850,5 @@ var options = props.options;
 };
-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 () {
@@ -1831,0 +1855,0 @@ var multipleLimit = props.multipleLimit,

select/vue.js

@@ -5,3 +5,3 @@ import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 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 { debouncRquest, nodeCollapse, nodeExpand, getChildValue, nodeCheckClick, treeNodeClick, getTreeData, radioChange, getcheckedData, selectChange, calcOverFlow, toggleCheckAll, handleCopyClick, showTip, handleComposition, handleQueryChange, scrollToOption, handleMenuEnter, emitChange, getOption, setSelected, handleFocus, focus, blur, handleBlur, handleClearClick, doDestroy, handleClose, toggleLastOptionHitState, deletePrevTag, managePlaceholder, resetInputState, resetInputHeight, resetHoverIndex, handleOptionSelect, setSoftFocus, getValueIndex, toggleMenu, selectOption, deleteSelected, deleteTag, onInputChange, onOptionDestroy, resetInputWidth, handleResize, checkDefaultFirstOption, getValueKey, emptyText, watchValue, watchVisible, watchOptions, navigateOptions, getPluginOption, watchPropsOption, buildSelectConfig, buildRadioConfig, onMouseenterNative, onMouseleaveNative, onCopying, gridOnQueryChange, defaultOnQueryChange, toVisible, toHide, mounted, unMount, watchHoverIndex, computeOptimizeOpts, watchOptimizeOpts, getScrollListener, computeCollapseTags, computeMultipleLimit } from './index';
+import { debouncRquest, nodeCollapse, nodeExpand, getChildValue, nodeCheckClick, treeNodeClick, getTreeData, radioChange, getcheckedData, selectChange, calcOverFlow, toggleCheckAll, handleCopyClick, showTip, handleComposition, handleQueryChange, scrollToOption, handleMenuEnter, emitChange, getOption, setSelected, handleFocus, focus, blur, handleBlur, handleClearClick, doDestroy, handleClose, toggleLastOptionHitState, deletePrevTag, managePlaceholder, resetInputState, resetInputHeight, resetHoverIndex, handleOptionSelect, setSoftFocus, getValueIndex, toggleMenu, selectOption, deleteSelected, deleteTag, onInputChange, onOptionDestroy, resetInputWidth, handleResize, checkDefaultFirstOption, getValueKey, emptyText, watchValue, watchVisible, watchOptions, navigateOptions, getPluginOption, watchPropsOption, buildSelectConfig, buildRadioConfig, onMouseenterNative, onMouseleaveNative, onCopying, gridOnQueryChange, defaultOnQueryChange, toVisible, toHide, mounted, unMount, watchHoverIndex, computeOptimizeOpts, watchOptimizeOpts, getScrollListener, computeCollapseTags, computeMultipleLimit, resetFilter } from './index';
 import { BROWSER_NAME } from '@opentiny/vue-renderless/common';
@@ -11,3 +11,3 @@ import browserInfo from '@opentiny/vue-renderless/common/browser';
 import { isNumber, isNull } from '@opentiny/vue-renderless/common/type';
-export var api = ['state', 'nodeCollapse', 'nodeExpand', 'toggleCheckAll', 'handleCopyClick', 'focus', 'blur', 'showTip', 'doDestroy', 'getOption', 'emitChange', 'handleBlur', 'toggleMenu', 'getValueKey', 'handleFocus', 'handleClose', 'setSoftFocus', 'getValueIndex', 'scrollToOption', 'resetHoverIndex', 'onOptionDestroy', 'resetInputWidth', 'resetInputHeight', 'managePlaceholder', 'checkDefaultFirstOption', 'toggleLastOptionHitState', 'deleteTag', 'setSelected', 'selectOption', 'handleResize', 'deletePrevTag', 'onInputChange', 'deleteSelected', 'handleMenuEnter', 'resetInputState', 'handleClearClick', 'handleComposition', 'handleQueryChange', 'handleOptionSelect', 'debouncedOnInputChange', 'debouncedQueryChange', 'navigateOptions', 'selectChange', 'radioChange', 'treeNodeClick', 'nodeCheckClick', 'buildSelectConfig', 'buildRadioConfig', 'onMouseenterNative', 'onMouseleaveNative', 'onCopying'];
+export var api = ['state', 'nodeCollapse', 'nodeExpand', 'toggleCheckAll', 'handleCopyClick', 'focus', 'blur', 'showTip', 'doDestroy', 'getOption', 'emitChange', 'handleBlur', 'toggleMenu', 'getValueKey', 'handleFocus', 'handleClose', 'setSoftFocus', 'getValueIndex', 'scrollToOption', 'resetHoverIndex', 'onOptionDestroy', 'resetInputWidth', 'resetInputHeight', 'managePlaceholder', 'checkDefaultFirstOption', 'toggleLastOptionHitState', 'deleteTag', 'setSelected', 'selectOption', 'handleResize', 'deletePrevTag', 'onInputChange', 'deleteSelected', 'handleMenuEnter', 'resetInputState', 'handleClearClick', 'handleComposition', 'handleQueryChange', 'handleOptionSelect', 'debouncedOnInputChange', 'debouncedQueryChange', 'navigateOptions', 'selectChange', 'radioChange', 'treeNodeClick', 'nodeCheckClick', 'buildSelectConfig', 'buildRadioConfig', 'onMouseenterNative', 'onMouseleaveNative', 'onCopying', 'resetFilter'];
 var initStateAdd = function initStateAdd(_ref) {
@@ -17,3 +17,4 @@ var computed = _ref.computed,
     api = _ref.api,
-    parent = _ref.parent;
+    parent = _ref.parent,
+    emitter = _ref.emitter;
   return {
@@ -35,3 +36,2 @@ selectedTags: [],
     selectFiexd: {},
-    createdLabel: null,
     isSilentBlur: false,
@@ -42,2 +42,3 @@ cachedOptions: [],
     inputHovering: false,
+    createdLabel: null,
     createdSelected: false,
@@ -55,2 +56,3 @@ isOnComposition: false,
     popperElm: null,
+    selectEmitter: emitter(),
     debounce: computed(function () {
@@ -76,2 +78,5 @@ return isNumber(props.queryDebounce) ? props.queryDebounce : props.remote ? 300 : 0;
       return props.allowCopy && !props.multiple && props.filterable;
+    }),
+    filterOrSearch: computed(function () {
+      return props.filterable || props.searchable;
     })
@@ -92,6 +97,6 @@ };
     api: api,
-    parent: parent
+    parent: parent,
+    emitter: emitter
   });
   var state = reactive(_objectSpread(_objectSpread({}, stateAdd), {}, {
-    selectEmitter: emitter(),
     datas: [],
@@ -116,3 +121,3 @@ query: '',
     readonly: computed(function () {
-      return props.readonly || !props.filterable || props.multiple || browserInfo.name !== BROWSER_NAME.IE && browserInfo.name !== BROWSER_NAME.Edge && !state.visible;
+      return props.readonly || !props.filterable || props.searchable || props.multiple || browserInfo.name !== BROWSER_NAME.IE && browserInfo.name !== BROWSER_NAME.Edge && !state.visible;
     }),
@@ -363,2 +368,6 @@ iconClass: computed(function () {
       state: state
+    }),
+    resetFilter: resetFilter({
+      state: state,
+      api: api
     })
@@ -625,4 +634,5 @@ });
   }, function (value) {
-    if ((props.filterable || props.remote) && !value) {
-      refs.reference.blur();
+    if ((state.filterOrSearch || props.remote) && !value) {
+      var _refs$reference;
+      (_refs$reference = refs.reference) === null || _refs$reference === void 0 ? void 0 : _refs$reference.blur();
     }
@@ -629,0 +639,0 @@ api.watchVisible(value);

slider/index.js

@@ -82,3 +82,3 @@ import { KEY_CODE } from '@opentiny/vue-renderless/common';
     var isClickBar = hasClass(handleEl, constants.sliderCls(mode)) || hasClass(handleEl, constants.rangeCls(mode));
-    var isClickBtn = hasClass(handleEl, constants.buttonCls(mode));
+    var isClickBtn = hasClass(handleEl, constants.buttonCls(mode)) || hasClass(handleEl, constants.leftSvgCls(mode)) || hasClass(handleEl, constants.rightSvgCls(mode));
     if (state.disabled || !isClickBtn && !isClickBar) {
@@ -198,3 +198,3 @@ state.activeIndex = -1;
   var previousElementSibling = event.target.previousElementSibling;
-  return state.isDouble && hasClass(previousElementSibling, cls);
+  return state.isDouble && (hasClass(previousElementSibling, cls) || event.target.className.baseVal === 'tiny-slider-right-svg');
 };
@@ -228,3 +228,3 @@ export var getActiveButtonIndex = function getActiveButtonIndex(_ref9) {
       currentValue -= stepValue;
-      currentValue += stepValue * 2 > step ? +step : 0;
+      currentValue += stepValue * 2 > step ? Number(step) : 0;
     }
@@ -311,10 +311,13 @@ if (state.isDouble) {
       if (index === 0) {
-        state.leftBtnValue = Math.max(+item, props.min);
+        state.leftBtnValue = Math.max(Number(item), props.min);
       } else {
-        state.rightBtnValue = Math.min(+item, props.max);
+        state.rightBtnValue = Math.min(Number(item), props.max);
         state.rightBtnShow = true;
       }
-      api.changeActiveValue(index === 0);
+      if (state.isInit) {
+        api.changeActiveValue(index === 0);
+      }
       api.setButtonStyle();
     });
+    state.isInit = false;
     api.setBarStyle();
@@ -379,7 +382,2 @@ };
 };
-export var customAppearHook = function customAppearHook() {
-  return function (el) {
-    el.style.transition = 'all 0.5s';
-  };
-};
 export var customAfterAppearHook = function customAfterAppearHook(_ref16) {
@@ -386,0 +384,0 @@ var state = _ref16.state,

slider/vue.js

@@ -1,3 +0,3 @@
-import { bindKeyDown, bindMouseDown, bindMouseMove, bindMouseUp, bindEvent, unBindEvent, bindResize, setTipStyle, getActiveButtonIndex, setActiveButtonValue, setBarStyle, setButtonStyle, initSlider, calculateValue, changeActiveValue, formatTipValue, getActiveButtonValue, displayTip, hideTip, autoSlider, customBeforeAppearHook, customAppearHook, customAfterAppearHook, watchActiveValue, watchModelValue } from './index';
-export var api = ['state', 'bindKeyDown', 'bindMouseDown', 'bindMouseMove', 'bindMouseUp', 'bindEvent', 'unBindEvent', 'bindResize', 'setTipStyle', 'getActiveButtonIndex', 'setActiveButtonValue', 'setBarStyle', 'setButtonStyle', 'initSlider', 'calculateValue', 'changeActiveValue', 'formatTipValue', 'getActiveButtonValue', 'displayTip', 'hideTip', 'autoSlider', 'customBeforeAppearHook', 'customAppearHook', 'customAfterAppearHook'];
+import { bindKeyDown, bindMouseDown, bindMouseMove, bindMouseUp, bindEvent, unBindEvent, bindResize, setTipStyle, getActiveButtonIndex, setActiveButtonValue, setBarStyle, setButtonStyle, initSlider, calculateValue, changeActiveValue, formatTipValue, getActiveButtonValue, displayTip, hideTip, autoSlider, customBeforeAppearHook, customAfterAppearHook, watchActiveValue, watchModelValue } from './index';
+export var api = ['state', 'bindKeyDown', 'bindMouseDown', 'bindMouseMove', 'bindMouseUp', 'bindEvent', 'unBindEvent', 'bindResize', 'setTipStyle', 'getActiveButtonIndex', 'setActiveButtonValue', 'setBarStyle', 'setButtonStyle', 'initSlider', 'calculateValue', 'changeActiveValue', 'formatTipValue', 'getActiveButtonValue', 'displayTip', 'hideTip', 'autoSlider', 'customBeforeAppearHook', 'customAfterAppearHook'];
 var initState = function initState(_ref) {
@@ -13,2 +13,3 @@ var reactive = _ref.reactive,
     moveStyle: [],
+    isInit: true,
     isDrag: false,
@@ -107,3 +108,2 @@ sliderSize: 0,
     customBeforeAppearHook: customBeforeAppearHook(props),
-    customAppearHook: customAppearHook(),
     bindEvent: bindEvent(api),
@@ -110,0 +110,0 @@ autoSlider: autoSlider(api),

split/vue.js

@@ -88,3 +88,3 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
     wrapperClasses: computed(function () {
-      return ["".concat(state.prefix, "-wrapper"), state.isMoving ? 'no-select' : ''];
+      return [state.prefix, "".concat(state.prefix, "-wrapper"), state.isMoving ? 'no-select' : ''];
     }),
@@ -91,0 +91,0 @@ paneClasses: computed(function () {

tab-nav/index.js

@@ -81,8 +81,2 @@ import { KEY_CODE, POSITION } from '@opentiny/vue-renderless/common';
     state.isActive && api.scrollIntoView();
-    if (refs.tabBar) {
-      refs.tabBar.state.barStyle = refs.tabBar.computedBarStyle(refs.tabBar, state);
-    } else {
-      var line = refs.nav.querySelector('tiny-mobile-tabs__line');
-      line && line.style && (line.style.transform = api.computedNavStyle().transform);
-    }
   };
@@ -89,0 +83,0 @@ };

tab-nav/vue.js

@@ -5,3 +5,2 @@ import { computedNavStyle, computedSizeName, updated, visibilityChangeHandler, windowBlurHandler, windowFocusHandler, scrollToActiveTab, scrollIntoView, mounted, moreTabShow, beforeUnmount, scrollPrev, scrollNext, changeTab, setFocus, removeFocus } from './index';
   var computed = _ref.computed,
-    watch = _ref.watch,
     inject = _ref.inject,
@@ -14,3 +13,2 @@ onBeforeUnmount = _ref.onBeforeUnmount,
     refs = _ref2.refs,
-    nextTick = _ref2.nextTick,
     tinyMode = _ref2.mode;
@@ -71,14 +69,2 @@ var api = {
   });
-  watch(function () {
-    return props.currentName;
-  }, function () {
-    nextTick(function () {
-      var tabBarVnode = refs.tabBar;
-      if (tabBarVnode) {
-        tabBarVnode.state.barStyle = tabBarVnode.computedBarStyle(tabBarVnode, state);
-      }
-    });
-  }, {
-    immediate: true
-  });
   Object.assign(api, {
@@ -85,0 +71,0 @@ updated: updated({

table/index.js

@@ -5,3 +5,3 @@ export var computedCheckableData = function computedCheckableData(_ref) {
     return props.data.filter(function (item) {
-      return !item['disabled'];
+      return !item.disabled;
     });
@@ -8,0 +8,0 @@ };

text-popup/index.js

 export var computedWidth = function computedWidth(_ref) {
   var props = _ref.props;
   return function () {
-    if (typeof props.width === 'number' || !Number.isNaN(+props.width)) {
+    if (typeof props.width === 'number' || !Number.isNaN(Number(props.width))) {
       return props.width + 'px';
@@ -28,4 +28,4 @@ }
   return function () {
-    state.text = refs['text'];
-    state.popup = refs['popup'];
+    state.text = refs.text;
+    state.popup = refs.popup;
     state.text.value = props.modelValue.toString();
@@ -74,4 +74,6 @@ };
 export var jointText = function jointText(str, separtor) {
-  if (separtor === ']') separtor = '\\' + separtor;
+  if (separtor === ']') {
+    separtor = '\\' + separtor;
+  }
   return str.replace(new RegExp("[".concat(separtor, "]"), 'g'), '\n');
 };

time-range/index.js

@@ -21,4 +21,8 @@ import { clearMilliseconds, timeWithinRange, limitTimeRange, modifyDate } from '@opentiny/vue-renderless/common/deps/date-util';
   return function () {
-    if ((state.format || '').indexOf('A') !== -1) return 'A';
-    if ((state.format || '').indexOf('a') !== -1) return 'a';
+    if ((state.format || '').indexOf('A') !== -1) {
+      return 'A';
+    }
+    if ((state.format || '').indexOf('a') !== -1) {
+      return 'a';
+    }
     return '';
@@ -25,0 +29,0 @@ };

time-spinner/index.js

@@ -36,3 +36,5 @@ import { modifyTime } from '@opentiny/vue-renderless/common/deps/date-util';
   return function (type, value) {
-    if (state[type] === value) return;
+    if (state[type] === value) {
+      return;
+    }
     switch (type) {
@@ -121,3 +123,5 @@ case 'hours':
   return function (type, value) {
-    if (props.arrowControl) return;
+    if (props.arrowControl) {
+      return;
+    }
     var el = refs[type].$refs.wrap;
@@ -149,3 +153,5 @@ if (el) {
       }
-      if (hoursArr[now]) return;
+      if (hoursArr[now]) {
+        return;
+      }
     } else {
@@ -161,6 +167,10 @@ now = (now + step + 60) % 60;
     var shouldShowAmPm = props.amPmMode.toLowerCase() === 'a';
-    if (!shouldShowAmPm) return '';
+    if (!shouldShowAmPm) {
+      return '';
+    }
     var isCapital = props.amPmMode === 'A';
     var content = hour < 12 ? ' am' : ' pm';
-    if (isCapital) content = content.toUpperCase();
+    if (isCapital) {
+      content = content.toUpperCase();
+    }
     return content;
@@ -167,0 +177,0 @@ };

time/index.js

@@ -71,3 +71,5 @@ import { limitTimeRange, clearMilliseconds, timeWithinRange } from '@opentiny/vue-renderless/common/deps/date-util';
     var first = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-    if (first) return;
+    if (first) {
+      return;
+    }
     var date = clearMilliseconds(limitTimeRange(state.date, state.selectableRange, state.format));
@@ -74,0 +76,0 @@ emit('pick', date, visible, first);

toggle-menu/index.js

 import { xss } from '@opentiny/vue-renderless/common/xss.js';
+import { isObject } from '@opentiny/vue-renderless/common/type';
 export var filterNode = function filterNode(props) {
@@ -45,2 +46,12 @@ return function (value, data) {
       });
+    } else if (typeof service.getMenuDataAsync === 'function') {
+      var asyncMenuData = service.getMenuDataAsync();
+      if (isObject(asyncMenuData) && asyncMenuData.then) {
+        asyncMenuData.then(function (data) {
+          state.datas = api.setMenuKey({
+            newData: [],
+            menuData: data
+          });
+        });
+      }
     }
@@ -47,0 +58,0 @@ };

toggle-menu/vue.js

@@ -29,3 +29,4 @@ import { initData, computedPlaceholder, hideNodeText, filterNode, searchNodeText, nodeClick, nodeExpand, nodeCollapse, nodeDragEnd, nodeDragEnter, nodeDragLeave, nodeDragOver, nodeDragStart, nodeDrop, clickA } from './index';
   service = {
-    getMenuDataSync: props.getMenuDataSync || service.base.getMenuDataSync
+    getMenuDataSync: props.getMenuDataSync || service.base.getMenuDataSync,
+    getMenuDataAsync: props.getMenuDataAsync
   };
@@ -32,0 +33,0 @@ Object.assign(api, {

tooltip/index.js

 import debounce from '@opentiny/vue-renderless/common/deps/debounce';
 import { on, off, addClass, removeClass } from '@opentiny/vue-renderless/common/deps/dom';
-export var show = function show(api) {
+export var show = function show(_ref) {
+  var api = _ref.api,
+    state = _ref.state,
+    props = _ref.props;
   return function () {
+    if (props.visible === 'auto') {
+      var _state$referenceElm = state.referenceElm,
+        clientWidth = _state$referenceElm.clientWidth,
+        scrollWidth = _state$referenceElm.scrollWidth;
+      if (scrollWidth <= clientWidth) {
+        return;
+      }
+    }
     api.setExpectedState(true);
@@ -15,5 +26,5 @@ api.handleShowPopper();
 };
-export var handleFocus = function handleFocus(_ref) {
-  var api = _ref.api,
-    state = _ref.state;
+export var handleFocus = function handleFocus(_ref2) {
+  var api = _ref2.api,
+    state = _ref2.state;
   return function () {
@@ -24,5 +35,5 @@ state.focusing = true;
 };
-export var handleBlur = function handleBlur(_ref2) {
-  var api = _ref2.api,
-    state = _ref2.state;
+export var handleBlur = function handleBlur(_ref3) {
+  var api = _ref3.api,
+    state = _ref3.state;
   return function () {
@@ -38,5 +49,5 @@ state.focusing = false;
 };
-export var handleShowPopper = function handleShowPopper(_ref3) {
-  var props = _ref3.props,
-    state = _ref3.state;
+export var handleShowPopper = function handleShowPopper(_ref4) {
+  var props = _ref4.props,
+    state = _ref4.state;
   return function () {
@@ -57,6 +68,6 @@ if (!state.expectedState || props.manual) {
 };
-export var handleClosePopper = function handleClosePopper(_ref4) {
-  var api = _ref4.api,
-    props = _ref4.props,
-    state = _ref4.state;
+export var handleClosePopper = function handleClosePopper(_ref5) {
+  var api = _ref5.api,
+    props = _ref5.props,
+    state = _ref5.state;
   return function () {
@@ -76,5 +87,5 @@ if (props.enterable && state.expectedState || props.manual) {
 };
-export var setExpectedState = function setExpectedState(_ref5) {
-  var api = _ref5.api,
-    state = _ref5.state;
+export var setExpectedState = function setExpectedState(_ref6) {
+  var api = _ref6.api,
+    state = _ref6.state;
   return function (value) {
@@ -87,5 +98,5 @@ if (state.expectedState === false) {
 };
-export var destroyed = function destroyed(_ref6) {
-  var state = _ref6.state,
-    api = _ref6.api;
+export var destroyed = function destroyed(_ref7) {
+  var state = _ref7.state,
+    api = _ref7.api;
   return function () {
@@ -103,5 +114,5 @@ var reference = state.referenceElm;
 };
-export var debounceClose = function debounceClose(_ref7) {
-  var api = _ref7.api,
-    props = _ref7.props;
+export var debounceClose = function debounceClose(_ref8) {
+  var api = _ref8.api,
+    props = _ref8.props;
   return debounce(props.closeDelay, function () {
@@ -120,5 +131,5 @@ api.handleClosePopper();
 };
-export var focusHandler = function focusHandler(_ref8) {
-  var slots = _ref8.slots,
-    api = _ref8.api;
+export var focusHandler = function focusHandler(_ref9) {
+  var slots = _ref9.slots,
+    api = _ref9.api;
   return function () {
@@ -138,6 +149,6 @@ if (!slots["default"] || !slots["default"]().length) {
 };
-export var bindEvent = function bindEvent(_ref9) {
-  var api = _ref9.api,
-    state = _ref9.state,
-    vm = _ref9.vm;
+export var bindEvent = function bindEvent(_ref10) {
+  var api = _ref10.api,
+    state = _ref10.state,
+    vm = _ref10.vm;
   return function (reference) {
@@ -163,6 +174,6 @@ var referenceElm = null;
 };
-export var bindPopper = function bindPopper(_ref10) {
-  var vm = _ref10.vm,
-    refs = _ref10.refs,
-    nextTick = _ref10.nextTick;
+export var bindPopper = function bindPopper(_ref11) {
+  var vm = _ref11.vm,
+    refs = _ref11.refs,
+    nextTick = _ref11.nextTick;
   return function (el) {
@@ -173,3 +184,3 @@ nextTick(function () {
     if (vm.popperVM) {
-      refs['popper'] || (refs['popper'] = vm.popperVM.$el);
+      refs.popper || (refs.popper = vm.popperVM.$el);
       nextTick(function () {
@@ -176,0 +187,0 @@ if (vm.modelValue) {

tooltip/vue.js

@@ -70,3 +70,7 @@ import { bindEvent, show, hide, handleFocus, handleBlur, removeFocusing, handleShowPopper, handleClosePopper, setExpectedState, destroyed, debounceClose, watchFocusing, bindPopper, focusHandler } from './index';
     updatePopper: updatePopper,
-    show: show(api),
+    show: show({
+      api: api,
+      state: state,
+      props: props
+    }),
     hide: hide(api),
@@ -73,0 +77,0 @@ destroyed: destroyed({

tree-menu/index.js

@@ -56,3 +56,5 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
   return function (value, data) {
-    if (!value) return true;
+    if (!value) {
+      return true;
+    }
     return data.label.indexOf(value) !== -1;
@@ -59,0 +61,0 @@ };

tree-node/index.js

@@ -209,3 +209,5 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
   return function (event) {
-    if (!state.tree.draggable) return;
+    if (!state.tree.draggable) {
+      return;
+    }
     state.tree.state.emitter.emit('tree-node-drag-start', event, vm);
@@ -218,3 +220,5 @@ };
   return function (event) {
-    if (!state.tree.draggable) return;
+    if (!state.tree.draggable) {
+      return;
+    }
     state.tree.state.emitter.emit('tree-node-drag-over', event, vm);
@@ -245,3 +249,3 @@ event.preventDefault();
     var property = tree.props || {};
-    var childrenKey = property['children'] || 'children';
+    var childrenKey = property.children || 'children';
     fn(childrenKey);
@@ -248,0 +252,0 @@ if (props.node.expanded) {

tree/index.js

@@ -82,4 +82,6 @@ import { getNodeKey as innerGetNodekey } from '@opentiny/vue-renderless/common/deps/tree-model/util';
     }
-    if (!event.dataTransfer) return false;
-    event.dataTransfer.effectAllowed = 'move';
+    if (!event.dataTransfer) {
+      return false;
+    }
+    event.dataTransfer.effectAllowed = 'copy';
     try {
@@ -140,3 +142,3 @@ event.dataTransfer.setData('text/plain', '');
   }
-  event.dataTransfer.dropEffect = dropInner ? 'move' : 'none';
+  event.dataTransfer.dropEffect = dropInner ? 'copy' : 'none';
   if ((dropPrev || dropInner || dropNext) && oldDropNode !== dropNode) {
@@ -183,3 +185,5 @@ oldDropNode && emit('node-drag-leave', draggingNode.node, oldDropNode.node, event);
     var draggingNode = dragState.draggingNode;
-    if (!draggingNode || !dropNode) return;
+    if (!draggingNode || !dropNode) {
+      return;
+    }
     var _getDragDir = getDragDir({
@@ -216,3 +220,3 @@ draggingNode: draggingNode,
     }
-    event.dataTransfer.dropEffect = 'move';
+    event.dataTransfer.dropEffect = 'copy';
     if (draggingNode && dropNode) {
@@ -294,3 +298,5 @@ var draggingNodeCopy = {
   var nodeKey = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 'id';
-  if (currentStore.flag || !Array.isArray(root.childNodes)) return;
+  if (currentStore.flag || !Array.isArray(root.childNodes)) {
+    return;
+  }
   for (var i = 0; i < root.childNodes.length; i++) {
@@ -371,3 +377,5 @@ var child = root.childNodes[i];
   return function (value) {
-    if (!props.filterNodeMethod) throw new Error('[Tree] filterNodeMethod is required when filter');
+    if (!props.filterNodeMethod) {
+      throw new Error('[Tree] filterNodeMethod is required when filter');
+    }
     state.store.filter(value);
@@ -385,5 +393,9 @@ };
   return function (data) {
-    if (!props.nodeKey) throw new Error('[Tree] nodeKey is required in getNodePath');
+    if (!props.nodeKey) {
+      throw new Error('[Tree] nodeKey is required in getNodePath');
+    }
     var node = state.store.getNode(data);
-    if (!node) return [];
+    if (!node) {
+      return [];
+    }
     var path = [node.data];
@@ -418,3 +430,5 @@ var parent = node.parent;
   return function () {
-    if (!props.nodeKey) throw new Error('[Tree] nodeKey is required in getCurrentKey');
+    if (!props.nodeKey) {
+      throw new Error('[Tree] nodeKey is required in getCurrentKey');
+    }
     var currentNode = api.getCurrentNode();
@@ -428,3 +442,5 @@ return currentNode ? currentNode[props.nodeKey] : null;
   return function (nodes, leafOnly) {
-    if (!props.nodeKey) throw new Error('[Tree] nodeKey is required in setCheckedNodes');
+    if (!props.nodeKey) {
+      throw new Error('[Tree] nodeKey is required in setCheckedNodes');
+    }
     state.store.setCheckedNodes(nodes, leafOnly);
@@ -437,3 +453,5 @@ };
   return function (keys, leafOnly) {
-    if (!props.nodeKey) throw new Error('[Tree] nodeKey is required in setCheckedKeys');
+    if (!props.nodeKey) {
+      throw new Error('[Tree] nodeKey is required in setCheckedKeys');
+    }
     state.store.setCheckedKeys(keys, leafOnly);
@@ -461,3 +479,5 @@ };
   return function (node) {
-    if (!props.nodeKey) throw new Error('[Tree] nodeKey is required in setCurrentNode');
+    if (!props.nodeKey) {
+      throw new Error('[Tree] nodeKey is required in setCurrentNode');
+    }
     state.store.setUserCurrentNode(node);
@@ -470,3 +490,5 @@ };
   return function (key) {
-    if (!props.nodeKey) throw new Error('[Tree] nodeKey is required in setCurrentKey');
+    if (!props.nodeKey) {
+      throw new Error('[Tree] nodeKey is required in setCurrentKey');
+    }
     state.store.setCurrentNodeKey(key);
@@ -509,3 +531,5 @@ };
   return function (key, data) {
-    if (!props.nodeKey) throw new Error('[Tree] nodeKey is required in updateKeyChild');
+    if (!props.nodeKey) {
+      throw new Error('[Tree] nodeKey is required in updateKeyChild');
+    }
     state.store.updateChildren(key, data);
@@ -533,3 +557,5 @@ };
     var currentItem = event.target;
-    if (currentItem.className.indexOf('tiny-tree-node') === -1) return;
+    if (currentItem.className.indexOf('tiny-tree-node') === -1) {
+      return;
+    }
     var keyCode = event.keyCode;
@@ -579,3 +605,5 @@ state.treeItems = vm.$el.querySelectorAll('.is-focusable[role=treeitem]');
       });
-      if (isFound) break;
+      if (isFound) {
+        break;
+      }
     }
@@ -599,3 +627,5 @@ }
       });
-      if (isFound) break;
+      if (isFound) {
+        break;
+      }
     }
@@ -608,8 +638,14 @@ }
   return function () {
-    if (!props.showRadio) return;
-    if (!props.nodeKey) throw new Error('[Tree] nodeKey is required in setCurrentRadio');
+    if (!props.showRadio) {
+      return;
+    }
+    if (!props.nodeKey) {
+      throw new Error('[Tree] nodeKey is required in setCurrentRadio');
+    }
     var nodeKey = props.nodeKey;
     var defaultCheckedKeys = props.defaultCheckedKeys || [];
     var checkedKey = defaultCheckedKeys.length ? defaultCheckedKeys[0] : null;
-    if (!checkedKey) return;
+    if (!checkedKey) {
+      return;
+    }
     init({
@@ -616,0 +652,0 @@ state: state,

upload/index.js

@@ -49,4 +49,3 @@ import { KEY_CODE } from '@opentiny/vue-renderless/common';
 export var uploadFiles = function uploadFiles(_ref3) {
-  var api = _ref3.api,
-    state = _ref3.state,
+  var state = _ref3.state,
     constants = _ref3.constants,
@@ -57,5 +56,15 @@ Modal = _ref3.Modal,
   return function (files) {
-    if (props.limit && props.fileList.length + files.length > props.limit) {
-      props.onExceed && props.onExceed(files, props.fileList);
-      return;
+    var limit = props.limit,
+      fileList = props.fileList;
+    if (limit) {
+      var fileCount = fileList.length + files.length;
+      if (fileCount > limit) {
+        props.onExceed && props.onExceed(files, fileList);
+        return;
+      } else if (fileCount === limit) {
+        Modal.message({
+          message: "".concat(t('ui.upload.limitUploadFileNumber'), "\uFF1A").concat(limit),
+          status: 'info'
+        });
+      }
     }
@@ -62,0 +71,0 @@ var postFiles = Array.prototype.slice.call(files);

user-contact/index.js

 export var getUserHref = function getUserHref(_ref) {
-  var api = _ref.api,
-    props = _ref.props;
+  var props = _ref.props;
   return function () {
     var href = 'javascript:;';
     if (!props.isNewImMode) {
-      var data = props.data;
-      var userDescription = data.userDescription ? data.userDescription.toLocaleLowerCase() : '';
       href = 'javascript:;';
@@ -10,0 +7,0 @@ }

user-head/index.js

@@ -13,4 +13,3 @@ export var computedStyle = function computedStyle(_ref) {
 };
-export var computedMessage = function computedMessage(_ref2) {
-  var props = _ref2.props;
+export var computedMessage = function computedMessage(props) {
   return function () {
@@ -28,5 +27,5 @@ var result = '';
 };
-export var computedFontSize = function computedFontSize(_ref3) {
-  var props = _ref3.props,
-    state = _ref3.state;
+export var computedFontSize = function computedFontSize(_ref2) {
+  var props = _ref2.props,
+    state = _ref2.state;
   return function () {
@@ -51,5 +50,5 @@ var fontSize = '';
 };
-export var computedLabel = function computedLabel(_ref4) {
-  var state = _ref4.state,
-    props = _ref4.props;
+export var computedLabel = function computedLabel(_ref3) {
+  var state = _ref3.state,
+    props = _ref3.props;
   return function () {
@@ -59,6 +58,5 @@ return props.min ? state.internalValue.substr(0, 2) : state.internalValue.substr(0, 6);
 };
-export var getInternalValue = function getInternalValue(_ref5) {
-  var props = _ref5.props;
+export var getInternalValue = function getInternalValue(props) {
   return function () {
-    if (props.modelValue === null) {
+    if (!props.modelValue) {
       var result = '';
@@ -75,2 +73,26 @@ if (props.type === 'icon') {
   };
+};
+export var computedSize = function computedSize(_ref4) {
+  var props = _ref4.props,
+    state = _ref4.state;
+  return function () {
+    var size = props.size;
+    if (typeof size === 'string') {
+      switch (size) {
+        case 'large':
+          size = 64;
+          break;
+        case 'medium':
+          size = 40;
+          break;
+        case 'small':
+          size = 22;
+          break;
+        default:
+          size = 40;
+          break;
+      }
+    }
+    return size;
+  };
 };

user-head/vue.js

@@ -1,2 +0,2 @@
-import { computedMessage, computedStyle, computedFontSize, computedLabel, getInternalValue } from './index';
+import { computedMessage, computedStyle, computedFontSize, computedLabel, getInternalValue, computedSize } from './index';
 export var api = ['state'];
@@ -7,8 +7,4 @@ export var renderless = function renderless(props, _ref) {
   var api = {
-    computedMessage: computedMessage({
-      props: props
-    }),
-    getInternalValue: getInternalValue({
-      props: props
-    })
+    computedMessage: computedMessage(props),
+    getInternalValue: getInternalValue(props)
   };
@@ -30,2 +26,5 @@ var state = reactive({
       return api.computedFontSize();
+    }),
+    size: computed(function () {
+      return api.computedSize();
     })
@@ -46,2 +45,6 @@ });
       state: state
+    }),
+    computedSize: computedSize({
+      props: props,
+      state: state
     })
@@ -48,0 +51,0 @@ });

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

1864063

increased by22.62%

Number of package files

471

increased by18.64%

Lines of code

60869

increased by22.74%

Worsened metrics

Dev dependency count

24

increased by84.62%

Dependency changes

• + Added@babel/runtime@7.18.3(transitive)

• + Addedregenerator-runtime@0.13.11(transitive)

• - Removed@babel/runtime@7.25.6(transitive)

• - Removedregenerator-runtime@0.14.1(transitive)

• Updated@babel/runtime@7.18.3