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

package/select/vue.js

@@ -2,17 +2,18 @@ import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import { 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';
 import browserInfo from '@opentiny/vue-renderless/common/browser';
 import debounce from '@opentiny/vue-renderless/common/deps/debounce';
 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) {
   var computed = _ref.computed,
     props = _ref.props,
     api = _ref.api,
-    parent = _ref.parent;
+    parent = _ref.parent,
+    emitter = _ref.emitter;
   return {
     selectedTags: [],
     tips: '',
@@ -29,12 +30,12 @@ var initStateAdd = function initStateAdd(_ref) {
     inputLength: 20,
     optionsCount: 0,
     selectFiexd: {},
-    createdLabel: null,
     isSilentBlur: false,
     cachedOptions: [],
     selectedLabel: '',
     previousQuery: null,
     inputHovering: false,
+    createdLabel: null,
     createdSelected: false,
     isOnComposition: false,
     cachedPlaceHolder: props.placeholder,
@@ -47,6 +48,7 @@ var initStateAdd = function initStateAdd(_ref) {
     currentKey: props.modelValue,
     updateId: '',
     popperElm: null,
+    selectEmitter: emitter(),
     debounce: computed(function () {
       return isNumber(props.queryDebounce) ? props.queryDebounce : props.remote ? 300 : 0;
     }),
@@ -67,6 +69,9 @@ var initStateAdd = function initStateAdd(_ref) {
     }),
     searchSingleCopy: computed(function () {
       return props.allowCopy && !props.multiple && props.filterable;
+    }),
+    filterOrSearch: computed(function () {
+      return props.filterable || props.searchable;
     })
   };
 };
@@ -82,10 +87,10 @@ var initState = function initState(_ref2) {
     computed: computed,
     props: props,
     api: api,
-    parent: parent
+    parent: parent,
+    emitter: emitter
   });
   var state = reactive(_objectSpread(_objectSpread({}, stateAdd), {}, {
-    selectEmitter: emitter(),
     datas: [],
     query: '',
     options: [],
@@ -105,7 +110,7 @@ var initState = function initState(_ref2) {
       };
     }),
     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;
     }),
     iconClass: computed(function () {
       return state.visible ? '' : constants.CLASS.IsReverse;
@@ -351,6 +356,10 @@ var addApi = function addApi(_ref3) {
       props: props,
       refs: refs,
       state: state
+    }),
+    resetFilter: resetFilter({
+      state: state,
+      api: api
     })
   });
 };
@@ -612,8 +621,9 @@ var initWatch = function initWatch(_ref6) {
   watch(function () {
     return state.visible;
   }, 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();
     }
     api.watchVisible(value);
   });

package/select-dropdown/index.js

