@opentiny/vue-renderless 3.5.0 → 3.6.0-alpha.1

package/multi-select/vue.js

@@ -0,0 +1,120 @@
+import { created, handleClick, confirm, reset, wheelChange, clickWheelItem, loadDefault } from './index';
+export var api = ['state', 'created', 'handleClick', 'confirm', 'reset', 'wheelChange', 'clickWheelItem', 'loadDefault'];
+var initState = function initState(reactive) {
+  var state = reactive({
+    dataSource: [],
+    wheelData: [],
+    headerIndex: -1,
+    showWheel: false,
+    labelLevelsInfo: [],
+    labelsStyle: [],
+    wheelIndex: [],
+    wheelText: '',
+    headerInfo: [],
+    defaultSelectedIndexs: [],
+    defaultSelectedArray: []
+  });
+  return state;
+};
+var initApi = function initApi(_ref) {
+  var api = _ref.api,
+    props = _ref.props,
+    state = _ref.state,
+    emit = _ref.emit,
+    nextTick = _ref.nextTick,
+    refs = _ref.refs;
+  Object.assign(api, {
+    state: state,
+    created: created({
+      props: props,
+      state: state,
+      refs: refs,
+      nextTick: nextTick
+    }),
+    handleClick: handleClick({
+      api: api,
+      props: props,
+      state: state
+    }),
+    confirm: confirm({
+      state: state,
+      emit: emit
+    }),
+    reset: reset({
+      api: api,
+      props: props,
+      state: state,
+      emit: emit
+    }),
+    wheelChange: wheelChange(state),
+    clickWheelItem: clickWheelItem({
+      state: state,
+      emit: emit
+    }),
+    loadDefault: loadDefault({
+      props: props,
+      state: state
+    })
+  });
+};
+var initWatch = function initWatch(_ref2) {
+  var watch = _ref2.watch,
+    props = _ref2.props,
+    state = _ref2.state,
+    refs = _ref2.refs,
+    nextTick = _ref2.nextTick;
+  watch(function () {
+    return props.dataSource;
+  }, function () {
+    api.created({
+      props: props,
+      state: state,
+      refs: refs,
+      nextTick: nextTick
+    });
+  });
+  watch(function () {
+    return props.defaultSelectedArray;
+  }, function () {
+    api.created({
+      props: props,
+      state: state,
+      refs: refs,
+      nextTick: nextTick
+    });
+  });
+};
+export var renderless = function renderless(props, _ref3, _ref4) {
+  var onMounted = _ref3.onMounted,
+    reactive = _ref3.reactive,
+    watch = _ref3.watch;
+  var emit = _ref4.emit,
+    nextTick = _ref4.nextTick,
+    refs = _ref4.refs;
+  var api = {};
+  var state = initState(reactive);
+  initApi({
+    api: api,
+    props: props,
+    state: state,
+    emit: emit,
+    nextTick: nextTick,
+    refs: refs
+  });
+  initWatch({
+    watch: watch,
+    props: props,
+    state: state,
+    refs: refs,
+    nextTick: nextTick
+  });
+  onMounted(function () {
+    api.created({
+      props: props,
+      state: state,
+      refs: refs,
+      nextTick: nextTick
+    });
+  });
+  return api;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/vue-renderless",
-  "version": "3.5.0",
+  "version": "3.6.0-alpha.1",
   "description": "@opentiny/vue-renderless",
   "repository": {
     "type": "git",

package/pull-refresh/index.js

@@ -1,76 +1,116 @@
+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 { on, off } from '@opentiny/vue-renderless/common/deps/dom';
-export var onTouchstart = function onTouchstart(_ref) {
-  var state = _ref.state;
+export var initPullRefresh = function initPullRefresh(_ref) {
+  var t = _ref.t,
+    props = _ref.props,
+    state = _ref.state;
+  return function () {
+    var _props$loosingText, _props$successText, _props$failedText;
+    var defaultOption = {
+      pullingUpText: t('ui.pullRefresh.pullingUp'),
+      pullingDownText: t('ui.pullRefresh.pullingDown'),
+      pullUpDisabled: false,
+      pullDownDisabled: false,
+      headHeight: 50,
+      footHeight: 50
+    };
+    state.pullUp = _objectSpread(_objectSpread({}, defaultOption), props.pullUp);
+    state.pullDown = _objectSpread(_objectSpread({}, defaultOption), props.pullDown);
+    state.refreshStyle = {
+      paddingTop: state.pullDown.headHeight + 'px',
+      paddingBottom: state.pullUp.footHeight + 'px'
+    };
+    state.loosingText = (_props$loosingText = props.loosingText) !== null && _props$loosingText !== void 0 ? _props$loosingText : t('ui.pullRefresh.loosing');
+    state.successText = (_props$successText = props.successText) !== null && _props$successText !== void 0 ? _props$successText : t('ui.pullRefresh.success');
+    state.failedText = (_props$failedText = props.failedText) !== null && _props$failedText !== void 0 ? _props$failedText : t('ui.pullRefresh.failed');
+  };
+};
+export var onTouchstart = function onTouchstart(state) {
   return function (event) {
     state.draggposition = event.touches[0].clientY;
   };
 };
-export var onTouchmove = function onTouchmove(_ref2) {
-  var refs = _ref2.refs,
-    state = _ref2.state;
+export var onTouchmove = function onTouchmove(state) {
   return function (event) {
-    if (!state.disabled) {
-      if (event.touches[0].clientY < state.draggposition || refs.track.parentNode.scrollTop > 10) {
-        return;
+    if (event.touches[0].clientY < state.draggposition) {
+      if (!state.pullUp.pullUpDisabled) {
+        state.translate3d = (event.touches[0].clientY - state.draggposition) / 2;
+        state.pullUpReplaces = Math.abs(state.translate3d) > state.pullUp.footHeight ? state.loosingText : state.pullUp.pullingUpText;
+        state.pullDownReplaces = '';
       }
-      state.replaces = state.pullingText;
-      state.animationDuration = 0;
-      state.translate3d = (event.touches[0].clientY - state.draggposition) / 2;
-      state.styleObj = {
-        'transition-duration': '0ms',
-        transform: 'translate3d(0px,' + state.translate3d + 'px,0px)'
-      };
-      state.checkStatus = false;
-      if (state.translate3d > state.headHeight) {
-        state.replaces = state.loosingText;
-      } else {
-        state.replaces = state.pullingText;
+    } else {
+      if (!state.pullDown.pullDownDisabled) {
+        state.translate3d = (event.touches[0].clientY - state.draggposition) / 2;
+        state.pullDownReplaces = Math.abs(state.translate3d) > state.pullDown.headHeight ? state.loosingText : state.pullDown.pullingDownText;
+        state.pullUpReplaces = '';
       }
     }
+    state.animationDuration = 0;
+    state.pullUpLoading = false;
+    state.pullDownLoading = false;
   };
 };
-export var onTouchend = function onTouchend(_ref3) {
-  var emit = _ref3.emit,
-    props = _ref3.props,
-    state = _ref3.state;
+export var onTouchend = function onTouchend(_ref2) {
+  var api = _ref2.api,
+    props = _ref2.props,
+    state = _ref2.state;
   return function () {
     state.animationDuration = props.animationDuration;
-    if (state.translate3d >= state.headHeight) {
-      state.translate3d = state.headHeight;
-      state.checkStatus = true;
-      state.styleObj = {
-        'transition-duration': state.animationDuration + 'ms',
-        transform: 'translate3d(0px,' + state.translate3d + 'px,0px)'
-      };
-      emit('update:modelValue', true);
-      emit('refresh');
+    if (Math.abs(state.translate3d) >= state.pullDown.headHeight || Math.abs(state.translate3d) >= state.pullUp.footHeight) {
+      if (state.translate3d >= 0) {
+        state.translate3d = state.pullDown.headHeight;
+        var handler = state.pullDown.handler;
+        var pullDownPromise = handler && handler();
+        state.pullDownLoading = true;
+        if (pullDownPromise !== null && pullDownPromise !== void 0 && pullDownPromise.then) {
+          pullDownPromise.then(function () {
+            api.handlerModelValue('down', 'success');
+          }, function (e) {
+            console.log(e);
+            api.handlerModelValue('down', 'failed');
+          });
+          return;
+        }
+        console.error(new Error('handler down is not promise'));
+      } else {
+        state.translate3d = -state.pullUp.footHeight;
+        var _handler = state.pullUp.handler;
+        var pullUpPromise = _handler && _handler();
+        state.pullUpLoading = true;
+        if (pullUpPromise !== null && pullUpPromise !== void 0 && pullUpPromise.then) {
+          pullUpPromise.then(function () {
+            api.handlerModelValue('up', 'success');
+          }, function (e) {
+            console.log(e);
+            api.handlerModelValue('up', 'failed');
+          });
+          return;
+        }
+        console.error(new Error('handler up is not promise'));
+      }
+      api.clearPullRefresh();
     } else {
-      state.styleObj = {
-        'transition-duration': state.animationDuration + 'ms'
-      };
-      state.translate3d = 0;
-      state.checkStatus = false;
-      state.replaces = '';
+      state.pullUpLoading = false;
+      state.pullDownLoading = false;
+      api.clearPullRefresh();
     }
   };
 };
-export var mountedHandler = function mountedHandler(_ref4) {
-  var api = _ref4.api,
-    refs = _ref4.refs,
-    state = _ref4.state;
+export var mountedHandler = function mountedHandler(_ref3) {
+  var api = _ref3.api,
+    refs = _ref3.refs;
   return function () {
-    state.styleObj = {
-      'transition-duration': state.animationDuration + 'ms'
-    };
     var track = refs.track;
     on(track, 'touchstart', api.onTouchstart);
     on(track, 'touchmove', api.onTouchmove);
     on(track, 'touchend', api.onTouchend);
   };
 };
-export var beforeUnmountHandler = function beforeUnmountHandler(_ref5) {
-  var api = _ref5.api,
-    refs = _ref5.refs;
+export var beforeUnmountHandler = function beforeUnmountHandler(_ref4) {
+  var api = _ref4.api,
+    refs = _ref4.refs;
   return function () {
     var track = refs.track;
     off(track, 'touchstart', api.onTouchstart);
@@ -78,27 +118,26 @@ export var beforeUnmountHandler = function beforeUnmountHandler(_ref5) {
     off(track, 'touchend', api.onTouchend);
   };
 };
-export var watchModelValue = function watchModelValue(_ref6) {
-  var value = _ref6.value,
-    state = _ref6.state;
-  if (!value) {
-    if (state.successText) {
-      state.checkStatus = false;
-      state.replaces = state.successText;
-      setTimeout(function () {
-        state.translate3d = 0;
-        state.styleObj = {
-          'transition-duration': state.animationDuration + 'ms'
-        };
-        state.replaces = '';
-      }, state.successDuration);
+export var handlerModelValue = function handlerModelValue(_ref5) {
+  var api = _ref5.api,
+    state = _ref5.state;
+  return function (value, result) {
+    state.pullUpLoading = false;
+    state.pullDownLoading = false;
+    if (value === 'down') {
+      state.pullDownReplaces = state["".concat(result, "Text")];
     } else {
-      state.translate3d = 0;
-      state.checkStatus = false;
-      state.replaces = '';
-      state.styleObj = {
-        'transition-duration': state.animationDuration + 'ms'
-      };
+      state.pullUpReplaces = state["".concat(result, "Text")];
     }
-  }
+    setTimeout(function () {
+      api.clearPullRefresh();
+    }, state.successDuration);
+  };
+};
+export var clearPullRefresh = function clearPullRefresh(state) {
+  return function () {
+    state.translate3d = 0;
+    state.pullUpReplaces = '';
+    state.pullDownReplaces = '';
+  };
 };

package/pull-refresh/vue.js

@@ -1,64 +1,69 @@
-import { mountedHandler, beforeUnmountHandler, watchModelValue, onTouchstart, onTouchmove, onTouchend } from './index';
+import { mountedHandler, beforeUnmountHandler, handlerModelValue, onTouchstart, onTouchmove, onTouchend, initPullRefresh, clearPullRefresh } from './index';
 export var api = ['state'];
 export var renderless = function renderless(props, _ref, _ref2) {
   var computed = _ref.computed,
     onMounted = _ref.onMounted,
     reactive = _ref.reactive,
-    watch = _ref.watch,
     onBeforeUnmount = _ref.onBeforeUnmount;
-  var refs = _ref2.refs,
-    emit = _ref2.emit;
+  var t = _ref2.t,
+    refs = _ref2.refs;
   var api = {};
   var state = reactive({
-    replaces: '',
-    styleObj: {},
+    pullUpReplaces: '',
+    pullDownReplaces: '',
+    refreshStyle: {},
     translate3d: 0,
     draggposition: 0,
-    value: props.modelValue,
-    checkStatus: false,
-    headHeight: props.headHeight,
-    pullingText: props.pullingText,
-    loosingText: props.loosingText,
-    successText: props.successText,
+    pullUpLoading: false,
+    pullDownLoading: false,
+    loosingText: '',
+    successText: '',
+    failedText: '',
+    pullUp: null,
+    pullDown: null,
     successDuration: props.successDuration,
-    animationDuration: props.animationDuration,
-    disabled: computed(function () {
-      return props.disabled;
-    })
+    animationDuration: props.animationDuration
   });
   Object.assign(api, {
     state: state,
-    onTouchstart: onTouchstart({
-      state: state
-    }),
-    onTouchmove: onTouchmove({
-      refs: refs,
-      state: state
-    }),
+    onTouchstart: onTouchstart(state),
+    onTouchmove: onTouchmove(state),
     onTouchend: onTouchend({
-      emit: emit,
+      api: api,
       props: props,
       state: state
     }),
     mountedHandler: mountedHandler({
       api: api,
-      refs: refs,
-      state: state
+      refs: refs
     }),
     beforeUnmountHandler: beforeUnmountHandler({
       api: api,
       refs: refs
-    })
+    }),
+    handlerModelValue: handlerModelValue({
+      api: api,
+      state: state
+    }),
+    initPullRefresh: initPullRefresh({
+      t: t,
+      props: props,
+      state: state
+    }),
+    clearPullRefresh: clearPullRefresh(state)
   });
-  watch(function () {
-    return props.modelValue;
-  }, function (value) {
-    watchModelValue({
-      value: value,
+  onMounted(function () {
+    api.mountedHandler({
+      api: api,
+      refs: refs,
+      state: state
+    });
+    api.initPullRefresh({
+      t: t,
+      props: props,
       state: state
     });
   });
-  onMounted(api.mountedHandler);
   onBeforeUnmount(api.beforeUnmountHandler);
   return api;
 };

package/rate/index.js

@@ -191,7 +191,7 @@ export var computedDecimalStyle = function computedDecimalStyle(_ref10) {
   var clipPath = '';
   var fontSize = '';
   if (props.disabled) {
-    width = "".concat(props.modelValue * 100 - Math.floor(props.modelValue) * 100 < 50 ? 0 : 50, "%");
+    width = "".concat(props.modelValue * 100 - Math.floor(props.modelValue) * 100 < 50 ? 0 : 100, "%");
   } else if (props.allowHalf) {
     var reactSize = props.size ? Math.ceil(parseInt(props.size) / 2) + 'px' : '6px';
     clip = "rect(0px, ".concat(reactSize, ", ").concat(props.size || '14px', ", 0px)");

package/slider/index.js

@@ -221,7 +221,7 @@ var calcCurrentValue = function calcCurrentValue(_ref10) {
   } else {
     var step = props.step > 0 ? props.step : 1;
     var stepValue = (currentValue - props.min) % step;
-    if (stepValue) {
+    if (stepValue > props.step / 10) {
       currentValue -= stepValue;
       currentValue += stepValue * 2 > step ? Number(step) : 0;
     }

package/split/index.js

@@ -93,6 +93,7 @@ export var handleMousedown = function handleMousedown(_ref8) {
     props = _ref8.props,
     state = _ref8.state;
   return function (event) {
+    if (state.collapsed) return;
     state.initOffset = state.isHorizontal ? event.pageX : event.pageY;
     state.oldOffset = props.modelValue;
     state.isMoving = true;
@@ -119,4 +120,12 @@ export var computeOffset = function computeOffset(_ref9) {
       state.offset = props.modelValue * 10000 / 100;
     }
   };
+};
+export var handleCollapse = function handleCollapse(_ref10) {
+  var emit = _ref10.emit,
+    state = _ref10.state;
+  return function () {
+    state.collapsed = !state.collapsed;
+    emit('collapsedChange', state.collapsed);
+  };
 };

package/split/vue.js

@@ -1,9 +1,9 @@
 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 { px2percent, getComputedThresholdValue, getleftTopMin, getrightBottomMin, getAnotherOffset, handleMove, handleUp, handleMousedown, computeOffset } from './index';
+import { px2percent, getComputedThresholdValue, getleftTopMin, getrightBottomMin, getAnotherOffset, handleMove, handleUp, handleMousedown, computeOffset, handleCollapse } from './index';
 import { on, off } from '@opentiny/vue-renderless/common/deps/dom';
-export var api = ['state', 'handleMousedown'];
+export var api = ['state', 'handleMousedown', 'handleCollapse'];
 export var useOffset = function useOffset(_ref) {
   var nextTick = _ref.nextTick,
     props = _ref.props,
@@ -89,7 +89,8 @@ export var renderless = function renderless(props, hooks, _ref2) {
     }),
     paneClasses: computed(function () {
       return ["".concat(state.prefix, "-pane"), _defineProperty({}, "".concat(state.prefix, "-pane-moving"), state.isMoving)];
-    })
+    }),
+    collapsed: false
   }, getUseOffset.state));
   Object.assign(api, _objectSpread(_objectSpread({
     state: state,
@@ -120,6 +121,10 @@ export var renderless = function renderless(props, hooks, _ref2) {
       props: props,
       state: state
     }),
+    handleCollapse: handleCollapse({
+      emit: emit,
+      state: state
+    }),
     getComputedThresholdValue: getComputedThresholdValue({
       api: api,
       props: props,

package/switch/index.js

@@ -9,9 +9,12 @@ export var toggle = function toggle(_ref) {
     if (state.disabled) {
       return false;
     }
-    state.currentValue = state.currentValue === props.trueValue ? props.falseValue : props.trueValue;
-    emit('update:modelValue', state.currentValue);
-    emit('change', state.currentValue);
+    var change = function change() {
+      state.currentValue = state.currentValue === props.trueValue ? props.falseValue : props.trueValue;
+      emit('update:modelValue', state.currentValue);
+      emit('change', state.currentValue);
+    };
+    props.beforeChange ? props.beforeChange(change) : change();
   };
 };
 export var computedWarpClasses = function computedWarpClasses(_ref2) {

package/switch/vue.js

@@ -54,7 +54,7 @@ export var renderless = function renderless(props, _ref, _ref2) {
   watch(function () {
     return props.modelValue;
   }, function (value) {
-    state.currentValue = value;
+    state.currentValue = typeof props.falseValue !== 'boolean' || typeof props.trueValue !== 'boolean' ? value : Boolean(value);
   }, {
     immediate: true
   });

package/tab-nav/index.js

@@ -6,8 +6,7 @@ export var computedNavStyle = function computedNavStyle(state) {
   var dir = ~[POSITION.Top, POSITION.Bottom].indexOf(state.rootTabs.position) ? 'X' : 'Y';
   if (state.mode === 'mobile') {
     return {
-      transform: "translate".concat(dir, "(").concat(state.lineOffset, "px) translate").concat(dir, "(-50%)"),
-      width: "".concat(state.lineWidth, "px")
+      transform: "translate".concat(dir, "(").concat(state.lineOffset, "px) translate").concat(dir, "(-50%)")
     };
   } else {
     return {
@@ -56,7 +55,6 @@ export var updated = function updated(_ref2) {
         if (item.classList && item.classList.contains('is-active')) {
           var line = item.querySelector('.tiny-mobile-tabs__name');
           state.isActive = true;
-          state.lineWidth = line.offsetWidth;
           state.lineOffset = item.offsetLeft + item.offsetWidth / 2;
         }
       });
@@ -238,4 +236,29 @@ export var moreTabShow = function moreTabShow(state) {
       state.showMoreItem = true;
     }
   };
+};
+export var expandTabShow = function expandTabShow(_ref8) {
+  var api = _ref8.api,
+    state = _ref8.state;
+  return function () {
+    state.showExpandItem = !state.showExpandItem;
+    if (state.showExpandItem) {
+      api.computedHeaderStyle();
+    }
+  };
+};
+export var expandTabHide = function expandTabHide(state) {
+  return function () {
+    return state.showExpandItem = false;
+  };
+};
+export var computedHeaderStyle = function computedHeaderStyle(_ref9) {
+  var refs = _ref9.refs,
+    state = _ref9.state;
+  return function () {
+    if (refs.nav) {
+      state.expandHeaderStyle[state.sizeName] = refs.nav["offset".concat(capitalize(state.sizeName))] + 'px';
+    }
+    return state.expandHeaderStyle;
+  };
 };

package/tab-nav/vue.js

@@ -1,5 +1,5 @@
-import { computedNavStyle, computedSizeName, updated, visibilityChangeHandler, windowBlurHandler, windowFocusHandler, scrollToActiveTab, scrollIntoView, mounted, moreTabShow, beforeUnmount, scrollPrev, scrollNext, changeTab, setFocus, removeFocus } from './index';
-export var api = ['state', 'setFocus', 'removeFocus', 'scrollPrev', 'scrollNext', 'changeTab', 'scrollToActiveTab', 'scrollIntoView', 'moreTabShow', 'swiperHandle'];
+import { computedNavStyle, computedSizeName, updated, visibilityChangeHandler, windowBlurHandler, windowFocusHandler, scrollToActiveTab, scrollIntoView, mounted, moreTabShow, expandTabShow, expandTabHide, computedHeaderStyle, beforeUnmount, scrollPrev, scrollNext, changeTab, setFocus, removeFocus } from './index';
+export var api = ['state', 'setFocus', 'removeFocus', 'scrollPrev', 'scrollNext', 'changeTab', 'scrollToActiveTab', 'scrollIntoView', 'moreTabShow', 'expandTabShow', 'expandTabHide', 'computedHeaderStyle', 'swiperHandle'];
 export var renderless = function renderless(props, _ref, _ref2) {
   var computed = _ref.computed,
     inject = _ref.inject,
@@ -19,14 +19,16 @@ export var renderless = function renderless(props, _ref, _ref2) {
   var state = reactive({
     navOffset: 0,
     lineOffset: 0,
-    lineWidth: 0,
     scrollable: false,
     isFocus: false,
     focusable: false,
     showMoreItem: false,
     isActive: false,
     showMoreTabs: props.showMoreTabs,
-    mode: props._mode || parent.$mode || (tinyMode ? tinyMode.value : 'pc'),
+    showExpandItem: false,
+    showExpandTabs: props.showExpandTabs,
+    expandHeaderStyle: {},
+    mode: props._mode || parent.$mode || (tinyMode ? tinyMode : 'pc'),
     rootTabs: inject('rootTabs'),
     sizeName: computed(function () {
       return api.computedSizeName(state);
@@ -40,6 +42,11 @@ export var renderless = function renderless(props, _ref, _ref2) {
     setFocus: setFocus(state),
     removeFocus: removeFocus(state),
     moreTabShow: moreTabShow(state),
+    expandTabShow: expandTabShow({
+      api: api,
+      state: state
+    }),
+    expandTabHide: expandTabHide(state),
     scrollPrev: scrollPrev({
       refs: refs,
       state: state
@@ -62,6 +69,10 @@ export var renderless = function renderless(props, _ref, _ref2) {
       parent: parent,
       refs: refs,
       state: state
+    }),
+    computedHeaderStyle: computedHeaderStyle({
+      refs: refs,
+      state: state
     })
   });
   Object.assign(api, {