@@ -10,7 +10,7 @@ export var mounted = function mounted(_ref) {
     selectEmitter.on(constants.EVENT_NAME.updatePopper, function (keepZIndex) {
       var hideDrop = false;
       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;
       }
       if (parent.select.state.visible && !hideDrop) {

package/slider/index.js

@@ -79,7 +79,7 @@ export var bindMouseDown = function bindMouseDown(_ref3) {
     }
     var handleEl = event.target;
     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) {
       state.activeIndex = -1;
       return;
@@ -194,7 +194,7 @@ var getActiveButtonIndexFlag = function getActiveButtonIndexFlag(_ref8) {
     mode = _ref8.mode;
   var cls = constants.buttonCls(mode);
   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');
 };
 export var getActiveButtonIndex = function getActiveButtonIndex(_ref9) {
   var constants = _ref9.constants,
@@ -223,7 +223,7 @@ var calcCurrentValue = function calcCurrentValue(_ref10) {
     var stepValue = (currentValue - props.min) % step;
     if (stepValue) {
       currentValue -= stepValue;
-      currentValue += stepValue * 2 > step ? +step : 0;
+      currentValue += stepValue * 2 > step ? Number(step) : 0;
     }
     if (state.isDouble) {
       if (state.activeIndex === 0 && currentValue >= state.rightBtnValue) {
@@ -305,14 +305,17 @@ export var initSlider = function initSlider(_ref14) {
     sliders.length > 2 && (sliders.length = 2);
     sliders.forEach(function (item, index) {
       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();
   };
 };
@@ -372,11 +375,6 @@ export var customBeforeAppearHook = function customBeforeAppearHook(props) {
     }
   };
 };
-export var customAppearHook = function customAppearHook() {
-  return function (el) {
-    el.style.transition = 'all 0.5s';
-  };
-};
 export var customAfterAppearHook = function customAfterAppearHook(_ref16) {
   var state = _ref16.state,
     props = _ref16.props;

package/slider/vue.js

@@ -1,5 +1,5 @@
-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) {
   var reactive = _ref.reactive,
     computed = _ref.computed,
@@ -10,6 +10,7 @@ var initState = function initState(_ref) {
     tipStyle: {},
     barStyle: {},
     moveStyle: [],
+    isInit: true,
     isDrag: false,
     sliderSize: 0,
     showTip: false,
@@ -103,7 +104,6 @@ export var renderless = function renderless(props, _ref2, _ref3) {
       props: props
     }),
     customBeforeAppearHook: customBeforeAppearHook(props),
-    customAppearHook: customAppearHook(),
     bindEvent: bindEvent(api),
     autoSlider: autoSlider(api),
     unBindEvent: unBindEvent(api),

package/split/vue.js

@@ -85,7 +85,7 @@ export var renderless = function renderless(props, hooks, _ref2) {
       return api.getComputedThresholdValue('rightBottomMin');
     }),
     wrapperClasses: computed(function () {
-      return ["".concat(state.prefix, "-wrapper"), state.isMoving ? 'no-select' : ''];
+      return [state.prefix, "".concat(state.prefix, "-wrapper"), state.isMoving ? 'no-select' : ''];
     }),
     paneClasses: computed(function () {
       return ["".concat(state.prefix, "-pane"), _defineProperty({}, "".concat(state.prefix, "-pane-moving"), state.isMoving)];

package/tab-nav/index.js

@@ -78,12 +78,6 @@ export var updated = function updated(_ref2) {
       }
     }
     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);
-    }
   };
 };
 export var mounted = function mounted(_ref3) {

package/tab-nav/vue.js

@@ -2,7 +2,6 @@ import { computedNavStyle, computedSizeName, updated, visibilityChangeHandler, w
 export var api = ['state', 'setFocus', 'removeFocus', 'scrollPrev', 'scrollNext', 'changeTab', 'scrollToActiveTab', 'scrollIntoView', 'moreTabShow', 'swiperHandle'];
 export var renderless = function renderless(props, _ref, _ref2) {
   var computed = _ref.computed,
-    watch = _ref.watch,
     inject = _ref.inject,
     onBeforeUnmount = _ref.onBeforeUnmount,
     onMounted = _ref.onMounted,
@@ -10,7 +9,6 @@ export var renderless = function renderless(props, _ref, _ref2) {
     reactive = _ref.reactive;
   var parent = _ref2.parent,
     refs = _ref2.refs,
-    nextTick = _ref2.nextTick,
     tinyMode = _ref2.mode;
   var api = {
     mounted: mounted,
@@ -66,18 +64,6 @@ export var renderless = function renderless(props, _ref, _ref2) {
       state: state
     })
   });
-  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, {
     updated: updated({
       api: api,

package/table/index.js

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

package/text-popup/index.js

@@ -1,7 +1,7 @@
 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';
     }
     return props.width;
@@ -25,8 +25,8 @@ export var mounted = function mounted(_ref3) {
     refs = _ref3.refs,
     state = _ref3.state;
   return function () {
-    state.text = refs['text'];
-    state.popup = refs['popup'];
+    state.text = refs.text;
+    state.popup = refs.popup;
     state.text.value = props.modelValue.toString();
   };
 };
@@ -70,6 +70,8 @@ export var separteText = function separteText(str, separtor) {
   return str.replace(/\n/g, separtor);
 };
 export var jointText = function jointText(str, separtor) {
-  if (separtor === ']') separtor = '\\' + separtor;
+  if (separtor === ']') {
+    separtor = '\\' + separtor;
+  }
   return str.replace(new RegExp("[".concat(separtor, "]"), 'g'), '\n');
 };

package/time/index.js

@@ -68,7 +68,9 @@ export var handleConfirm = function handleConfirm(_ref6) {
   return function () {
     var visible = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
     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));
     emit('pick', date, visible, first);
   };

package/time-range/index.js

@@ -18,8 +18,12 @@ export var advanceTime = function advanceTime(api) {
 };
 export var compuAmPmMode = function compuAmPmMode(state) {
   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 '';
   };
 };

package/time-spinner/index.js

@@ -33,7 +33,9 @@ export var modifyDateField = function modifyDateField(_ref) {
     props = _ref.props,
     state = _ref.state;
   return function (type, value) {
-    if (state[type] === value) return;
+    if (state[type] === value) {
+      return;
+    }
     switch (type) {
       case 'hours':
         emit('change', modifyTime(props.date, value, state.minutes, state.seconds));
@@ -117,7 +119,9 @@ export var adjustSpinner = function adjustSpinner(_ref8) {
     props = _ref8.props,
     refs = _ref8.refs;
   return function (type, value) {
-    if (props.arrowControl) return;
+    if (props.arrowControl) {
+      return;
+    }
     var el = refs[type].$refs.wrap;
     if (el) {
       el.scrollTop = Math.max(0, value * api.typeItemHeight(type));
@@ -144,7 +148,9 @@ export var scrollDown = function scrollDown(_ref9) {
           total--;
         }
       }
-      if (hoursArr[now]) return;
+      if (hoursArr[now]) {
+        return;
+      }
     } else {
       now = (now + step + 60) % 60;
     }
@@ -155,10 +161,14 @@ export var scrollDown = function scrollDown(_ref9) {
 export var amPm = function amPm(props) {
   return function (hour) {
     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;
   };
 };

package/toggle-menu/index.js

@@ -1,4 +1,5 @@
 import { xss } from '@opentiny/vue-renderless/common/xss.js';
+import { isObject } from '@opentiny/vue-renderless/common/type';
 export var filterNode = function filterNode(props) {
   return function (value, data) {
     var node = data[props.props.label || 'label'] || '';
@@ -42,6 +43,16 @@ export var initData = function initData(_ref2) {
         newData: [],
         menuData: menuData
       });
+    } 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
+          });
+        });
+      }
     }
   };
 };

package/toggle-menu/vue.js

@@ -26,7 +26,8 @@ export var renderless = function renderless(props, _ref, _ref2) {
     base: {}
   };
   service = {
-    getMenuDataSync: props.getMenuDataSync || service.base.getMenuDataSync
+    getMenuDataSync: props.getMenuDataSync || service.base.getMenuDataSync,
+    getMenuDataAsync: props.getMenuDataAsync
   };
   Object.assign(api, {
     state: state,

package/tooltip/index.js

@@ -1,7 +1,18 @@
 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);
     api.handleShowPopper();
   };
@@ -12,17 +23,17 @@ export var hide = function hide(api) {
     api.debounceClose();
   };
 };
-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 () {
     state.focusing = true;
     api.show();
   };
 };
-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 () {
     state.focusing = false;
     api.hide();
@@ -33,9 +44,9 @@ export var removeFocusing = function removeFocusing(state) {
     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 () {
     if (!state.expectedState || props.manual) {
       return;
@@ -51,10 +62,10 @@ export var handleShowPopper = function handleShowPopper(_ref3) {
     }
   };
 };
-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 () {
     if (props.enterable && state.expectedState || props.manual) {
       return;
@@ -69,9 +80,9 @@ export var handleClosePopper = function handleClosePopper(_ref4) {
     }
   };
 };
-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) {
     if (state.expectedState === false) {
       clearTimeout(api.timeoutPending);
@@ -79,9 +90,9 @@ export var setExpectedState = function setExpectedState(_ref5) {
     state.expectedState = value;
   };
 };
-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 () {
     var reference = state.referenceElm;
     state.showPopper = false;
@@ -94,9 +105,9 @@ export var destroyed = function destroyed(_ref6) {
     }
   };
 };
-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 () {
     api.handleClosePopper();
   });
@@ -110,9 +121,9 @@ export var watchFocusing = function watchFocusing(state) {
     }
   };
 };
-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 () {
     if (!slots["default"] || !slots["default"]().length) {
       api.handleFocus();
@@ -127,10 +138,10 @@ export var focusHandler = function focusHandler(_ref8) {
     }
   };
 };
-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) {
     var referenceElm = null;
     if (vm.$el.nodeType === 8) {
@@ -151,16 +162,16 @@ export var bindEvent = function bindEvent(_ref9) {
     on(referenceElm, 'click', api.removeFocusing);
   };
 };
-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) {
     nextTick(function () {
       return vm.bindEvent(el);
     });
     if (vm.popperVM) {
-      refs['popper'] || (refs['popper'] = vm.popperVM.$el);
+      refs.popper || (refs.popper = vm.popperVM.$el);
       nextTick(function () {
         if (vm.modelValue) {
           vm.updatePopper();

package/tooltip/vue.js

@@ -67,7 +67,11 @@ export var renderless = function renderless(props, _ref2, _ref3) {
     state: state,
     doDestroy: doDestroy,
     updatePopper: updatePopper,
-    show: show(api),
+    show: show({
+      api: api,
+      state: state,
+      props: props
+    }),
     hide: hide(api),
     destroyed: destroyed({
       state: state,