y-design-ssr 0.0.21 → 0.0.24

package/libs/tab.js

@@ -2,11 +2,11 @@
 	if(typeof exports === 'object' && typeof module === 'object')
 		module.exports = factory(require("vue"));
 	else if(typeof define === 'function' && define.amd)
-		define(["vue"], factory);
-	else {
-		var a = typeof exports === 'object' ? factory(require("vue")) : factory(root["vue"]);
-		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
-	}
+		define("yui-lib", ["vue"], factory);
+	else if(typeof exports === 'object')
+		exports["yui-lib"] = factory(require("vue"));
+	else
+		root["yui-lib"] = factory(root["vue"]);
 })(this, function(__WEBPACK_EXTERNAL_MODULE__4103__) {
 return /******/ (function() { // webpackBootstrap
 /******/ 	var __webpack_modules__ = ({
@@ -30,6 +30,51 @@ function _arrayLikeToArray(arr, len) {
 
 /***/ }),
 
+/***/ 2137:
+/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Z": function() { return /* binding */ _asyncToGenerator; }
+/* harmony export */ });
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+  try {
+    var info = gen[key](arg);
+    var value = info.value;
+  } catch (error) {
+    reject(error);
+    return;
+  }
+
+  if (info.done) {
+    resolve(value);
+  } else {
+    Promise.resolve(value).then(_next, _throw);
+  }
+}
+
+function _asyncToGenerator(fn) {
+  return function () {
+    var self = this,
+        args = arguments;
+    return new Promise(function (resolve, reject) {
+      var gen = fn.apply(self, args);
+
+      function _next(value) {
+        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+      }
+
+      function _throw(err) {
+        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+      }
+
+      _next(undefined);
+    });
+  };
+}
+
+/***/ }),
+
 /***/ 6156:
 /***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
@@ -115,6 +160,44 @@ function _slicedToArray(arr, i) {
 
 /***/ }),
 
+/***/ 7329:
+/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "Z": function() { return /* binding */ _toConsumableArray; }
+});
+
+// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js
+var arrayLikeToArray = __webpack_require__(676);
+;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js
+
+function _arrayWithoutHoles(arr) {
+  if (Array.isArray(arr)) return (0,arrayLikeToArray/* default */.Z)(arr);
+}
+;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/iterableToArray.js
+function _iterableToArray(iter) {
+  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+}
+// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js
+var unsupportedIterableToArray = __webpack_require__(2961);
+;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js
+function _nonIterableSpread() {
+  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js
+
+
+
+
+function _toConsumableArray(arr) {
+  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || (0,unsupportedIterableToArray/* default */.Z)(arr) || _nonIterableSpread();
+}
+
+/***/ }),
+
 /***/ 2961:
 /***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
@@ -133,6 +216,14 @@ function _unsupportedIterableToArray(o, minLen) {
   if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return (0,_arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__/* .default */ .Z)(o, minLen);
 }
 
+/***/ }),
+
+/***/ 7757:
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+
+module.exports = __webpack_require__(5666);
+
+
 /***/ }),
 
 /***/ 874:
@@ -142,11 +233,14 @@ function _unsupportedIterableToArray(o, minLen) {
 
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, {
+  "tG": function() { return /* reexport */ setRelation; },
   "jQ": function() { return /* reexport */ useRelation; }
 });
 
-// UNUSED EXPORTS: filterChildren, setRelation, sortChildren
+// UNUSED EXPORTS: filterChildren, sortChildren
 
+// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js
+var defineProperty = __webpack_require__(6156);
 // EXTERNAL MODULE: ./node_modules/core-js/modules/web.dom-collections.for-each.js
 var web_dom_collections_for_each = __webpack_require__(4747);
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.sort.js
@@ -172,7 +266,7 @@ var external_vue_ = __webpack_require__(4103);
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0,defineProperty/* default */.Z)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 
 
@@ -199,7 +293,7 @@ var filterChildren = function filterChildren(children) {
   var _filterChildren = function _filterChildren(childrens) {
     if (Array.isArray(childrens)) {
       childrens.forEach(function (child) {
-        if (isVNode(child)) {
+        if ((0,external_vue_.isVNode)(child)) {
           var _child$component;
 
           vnodes.push(child);
@@ -227,8 +321,8 @@ var sortChildren = function sortChildren(childrens, instance) {
   });
 };
 var setRelation = function setRelation(key) {
-  var instance = getCurrentInstance();
-  var childrens = reactive([]);
+  var instance = (0,external_vue_.getCurrentInstance)();
+  var childrens = (0,external_vue_.reactive)([]);
 
   var initProvide = function initProvide(value) {
     var addChild = function addChild(child) {
@@ -243,7 +337,7 @@ var setRelation = function setRelation(key) {
       childrens.splice(index, 1);
     };
 
-    provide(key, _objectSpread({
+    (0,external_vue_.provide)(key, _objectSpread({
       addChild: addChild,
       removeChild: removeChild,
       childrens: childrens
@@ -375,27 +469,43 @@ var langs = (0,external_vue_.reactive)({
 
 /***/ }),
 
-/***/ 2530:
+/***/ 279:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "pB": function() { return /* binding */ SWIPE_PROVIDE_KEY; }
+/* harmony export */   "pB": function() { return /* reexport safe */ _src_swipe__WEBPACK_IMPORTED_MODULE_1__.p; }
 /* harmony export */ });
-/* unused harmony exports Position, Align, swipeProps */
-/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2526);
-/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(1817);
-/* harmony import */ var core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(1539);
-/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(9653);
-/* harmony import */ var core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(8309);
+/* harmony import */ var core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _src_swipe__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(7832);
+/* harmony import */ var _src_constants__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(2530);
 
 
 
 
-var SWIPE_PROVIDE_KEY = Symbol('y-swipe');
+_src_swipe__WEBPACK_IMPORTED_MODULE_1__/* .default.install */ .Z.install = function (Vue) {
+  var name = _src_swipe__WEBPACK_IMPORTED_MODULE_1__/* .default.name */ .Z.name;
+  Vue.component(name, _src_swipe__WEBPACK_IMPORTED_MODULE_1__/* .default */ .Z);
+};
+
+
+
+
+/***/ }),
+
+/***/ 2530:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Ly": function() { return /* binding */ Position; },
+/* harmony export */   "xM": function() { return /* binding */ Align; },
+/* harmony export */   "Gn": function() { return /* binding */ swipeProps; }
+/* harmony export */ });
+/* harmony import */ var core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9653);
+/* harmony import */ var core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_0__);
+
 var Position;
 
 (function (Position) {
@@ -482,6 +592,583 @@ var swipeProps = {
 
 /***/ }),
 
+/***/ 7832:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "p": function() { return /* binding */ SWIPE_PROVIDE_KEY; }
+/* harmony export */ });
+/* harmony import */ var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(7329);
+/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(4699);
+/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(4103);
+/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(2526);
+/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(1817);
+/* harmony import */ var core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(1539);
+/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(9653);
+/* harmony import */ var core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(1249);
+/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony import */ var core_js_modules_es_array_fill_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(3290);
+/* harmony import */ var core_js_modules_es_array_fill_js__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_fill_js__WEBPACK_IMPORTED_MODULE_6__);
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(4105);
+/* harmony import */ var _swipeItem_src_swipeItem__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(7481);
+/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(2530);
+/* harmony import */ var _context_relation__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(874);
+
+
+
+
+
+
+
+
+
+
+/* eslint-disable max-statements */
+
+
+
+
+
+
+var _createNamespace = (0,_utils__WEBPACK_IMPORTED_MODULE_7__/* .createNamespace */ .do)('swipe'),
+    _createNamespace2 = (0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_11__/* .default */ .Z)(_createNamespace, 2),
+    name = _createNamespace2[0],
+    bem = _createNamespace2[1];
+
+var SWIPE_PROVIDE_KEY = Symbol(name);
+/* harmony default export */ __webpack_exports__["Z"] = ((0,vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent)({
+  name: name,
+  components: {
+    YSwipeItem: _swipeItem_src_swipeItem__WEBPACK_IMPORTED_MODULE_8__/* .default */ .Z
+  },
+  props: _constants__WEBPACK_IMPORTED_MODULE_9__/* .swipeProps */ .Gn,
+  setup: function setup(props, _ref) {
+    var slots = _ref.slots,
+        emit = _ref.emit,
+        expose = _ref.expose;
+
+    var _setRelation = (0,_context_relation__WEBPACK_IMPORTED_MODULE_10__/* .setRelation */ .tG)(SWIPE_PROVIDE_KEY),
+        initProvide = _setRelation.initProvide; // swipe item列表
+
+
+    var itemList = (0,vue__WEBPACK_IMPORTED_MODULE_0__.reactive)([]); // 当前Index
+
+    var activeIndex = (0,vue__WEBPACK_IMPORTED_MODULE_0__.ref)(Number(props.initIndex)); // 元素详情
+
+    var itemDetail = (0,vue__WEBPACK_IMPORTED_MODULE_0__.reactive)({
+      // 元素尺寸
+      size: 0,
+      // 间距
+      space: 0,
+      // 元素宽度比swipe小，占满整个视窗
+      isFillViewport: false
+    }); // track轨道
+
+    var trackDetail = (0,vue__WEBPACK_IMPORTED_MODULE_0__.reactive)({
+      // 偏移量
+      offset: 0,
+      // 视窗大小
+      viewportSize: 0,
+      // 重复节点个数
+      cloneNodeCount: 0
+    });
+    var swipeRef = (0,vue__WEBPACK_IMPORTED_MODULE_0__.ref)();
+    var swipeTrackRef = (0,vue__WEBPACK_IMPORTED_MODULE_0__.ref)();
+    /* -----------懒加载-------------*/
+
+    var getBooleanList = function getBooleanList() {
+      var l = itemList.length;
+      var result = [];
+
+      for (var i = 0; i < l; i++) {
+        result.push(!props.lazy);
+      }
+
+      return result;
+    }; // 检查某个位置是否已经加载，如果没有，进行加载
+
+
+    var checkItemShowed = function checkItemShowed() {
+      if (!props.lazy) return;
+      var itemSizeSpace = itemDetail.size + itemDetail.space;
+      var trackSize = itemList.length * itemSizeSpace; // 视窗左边相对track的距离
+
+      var viewportLeft = -(trackDetail.offset + dragDetail.offset) - trackDetail.cloneNodeCount * itemSizeSpace;
+
+      if (viewportLeft < 0) {
+        viewportLeft += trackSize;
+      } // 视窗右边相对track的距离
+
+
+      var viewportRight = viewportLeft + trackDetail.viewportSize;
+
+      for (var i = 0; i < itemList.length; i++) {
+        if (!itemShowedList.list[i]) {
+          // 元素相对track的距离
+          var left = itemSizeSpace * i;
+          var right = left + itemDetail.size; // 如果出现在视窗内
+
+          if (left >= viewportLeft && left < viewportRight || right > viewportLeft && right < viewportRight || left < viewportLeft && right > viewportRight) {
+            itemShowedList.list[i] = true;
+          }
+        }
+      }
+    }; // items是否加载
+
+
+    var itemShowedList = (0,vue__WEBPACK_IMPORTED_MODULE_0__.reactive)({
+      list: getBooleanList()
+    }); // 初始化加载情况
+
+    var initItemShowList = function initItemShowList() {
+      itemShowedList.list = getBooleanList();
+      checkItemShowed();
+    };
+
+    (0,vue__WEBPACK_IMPORTED_MODULE_0__.watch)(function () {
+      return (0,_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_12__/* .default */ .Z)(itemList);
+    }, initItemShowList);
+    /* -----------初始化-------------*/
+    // 计算初始的滑块/容器/间距宽度
+
+    var setItemSize = function setItemSize(itemSize, viewportSize) {
+      if (itemSize) {
+        itemDetail.size = (0,_utils__WEBPACK_IMPORTED_MODULE_7__/* .parsePercent */ .GM)(itemSize, viewportSize);
+      } else {
+        itemDetail.size = viewportSize;
+      }
+
+      itemDetail.space = Number(props.itemSpace) || 0;
+      itemDetail.isFillViewport = itemDetail.size >= viewportSize;
+      trackDetail.viewportSize = viewportSize;
+      trackDetail.cloneNodeCount = getCloneNodeCount();
+    }; // 得到重复元素数量
+
+
+    var getCloneNodeCount = function getCloneNodeCount() {
+      if (needLoop.value) {
+        // 除去当前显示，滑动过程中最大可能显示的宽度
+        var sizeSpace = itemDetail.size + itemDetail.space;
+        if (sizeSpace === 0) return 0;
+        var freeSize = trackDetail.viewportSize * 2 - sizeSpace;
+        var count = Math.ceil(freeSize / sizeSpace);
+        return Math.min(count, itemList.length - 1);
+      }
+
+      return 0;
+    };
+
+    var resize = function resize() {
+      if (!swipeRef.value) return; // 获取容器Size，itemSize
+
+      var _swipeRef$value$getBo = swipeRef.value.getBoundingClientRect(),
+          width = _swipeRef$value$getBo.width,
+          height = _swipeRef$value$getBo.height;
+
+      if (props.vertical) {
+        setItemSize(props.itemSize, height);
+      } else {
+        setItemSize(props.itemSize, width);
+      }
+
+      activeIndex.value = activeIndex.value >= itemList.length ? itemList.length - 1 : activeIndex.value;
+
+      if (activeIndex.value < 0) {
+        activeIndex.value = 0;
+      } // 初始化offset
+
+
+      updateTransform(activeIndex.value); // 初始化item加载情况
+
+      initItemShowList(); // 开始自动播放
+
+      startAutoplay();
+    };
+
+    (0,vue__WEBPACK_IMPORTED_MODULE_0__.onMounted)(function () {
+      (0,vue__WEBPACK_IMPORTED_MODULE_0__.nextTick)(resize).catch(function () {// do nothing
+      }); // 初始化事件监听
+
+      if (props.touchable && swipeRef.value) {
+        var swipeEl = swipeRef.value;
+        swipeEl.addEventListener('touchstart', onTouchStart, false);
+        swipeEl.addEventListener('mousedown', onTouchStart, false);
+        swipeEl.addEventListener('touchmove', onTouch, false);
+        swipeEl.addEventListener('mousemove', onTouch, false);
+        swipeEl.addEventListener('touchend', onTouchEnd, false);
+        swipeEl.addEventListener('mouseup', onTouchEnd, false);
+        swipeEl.addEventListener('mouseleave', onTouchEnd, false);
+        swipeEl.addEventListener('touchcancel', onTouchEnd, false);
+      }
+
+      window.addEventListener('resize', resize, false);
+      window.addEventListener('orientationchange', resize, false);
+    });
+    (0,vue__WEBPACK_IMPORTED_MODULE_0__.onBeforeUnmount)(function () {
+      stopAutoPlay();
+
+      if (props.touchable && swipeRef.value) {
+        var swipeEl = swipeRef.value;
+        swipeEl.removeEventListener('touchstart', onTouchStart, false);
+        swipeEl.removeEventListener('mousedown', onTouchStart, false);
+        swipeEl.removeEventListener('mousemove', onTouch, false);
+        swipeEl.removeEventListener('touchmove', onTouch, false);
+        swipeEl.removeEventListener('mouseup', onTouchEnd, false);
+        swipeEl.removeEventListener('touchend', onTouchEnd, false);
+        swipeEl.removeEventListener('mouseleave', onTouchEnd, false);
+        swipeEl.removeEventListener('touchcancel', onTouchEnd, false);
+      }
+
+      window.removeEventListener('resize', resize, false);
+      window.removeEventListener('orientationchange', resize, false);
+    });
+    /* -----------更新index-------------*/
+    // 滑块整体的对齐偏移，根据对齐方式计算
+
+    var positionOffset = (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(function () {
+      var offset = 0;
+
+      switch (props.align) {
+        case _constants__WEBPACK_IMPORTED_MODULE_9__/* .Align.start */ .xM.start:
+          offset = 0;
+          break;
+
+        case _constants__WEBPACK_IMPORTED_MODULE_9__/* .Align.center */ .xM.center:
+          offset = (trackDetail.viewportSize - itemDetail.size) / 2;
+          break;
+
+        case _constants__WEBPACK_IMPORTED_MODULE_9__/* .Align.end */ .xM.end:
+          offset = trackDetail.viewportSize - itemDetail.size;
+          break;
+
+        default:
+          offset = 0;
+      }
+
+      return offset;
+    });
+    var needLoop = (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(function () {
+      return props.loop && itemList.length > 1;
+    }); // 如果当前显示的是clone的item则会返回到原本item的位置
+
+    var updateTransform = function updateTransform(index) {
+      var itemSizeSpace = itemDetail.size + itemDetail.space;
+
+      if (needLoop.value) {
+        // track开始部分，重复元素数量
+        trackDetail.offset = -itemSizeSpace * (index + trackDetail.cloneNodeCount) + positionOffset.value;
+      } else {
+        trackDetail.offset = -itemSizeSpace * index + positionOffset.value; // 非循环类型并且非center的边缘item不留白
+
+        if (props.align !== 'center') {
+          if (index === 0) {
+            trackDetail.offset = 0;
+          }
+
+          if (index === itemList.length - 1) {
+            trackDetail.offset = -itemSizeSpace * index + trackDetail.viewportSize - itemDetail.size;
+          }
+        }
+      }
+    };
+
+    var afterChange = function afterChange() {
+      updateTransform(activeIndex.value);
+      emit('afterChange', activeIndex.value);
+    }; // 循环时index可能会超出列表范围，这里找到对应的index
+
+
+    var getIndex = function getIndex(index) {
+      return (itemList.length + index) % itemList.length;
+    };
+
+    var moveTo = function moveTo(index) {
+      var withAnimation = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+      activeIndex.value = getIndex(index);
+      updateTransform(index);
+      checkItemShowed();
+      emit('change', activeIndex.value);
+
+      if (withAnimation) {
+        dragDetail.transitionEnabled = true;
+
+        if (swipeTrackRef.value) {
+          swipeTrackRef.value.addEventListener('transitionend', function () {
+            dragDetail.transitionEnabled = false;
+            afterChange();
+          }, {
+            once: true
+          });
+        }
+      } else {
+        afterChange();
+      }
+    };
+
+    var prev = function prev() {
+      var withAnimation = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+      moveTo(activeIndex.value - 1, withAnimation);
+    };
+
+    var next = function next() {
+      var withAnimation = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+      moveTo(activeIndex.value + 1, withAnimation);
+    };
+    /* -----------自动播放-------------*/
+    // 停止自动轮播
+
+
+    var timer = null;
+
+    var stopAutoPlay = function stopAutoPlay() {
+      if (props.autoplayTime && timer) {
+        clearInterval(timer);
+      }
+    }; // 重置自动轮播
+
+
+    var startAutoplay = function startAutoplay() {
+      if (props.autoplayTime && itemList.length > 1) {
+        if (timer) {
+          clearInterval(timer);
+        }
+
+        timer = setInterval(function () {
+          next();
+        }, Number(props.autoplayTime));
+      }
+    };
+    /* -----------拖拽-------------*/
+    // 拖拽详情
+
+
+    var dragDetail = (0,vue__WEBPACK_IMPORTED_MODULE_0__.reactive)({
+      // 拖拽中
+      isDragging: false,
+      // 是否首次拖动
+      isFirstTouch: true,
+      // 拖拽起始位置X
+      startX: 0,
+      // 拖拽起始位置Y
+      startY: 0,
+      // 拖拽距离
+      offset: 0,
+      // 开始拖动时间
+      startTime: new Date(),
+      // 是否在执行动画
+      transitionEnabled: false
+    }); // 开始拖动
+
+    var onTouchStart = function onTouchStart(e) {
+      // 在执行动画期间，不允许滑动
+      if (dragDetail.transitionEnabled) {
+        return;
+      }
+
+      var clientX = 0;
+      var clientY = 0;
+
+      if ('touches' in e) {
+        clientX = e.touches[0].clientX;
+        clientY = e.touches[0].clientY;
+      } else {
+        clientX = e.clientX;
+        clientY = e.clientY;
+      }
+
+      dragDetail.startX = clientX;
+      dragDetail.startY = clientY;
+      dragDetail.isDragging = true;
+      dragDetail.isFirstTouch = true;
+      dragDetail.startTime = new Date();
+    }; // 拖拽中
+
+
+    var onTouch = function onTouch(e) {
+      if (!dragDetail.isDragging) {
+        return;
+      }
+
+      var clientX = 0;
+      var clientY = 0;
+
+      if ('touches' in e) {
+        clientX = e.touches[0].clientX;
+        clientY = e.touches[0].clientY;
+      } else {
+        clientX = e.clientX;
+        clientY = e.clientY;
+      }
+
+      var offsetX = clientX - dragDetail.startX;
+      var offsetY = clientY - dragDetail.startY;
+
+      if (dragDetail.isFirstTouch) {
+        dragDetail.isFirstTouch = false; // 根据首次滑动水平/垂直距离得到滑动方向
+
+        var isVerticalTouch = Math.abs(offsetX) < Math.abs(offsetY); // 若滑动方向不是轮播的方向，则停止滑动
+
+        if (isVerticalTouch !== props.vertical) {
+          dragDetail.isDragging = false;
+          return;
+        }
+      }
+
+      e.preventDefault();
+      dragDetail.offset = props.vertical ? offsetY : offsetX;
+      checkItemShowed();
+      emit('dragging', {
+        percent: dragDetail.offset / (itemDetail.size + itemDetail.space),
+        offset: dragDetail.offset
+      });
+    }; // 拖动结束
+
+
+    var onTouchEnd = function onTouchEnd() {
+      if (!dragDetail.isDragging) {
+        return;
+      }
+
+      dragDetail.isDragging = false;
+      var now = new Date();
+      var dragTime = now.getTime() - dragDetail.startTime.getTime();
+
+      if (canGoForward() && (Math.abs(dragDetail.offset) > minSwipeDistance.value || Math.abs(dragDetail.offset) / dragTime > 0.5)) {
+        // 滑动距离/速度足够，跳转到下一个位置
+        dragDetail.offset > 0 ? prev() : next();
+        dragDetail.offset = 0;
+      } else {
+        // 滑动距离不够，退回到之前的位置
+        dragDetail.offset = 0;
+      }
+
+      startAutoplay();
+    }; // 最小滑动距离
+
+
+    var minSwipeDistance = (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(function () {
+      return (0,_utils__WEBPACK_IMPORTED_MODULE_7__/* .parsePercent */ .GM)(props.minSwipeDistance, itemDetail.size + itemDetail.space);
+    }); // 是否能滑动到下一个
+
+    var canGoForward = function canGoForward() {
+      if (needLoop.value) {
+        return true;
+      }
+
+      var nextIndex = dragDetail.offset > 0 ? activeIndex.value - 1 : activeIndex.value + 1;
+      return nextIndex >= 0 && nextIndex < itemList.length;
+    };
+
+    var trackStyle = (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(function () {
+      var offset = dragDetail.isDragging && !props.isFollowHand ? trackDetail.offset : trackDetail.offset + dragDetail.offset;
+      var style = {};
+
+      if (props.vertical) {
+        style.transform = "translate3d(0, ".concat(offset, "px, 0)");
+        style.transitionDuration = dragDetail.transitionEnabled ? "".concat(props.duration, "ms") : '0ms';
+      } else {
+        style.transform = "translate3d(".concat(offset, "px, 0, 0)");
+        style.transitionDuration = dragDetail.transitionEnabled ? "".concat(props.duration, "ms") : '0ms';
+      }
+
+      if (dragDetail.isDragging) {
+        style.transition = 'none';
+      }
+
+      if (props.vertical) {
+        style.flexDirection = 'column';
+      }
+
+      if (props.autoHeight) {
+        style.display = 'block';
+        style.whiteSpace = 'nowrap';
+      }
+
+      return style;
+    });
+    var dotsClass = (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(function () {
+      var position = props.dotsPosition || (props.vertical ? _constants__WEBPACK_IMPORTED_MODULE_9__/* .Position.left */ .Ly.left : _constants__WEBPACK_IMPORTED_MODULE_9__/* .Position.bottom */ .Ly.bottom);
+      return ['y-swipe__dots', "y-swipe__dots--".concat(position)];
+    });
+    expose({
+      moveTo: moveTo,
+      next: next,
+      prev: prev,
+      resize: resize
+    });
+    /* -----------provide-------------*/
+
+    var tabs = (0,vue__WEBPACK_IMPORTED_MODULE_0__.reactive)({
+      children: itemList,
+      activeIndex: activeIndex,
+      props: props,
+      itemDetail: itemDetail,
+      itemShowedList: itemShowedList
+    });
+    initProvide(tabs);
+
+    var renderDots = function renderDots() {
+      if (props.dots) {
+        return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", {
+          "class": dotsClass.value
+        }, [itemList.map(function (_, index) {
+          var className = bem('dot', {
+            active: index === activeIndex.value
+          });
+          return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", {
+            "class": className,
+            "style": {
+              backgroundColor: props.dotsColor
+            },
+            "key": index
+          }, null);
+        })]);
+      }
+
+      return null;
+    };
+
+    return function () {
+      var _slots$default;
+
+      return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", {
+        "class": bem(),
+        "ref": swipeRef
+      }, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", {
+        "class": bem('track'),
+        "style": trackStyle.value,
+        "ref": swipeTrackRef
+      }, [Array(trackDetail.cloneNodeCount).fill('').map(function (_, index) {
+        var _itemList$nodeIndex, _itemList$nodeIndex$s, _itemList$nodeIndex$s2;
+
+        var nodeIndex = getIndex(index - trackDetail.cloneNodeCount);
+        var item = (_itemList$nodeIndex = itemList[nodeIndex]) === null || _itemList$nodeIndex === void 0 ? void 0 : (_itemList$nodeIndex$s = (_itemList$nodeIndex$s2 = _itemList$nodeIndex.slots).default) === null || _itemList$nodeIndex$s === void 0 ? void 0 : _itemList$nodeIndex$s.call(_itemList$nodeIndex$s2);
+        return item ? (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_swipeItem_src_swipeItem__WEBPACK_IMPORTED_MODULE_8__/* .default */ .Z, {
+          "clonenNode": item,
+          "index": nodeIndex
+        }, null) : null;
+      }), (_slots$default = slots.default) === null || _slots$default === void 0 ? void 0 : _slots$default.call(slots), Array(trackDetail.cloneNodeCount).fill('').map(function (_, index) {
+        var _itemList$nodeIndex2, _itemList$nodeIndex2$, _itemList$nodeIndex2$2;
+
+        var nodeIndex = getIndex(index);
+        var item = (_itemList$nodeIndex2 = itemList[nodeIndex]) === null || _itemList$nodeIndex2 === void 0 ? void 0 : (_itemList$nodeIndex2$ = (_itemList$nodeIndex2$2 = _itemList$nodeIndex2.slots).default) === null || _itemList$nodeIndex2$ === void 0 ? void 0 : _itemList$nodeIndex2$.call(_itemList$nodeIndex2$2);
+        return item ? (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_swipeItem_src_swipeItem__WEBPACK_IMPORTED_MODULE_8__/* .default */ .Z, {
+          "clonenNode": item,
+          "index": nodeIndex
+        }, null) : null;
+      })]), slots.dots ? slots.dots() : renderDots()]);
+    };
+  }
+}));
+
+/***/ }),
+
 /***/ 7481:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
@@ -493,9 +1180,9 @@ var swipeProps = {
 /* harmony import */ var core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var core_js_modules_es_array_find_index_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(4553);
 /* harmony import */ var core_js_modules_es_array_find_index_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_find_index_js__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var _swipe_src_constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(2530);
-/* harmony import */ var _context_relation__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(874);
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(4105);
+/* harmony import */ var _context_relation__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(874);
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(4105);
+/* harmony import */ var _swipe__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(279);
 
 
 
@@ -505,7 +1192,7 @@ var swipeProps = {
 
 
 
-var _createNamespace = (0,_utils__WEBPACK_IMPORTED_MODULE_5__/* .createNamespace */ .do)('swipe-item'),
+var _createNamespace = (0,_utils__WEBPACK_IMPORTED_MODULE_4__/* .createNamespace */ .do)('swipe-item'),
     _createNamespace2 = (0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6__/* .default */ .Z)(_createNamespace, 2),
     name = _createNamespace2[0],
     bem = _createNamespace2[1];
@@ -526,7 +1213,7 @@ var _createNamespace = (0,_utils__WEBPACK_IMPORTED_MODULE_5__/* .createNamespace
     var slots = _ref.slots;
     var instance = (0,vue__WEBPACK_IMPORTED_MODULE_0__.getCurrentInstance)();
 
-    var _useRelation = (0,_context_relation__WEBPACK_IMPORTED_MODULE_4__/* .useRelation */ .jQ)(_swipe_src_constants__WEBPACK_IMPORTED_MODULE_3__/* .SWIPE_PROVIDE_KEY */ .pB),
+    var _useRelation = (0,_context_relation__WEBPACK_IMPORTED_MODULE_3__/* .useRelation */ .jQ)(_swipe__WEBPACK_IMPORTED_MODULE_5__/* .SWIPE_PROVIDE_KEY */ .pB),
         parent = _useRelation.parent;
 
     if (!props.clonenNode && instance) {
@@ -579,27 +1266,140 @@ var _createNamespace = (0,_utils__WEBPACK_IMPORTED_MODULE_5__/* .createNamespace
 
 /***/ }),
 
-/***/ 4621:
+/***/ 463:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "R7": function() { return /* binding */ TABS_KEY; }
-/* harmony export */ });
-/* unused harmony exports unknownProp, acceptProps */
-/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2526);
-/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(1817);
-/* harmony import */ var core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(1539);
-/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(9653);
-/* harmony import */ var core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_3__);
 
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "R7": function() { return /* reexport */ TABS_KEY; }
+});
 
+// UNUSED EXPORTS: acceptProps, default, unknownProp
 
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.function.name.js
+var es_function_name = __webpack_require__(8309);
+// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js
+var defineProperty = __webpack_require__(6156);
+// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js
+var asyncToGenerator = __webpack_require__(2137);
+// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/slicedToArray.js + 3 modules
+var slicedToArray = __webpack_require__(4699);
+// EXTERNAL MODULE: external "vue"
+var external_vue_ = __webpack_require__(4103);
+// EXTERNAL MODULE: ./node_modules/@babel/runtime/regenerator/index.js
+var regenerator = __webpack_require__(7757);
+var regenerator_default = /*#__PURE__*/__webpack_require__.n(regenerator);
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.symbol.js
+var es_symbol = __webpack_require__(2526);
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.symbol.description.js
+var es_symbol_description = __webpack_require__(1817);
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.object.to-string.js
+var es_object_to_string = __webpack_require__(1539);
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.find-index.js
+var es_array_find_index = __webpack_require__(4553);
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.map.js
+var es_array_map = __webpack_require__(1249);
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.object.keys.js
+var es_object_keys = __webpack_require__(7941);
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.filter.js
+var es_array_filter = __webpack_require__(7327);
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.object.get-own-property-descriptor.js
+var es_object_get_own_property_descriptor = __webpack_require__(5003);
+// EXTERNAL MODULE: ./node_modules/core-js/modules/web.dom-collections.for-each.js
+var web_dom_collections_for_each = __webpack_require__(4747);
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.object.get-own-property-descriptors.js
+var es_object_get_own_property_descriptors = __webpack_require__(9337);
+// EXTERNAL MODULE: ./packages/utils/index.ts + 4 modules
+var utils = __webpack_require__(4105);
+// EXTERNAL MODULE: ./packages/swipe/src/swipe.tsx
+var swipe = __webpack_require__(7832);
+// EXTERNAL MODULE: ./packages/context/relation/index.ts + 2 modules
+var relation = __webpack_require__(874);
+;// CONCATENATED MODULE: ./packages/tabs/src/title.tsx
+
+
+
+
+
+
+
+
+
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0,defineProperty/* default */.Z)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+/* eslint-disable max-statements */
+
+
+
+
+
+var _createNamespace = (0,utils/* createNamespace */.do)('tabs-title'),
+    _createNamespace2 = (0,slicedToArray/* default */.Z)(_createNamespace, 2),
+    title_name = _createNamespace2[0],
+    bem = _createNamespace2[1];
+
+/* harmony default export */ var title = ((0,external_vue_.defineComponent)({
+  name: title_name,
+  props: {
+    active: {
+      type: Boolean,
+      default: false
+    },
+    scrollable: {
+      type: Boolean,
+      default: false
+    },
+    title: {
+      type: String,
+      default: null
+    },
+    titleSlot: {
+      type: Function,
+      default: null
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  setup: function setup(props) {
+    var _useRelation = (0,relation/* useRelation */.jQ)(TABS_KEY),
+        parent = _useRelation.parent;
+
+    var titleClass = (0,external_vue_.computed)(function () {
+      return [{
+        'y-el--clickable': !props.disabled
+      }, bem({
+        scrollable: props.scrollable,
+        disabled: props.disabled
+      }), bem("".concat((parent === null || parent === void 0 ? void 0 : parent.props.size) || 'middle'), {
+        active: props.active
+      }), parent === null || parent === void 0 ? void 0 : parent.props.titleClass, props.active ? parent === null || parent === void 0 ? void 0 : parent.props.titleActiveClass : ''];
+    });
+    var titleStyle = (0,external_vue_.computed)(function () {
+      return _objectSpread(_objectSpread({}, parent === null || parent === void 0 ? void 0 : parent.props.titleStyle), props.active ? _objectSpread({}, parent === null || parent === void 0 ? void 0 : parent.props.titleActiveStyle) : {});
+    });
+    return function () {
+      var title = props.title,
+          titleSlot = props.titleSlot;
+      return (0,external_vue_.createVNode)("div", {
+        "class": titleClass.value,
+        "title": title,
+        "style": titleStyle.value,
+        "role": 'presentation'
+      }, [titleSlot ? titleSlot() : title]);
+    };
+  }
+}));
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.number.constructor.js
+var es_number_constructor = __webpack_require__(9653);
+;// CONCATENATED MODULE: ./packages/tabs/src/constants.ts
 
-var TABS_KEY = Symbol('tabs');
 var unknownProp = null;
 var acceptProps = {
   initIndex: {
@@ -668,6 +1468,374 @@ var acceptProps = {
     default: 'center'
   }
 };
+;// CONCATENATED MODULE: ./packages/tabs/src/tabs.tsx
+
+
+
+
+
+function tabs_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function tabs_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { tabs_ownKeys(Object(source), true).forEach(function (key) { (0,defineProperty/* default */.Z)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { tabs_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+/* eslint-disable max-statements */
+
+
+
+
+
+
+
+function _isSlot(s) {
+  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !(0,external_vue_.isVNode)(s);
+}
+
+var tabs_createNamespace = (0,utils/* createNamespace */.do)('tabs'),
+    tabs_createNamespace2 = (0,slicedToArray/* default */.Z)(tabs_createNamespace, 2),
+    tabs_name = tabs_createNamespace2[0],
+    tabs_bem = tabs_createNamespace2[1];
+
+var TABS_KEY = Symbol(tabs_name);
+/* harmony default export */ var tabs = ((0,external_vue_.defineComponent)({
+  name: tabs_name,
+  components: {
+    YTabTitle: title
+  },
+  props: acceptProps,
+  setup: function setup(props, _ref) {
+    var slots = _ref.slots,
+        emit = _ref.emit,
+        expose = _ref.expose;
+
+    var _setRelation = (0,relation/* setRelation */.tG)(TABS_KEY),
+        initProvide = _setRelation.initProvide;
+
+    var inited = (0,external_vue_.ref)(false);
+    var childrenList = (0,external_vue_.reactive)([]);
+    var swiperRef = (0,external_vue_.ref)(); // tabTitle 是否可滚动
+
+    var isTabScrollable = (0,external_vue_.computed)(function () {
+      return childrenList.length > props.titleScrollThreshold;
+    }); // ----------------- index -----------------
+    // 获取指定 title 所在的 index
+
+    var getCurIndexByName = function getCurIndexByName(titleName) {
+      return childrenList.findIndex(function (node) {
+        return (node.$props ? node.$props.name : '') === titleName;
+      });
+    };
+
+    var activeIndex = (0,external_vue_.ref)(props.initName ? getCurIndexByName(props.initName) : props.initIndex); // 更新 activeIndex 的值，并滑动对应 tab
+
+    var scrollTo = function scrollTo(index) {
+      activeIndex.value = index;
+      var swiper = swiperRef.value;
+      Boolean(swiper) && (swiper === null || swiper === void 0 ? void 0 : swiper.moveTo(index, props.changeWithAnimation));
+    }; // ----------------- public methods -----------------
+
+    /**
+     * @description: 切换到指定 tab
+     * @param {number} index: tab 的索引值
+     * @return {*}
+     */
+
+
+    var scrollToByIndex = function scrollToByIndex(index) {
+      scrollTo(index);
+    };
+    /**
+     * @description: 切换到指定 tab
+     * @param {string} tabName: tab 的唯一标识符
+     * @return {*}
+     */
+
+
+    var scrollToByName = function scrollToByName(tabName) {
+      var curIndex = getCurIndexByName(tabName);
+      scrollTo(curIndex);
+    };
+
+    expose({
+      scrollToByIndex: scrollToByIndex,
+      scrollToByName: scrollToByName
+    }); // ----------------- title -----------------
+
+    var titlesRef = (0,external_vue_.ref)([]);
+    var tabListRef = (0,external_vue_.ref)();
+
+    var getTitlesRef = function getTitlesRef(index) {
+      return function (titleRef) {
+        titlesRef.value[index] = titleRef;
+      };
+    }; // 点击 title 的时候，emit 出 click 事件，并滑动到对应的 tab
+
+
+    var clickTitle = function clickTitle(index) {
+      var _ref2 = childrenList[index].$props || {},
+          title = _ref2.title,
+          clickedName = _ref2.name,
+          disabled = _ref2.disabled;
+
+      if (activeIndex.value === index) return;
+      emit(disabled ? 'disabledClick' : 'click', index, title, clickedName);
+      if (disabled) return;
+      scrollTo(index);
+    }; // 更新 title 的偏移量
+
+
+    var titleScrollToView = /*#__PURE__*/function () {
+      var _ref3 = (0,asyncToGenerator/* default */.Z)( /*#__PURE__*/regenerator_default().mark(function _callee() {
+        return regenerator_default().wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                _context.next = 2;
+                return (0,external_vue_.nextTick)(function () {
+                  if (!isTabScrollable.value || !tabListRef.value) return;
+                  var tabListEl = tabListRef.value;
+                  if (!tabListEl || !titlesRef.value[activeIndex.value]) return;
+                  var curTitleEl = titlesRef.value[activeIndex.value].$el;
+                  var scrollDistance = curTitleEl.offsetLeft - (tabListEl.offsetWidth - curTitleEl.offsetWidth) / 2 - tabListEl.scrollLeft;
+                  tabListEl.scrollBy({
+                    left: scrollDistance,
+                    behavior: 'smooth'
+                  });
+                });
+
+              case 2:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee);
+      }));
+
+      return function titleScrollToView() {
+        return _ref3.apply(this, arguments);
+      };
+    }(); // 确保在每次更新之前重置 titlesRef
+
+
+    (0,external_vue_.onBeforeUpdate)(function () {
+      titlesRef.value = [];
+    }); // ----------------- line -----------------
+
+    var lintState = (0,external_vue_.reactive)({
+      transform: 'translateX(50%)',
+      transition: 'all 0ms ease-out'
+    }); // 更新下划线的偏移量
+
+    var updateLineStyle = /*#__PURE__*/function () {
+      var _ref4 = (0,asyncToGenerator/* default */.Z)( /*#__PURE__*/regenerator_default().mark(function _callee2() {
+        return regenerator_default().wrap(function _callee2$(_context2) {
+          while (1) {
+            switch (_context2.prev = _context2.next) {
+              case 0:
+                _context2.next = 2;
+                return (0,external_vue_.nextTick)(function () {
+                  if (!titlesRef.value || titlesRef.value.length === 0) return; // 如果传递的 activeIndex 不存在或者大于当前的长度，则设置为默认值
+
+                  // 如果传递的 activeIndex 不存在或者大于当前的长度，则设置为默认值
+                  var curIndex = activeIndex.value >= titlesRef.value.length ? 0 : activeIndex.value; // 获取当前 active 的 title
+
+                  // 获取当前 active 的 title
+                  var curTitle = titlesRef.value[curIndex].$el;
+                  var left = curTitle.offsetLeft + curTitle.offsetWidth / 2;
+                  lintState.transform = "translateX(".concat(left, "px) translateX(-50%)"); // 如果已经初始化了，则给下划线加上动画
+
+                  // 如果已经初始化了，则给下划线加上动画
+                  if (inited.value) {
+                    lintState.transition = "all ".concat(props.duration, "ms ease-out");
+                  }
+
+                  inited.value = true;
+                });
+
+              case 2:
+              case "end":
+                return _context2.stop();
+            }
+          }
+        }, _callee2);
+      }));
+
+      return function updateLineStyle() {
+        return _ref4.apply(this, arguments);
+      };
+    }(); // ----------------- swiper -----------------
+
+
+    var swipeChange = function swipeChange(index) {
+      var _ref5 = childrenList[index].$props || {},
+          title = _ref5.title,
+          swiperedName = _ref5.name;
+
+      emit('change', index, title, swiperedName);
+      activeIndex.value = index;
+    };
+
+    var swipeAfterChange = function swipeAfterChange(index) {
+      var _ref6 = childrenList[index].$props || {},
+          title = _ref6.title,
+          afterSwiperedName = _ref6.name;
+
+      emit('afterChange', index, title, afterSwiperedName);
+      activeIndex.value = index;
+    }; // ----------------- provide -----------------
+
+
+    var tabs = (0,external_vue_.reactive)({
+      children: childrenList,
+      activeIndex: activeIndex,
+      props: props
+    });
+    initProvide(tabs); // ----------------- methods -----------------
+
+    var getSize = function getSize(value) {
+      if (isString(value)) return /^\d+(\.\d+)?$/.test(value) ? "".concat(value, "px") : value;
+      return value;
+    };
+
+    var isString = function isString(value) {
+      return Object.prototype.toString.call(value) === "[object String]";
+    }; // ----------------- 生命周期 -----------------
+
+
+    (0,external_vue_.onMounted)( /*#__PURE__*/(0,asyncToGenerator/* default */.Z)( /*#__PURE__*/regenerator_default().mark(function _callee3() {
+      return regenerator_default().wrap(function _callee3$(_context3) {
+        while (1) {
+          switch (_context3.prev = _context3.next) {
+            case 0:
+              _context3.next = 2;
+              return updateLineStyle();
+
+            case 2:
+            case "end":
+              return _context3.stop();
+          }
+        }
+      }, _callee3);
+    }))); // 监听 activeIndex 的变化
+
+    (0,external_vue_.watch)(function () {
+      return activeIndex.value;
+    }, /*#__PURE__*/(0,asyncToGenerator/* default */.Z)( /*#__PURE__*/regenerator_default().mark(function _callee4() {
+      return regenerator_default().wrap(function _callee4$(_context4) {
+        while (1) {
+          switch (_context4.prev = _context4.next) {
+            case 0:
+              _context4.next = 2;
+              return updateLineStyle();
+
+            case 2:
+              _context4.next = 4;
+              return titleScrollToView();
+
+            case 4:
+            case "end":
+              return _context4.stop();
+          }
+        }
+      }, _callee4);
+    }))); // 监听 slots.default 的 length 变化
+
+    (0,external_vue_.watch)(function () {
+      var _slots$default;
+
+      return (_slots$default = slots.default) === null || _slots$default === void 0 ? void 0 : _slots$default.length;
+    }, /*#__PURE__*/(0,asyncToGenerator/* default */.Z)( /*#__PURE__*/regenerator_default().mark(function _callee5() {
+      return regenerator_default().wrap(function _callee5$(_context5) {
+        while (1) {
+          switch (_context5.prev = _context5.next) {
+            case 0:
+              _context5.next = 2;
+              return updateLineStyle();
+
+            case 2:
+            case "end":
+              return _context5.stop();
+          }
+        }
+      }, _callee5);
+    })));
+    return function () {
+      var _slot;
+
+      var _bem;
+
+      return (0,external_vue_.createVNode)("div", {
+        "class": tabs_name
+      }, [(0,external_vue_.createVNode)("div", {
+        "class": tabs_bem('list')
+      }, [(0,external_vue_.createVNode)("div", {
+        "ref": tabListRef,
+        "class": tabs_bem('list-child-wrapper', (_bem = {
+          scrollable: isTabScrollable.value
+        }, (0,defineProperty/* default */.Z)(_bem, props.size, props.size), (0,defineProperty/* default */.Z)(_bem, props.align, props.align), _bem))
+      }, [childrenList.length > 0 && childrenList.map(function (node, index) {
+        return (0,external_vue_.createVNode)(title, {
+          "title": node.title,
+          "disabled": node.disabled,
+          "title-slot": node.$slots.title,
+          "key": index,
+          "ref": getTitlesRef(index),
+          "active": activeIndex.value === index,
+          "scrollable": isTabScrollable.value,
+          "onClick": function onClick() {
+            return clickTitle(index);
+          }
+        }, null);
+      }), (0,external_vue_.createVNode)("div", {
+        "class": tabs_bem('line'),
+        "style": tabs_objectSpread(tabs_objectSpread({}, lintState), {}, {
+          width: getSize(props.lineWidth),
+          height: getSize(props.lineHeight),
+          backgroundColor: props.lineColor
+        })
+      }, null)])]), slots.default ? (0,external_vue_.createVNode)(swipe/* default */.Z, {
+        "ref": swiperRef,
+        "dots": false,
+        "loop": false,
+        "initIndex": activeIndex.value,
+        "lazy": props.lazy,
+        "touchable": props.touchable,
+        "duration": props.duration,
+        "is-follow-hand": props.changeWithAnimation,
+        "onChange": swipeChange,
+        "onAfterChange": swipeAfterChange
+      }, _isSlot(_slot = slots.default()) ? _slot : {
+        default: function _default() {
+          return [_slot];
+        }
+      }) : null]);
+    };
+  }
+}));
+;// CONCATENATED MODULE: ./packages/tabs/index.ts
+
+
+
+
+tabs.install = function (Vue) {
+  var name = tabs.name;
+  Vue.component(name, tabs);
+};
+
+
+
 
 /***/ }),
 
@@ -678,10 +1846,11 @@ var acceptProps = {
 
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, {
-  "do": function() { return /* reexport */ createNamespace; }
+  "do": function() { return /* reexport */ createNamespace; },
+  "GM": function() { return /* reexport */ parsePercent; }
 });
 
-// UNUSED EXPORTS: Direction, Horizontal, Location, Position, Size, Vertical, createLocale, isArguments, isDate, isError, isFunction, isMap, isNumber, isObject, isPromise, isRegExp, isSet, isString, isSymbol, isWeakMap, isWeakSet, parseFlexDirection, parsePercent, parseUnit
+// UNUSED EXPORTS: Direction, Horizontal, Location, Position, Size, Vertical, createLocale, isArguments, isDate, isError, isFunction, isMap, isNumber, isObject, isPromise, isRegExp, isSet, isString, isSymbol, isWeakMap, isWeakSet, parseFlexDirection, parseUnit
 
 // EXTERNAL MODULE: ./packages/utils/is.ts
 var is = __webpack_require__(3703);
@@ -991,6 +2160,31 @@ module.exports = function (it) {
 };
 
 
+/***/ }),
+
+/***/ 1285:
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+
+"use strict";
+
+var toObject = __webpack_require__(7908);
+var toAbsoluteIndex = __webpack_require__(1400);
+var toLength = __webpack_require__(7466);
+
+// `Array.prototype.fill` method implementation
+// https://tc39.es/ecma262/#sec-array.prototype.fill
+module.exports = function fill(value /* , start = 0, end = @length */) {
+  var O = toObject(this);
+  var length = toLength(O.length);
+  var argumentsLength = arguments.length;
+  var index = toAbsoluteIndex(argumentsLength > 1 ? arguments[1] : undefined, length);
+  var end = argumentsLength > 2 ? arguments[2] : undefined;
+  var endPos = end === undefined ? length : toAbsoluteIndex(end, length);
+  while (endPos > index) O[index++] = value;
+  return O;
+};
+
+
 /***/ }),
 
 /***/ 8533:
@@ -3251,6 +4445,25 @@ $({ target: 'Array', proto: true, forced: FORCED }, {
 });
 
 
+/***/ }),
+
+/***/ 3290:
+/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
+
+var $ = __webpack_require__(2109);
+var fill = __webpack_require__(1285);
+var addToUnscopables = __webpack_require__(1223);
+
+// `Array.prototype.fill` method
+// https://tc39.es/ecma262/#sec-array.prototype.fill
+$({ target: 'Array', proto: true }, {
+  fill: fill
+});
+
+// https://tc39.es/ecma262/#sec-array.prototype-@@unscopables
+addToUnscopables('fill');
+
+
 /***/ }),
 
 /***/ 7327:
@@ -3355,6 +4568,29 @@ $({ target: 'Array', proto: true, forced: NEGATIVE_ZERO || !STRICT_METHOD }, {
 });
 
 
+/***/ }),
+
+/***/ 1249:
+/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
+
+"use strict";
+
+var $ = __webpack_require__(2109);
+var $map = __webpack_require__(2092).map;
+var arrayMethodHasSpeciesSupport = __webpack_require__(1194);
+
+var HAS_SPECIES_SUPPORT = arrayMethodHasSpeciesSupport('map');
+
+// `Array.prototype.map` method
+// https://tc39.es/ecma262/#sec-array.prototype.map
+// with adding support of @@species
+$({ target: 'Array', proto: true, forced: !HAS_SPECIES_SUPPORT }, {
+  map: function map(callbackfn /* , thisArg */) {
+    return $map(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined);
+  }
+});
+
+
 /***/ }),
 
 /***/ 5827:
@@ -4266,6 +5502,761 @@ for (var COLLECTION_NAME in DOMIterables) {
 }
 
 
+/***/ }),
+
+/***/ 5666:
+/***/ (function(module) {
+
+/**
+ * Copyright (c) 2014-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+var runtime = (function (exports) {
+  "use strict";
+
+  var Op = Object.prototype;
+  var hasOwn = Op.hasOwnProperty;
+  var undefined; // More compressible than void 0.
+  var $Symbol = typeof Symbol === "function" ? Symbol : {};
+  var iteratorSymbol = $Symbol.iterator || "@@iterator";
+  var asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator";
+  var toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag";
+
+  function define(obj, key, value) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+    return obj[key];
+  }
+  try {
+    // IE 8 has a broken Object.defineProperty that only works on DOM objects.
+    define({}, "");
+  } catch (err) {
+    define = function(obj, key, value) {
+      return obj[key] = value;
+    };
+  }
+
+  function wrap(innerFn, outerFn, self, tryLocsList) {
+    // If outerFn provided and outerFn.prototype is a Generator, then outerFn.prototype instanceof Generator.
+    var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator;
+    var generator = Object.create(protoGenerator.prototype);
+    var context = new Context(tryLocsList || []);
+
+    // The ._invoke method unifies the implementations of the .next,
+    // .throw, and .return methods.
+    generator._invoke = makeInvokeMethod(innerFn, self, context);
+
+    return generator;
+  }
+  exports.wrap = wrap;
+
+  // Try/catch helper to minimize deoptimizations. Returns a completion
+  // record like context.tryEntries[i].completion. This interface could
+  // have been (and was previously) designed to take a closure to be
+  // invoked without arguments, but in all the cases we care about we
+  // already have an existing method we want to call, so there's no need
+  // to create a new function object. We can even get away with assuming
+  // the method takes exactly one argument, since that happens to be true
+  // in every case, so we don't have to touch the arguments object. The
+  // only additional allocation required is the completion record, which
+  // has a stable shape and so hopefully should be cheap to allocate.
+  function tryCatch(fn, obj, arg) {
+    try {
+      return { type: "normal", arg: fn.call(obj, arg) };
+    } catch (err) {
+      return { type: "throw", arg: err };
+    }
+  }
+
+  var GenStateSuspendedStart = "suspendedStart";
+  var GenStateSuspendedYield = "suspendedYield";
+  var GenStateExecuting = "executing";
+  var GenStateCompleted = "completed";
+
+  // Returning this object from the innerFn has the same effect as
+  // breaking out of the dispatch switch statement.
+  var ContinueSentinel = {};
+
+  // Dummy constructor functions that we use as the .constructor and
+  // .constructor.prototype properties for functions that return Generator
+  // objects. For full spec compliance, you may wish to configure your
+  // minifier not to mangle the names of these two functions.
+  function Generator() {}
+  function GeneratorFunction() {}
+  function GeneratorFunctionPrototype() {}
+
+  // This is a polyfill for %IteratorPrototype% for environments that
+  // don't natively support it.
+  var IteratorPrototype = {};
+  IteratorPrototype[iteratorSymbol] = function () {
+    return this;
+  };
+
+  var getProto = Object.getPrototypeOf;
+  var NativeIteratorPrototype = getProto && getProto(getProto(values([])));
+  if (NativeIteratorPrototype &&
+      NativeIteratorPrototype !== Op &&
+      hasOwn.call(NativeIteratorPrototype, iteratorSymbol)) {
+    // This environment has a native %IteratorPrototype%; use it instead
+    // of the polyfill.
+    IteratorPrototype = NativeIteratorPrototype;
+  }
+
+  var Gp = GeneratorFunctionPrototype.prototype =
+    Generator.prototype = Object.create(IteratorPrototype);
+  GeneratorFunction.prototype = Gp.constructor = GeneratorFunctionPrototype;
+  GeneratorFunctionPrototype.constructor = GeneratorFunction;
+  GeneratorFunction.displayName = define(
+    GeneratorFunctionPrototype,
+    toStringTagSymbol,
+    "GeneratorFunction"
+  );
+
+  // Helper for defining the .next, .throw, and .return methods of the
+  // Iterator interface in terms of a single ._invoke method.
+  function defineIteratorMethods(prototype) {
+    ["next", "throw", "return"].forEach(function(method) {
+      define(prototype, method, function(arg) {
+        return this._invoke(method, arg);
+      });
+    });
+  }
+
+  exports.isGeneratorFunction = function(genFun) {
+    var ctor = typeof genFun === "function" && genFun.constructor;
+    return ctor
+      ? ctor === GeneratorFunction ||
+        // For the native GeneratorFunction constructor, the best we can
+        // do is to check its .name property.
+        (ctor.displayName || ctor.name) === "GeneratorFunction"
+      : false;
+  };
+
+  exports.mark = function(genFun) {
+    if (Object.setPrototypeOf) {
+      Object.setPrototypeOf(genFun, GeneratorFunctionPrototype);
+    } else {
+      genFun.__proto__ = GeneratorFunctionPrototype;
+      define(genFun, toStringTagSymbol, "GeneratorFunction");
+    }
+    genFun.prototype = Object.create(Gp);
+    return genFun;
+  };
+
+  // Within the body of any async function, `await x` is transformed to
+  // `yield regeneratorRuntime.awrap(x)`, so that the runtime can test
+  // `hasOwn.call(value, "__await")` to determine if the yielded value is
+  // meant to be awaited.
+  exports.awrap = function(arg) {
+    return { __await: arg };
+  };
+
+  function AsyncIterator(generator, PromiseImpl) {
+    function invoke(method, arg, resolve, reject) {
+      var record = tryCatch(generator[method], generator, arg);
+      if (record.type === "throw") {
+        reject(record.arg);
+      } else {
+        var result = record.arg;
+        var value = result.value;
+        if (value &&
+            typeof value === "object" &&
+            hasOwn.call(value, "__await")) {
+          return PromiseImpl.resolve(value.__await).then(function(value) {
+            invoke("next", value, resolve, reject);
+          }, function(err) {
+            invoke("throw", err, resolve, reject);
+          });
+        }
+
+        return PromiseImpl.resolve(value).then(function(unwrapped) {
+          // When a yielded Promise is resolved, its final value becomes
+          // the .value of the Promise<{value,done}> result for the
+          // current iteration.
+          result.value = unwrapped;
+          resolve(result);
+        }, function(error) {
+          // If a rejected Promise was yielded, throw the rejection back
+          // into the async generator function so it can be handled there.
+          return invoke("throw", error, resolve, reject);
+        });
+      }
+    }
+
+    var previousPromise;
+
+    function enqueue(method, arg) {
+      function callInvokeWithMethodAndArg() {
+        return new PromiseImpl(function(resolve, reject) {
+          invoke(method, arg, resolve, reject);
+        });
+      }
+
+      return previousPromise =
+        // If enqueue has been called before, then we want to wait until
+        // all previous Promises have been resolved before calling invoke,
+        // so that results are always delivered in the correct order. If
+        // enqueue has not been called before, then it is important to
+        // call invoke immediately, without waiting on a callback to fire,
+        // so that the async generator function has the opportunity to do
+        // any necessary setup in a predictable way. This predictability
+        // is why the Promise constructor synchronously invokes its
+        // executor callback, and why async functions synchronously
+        // execute code before the first await. Since we implement simple
+        // async functions in terms of async generators, it is especially
+        // important to get this right, even though it requires care.
+        previousPromise ? previousPromise.then(
+          callInvokeWithMethodAndArg,
+          // Avoid propagating failures to Promises returned by later
+          // invocations of the iterator.
+          callInvokeWithMethodAndArg
+        ) : callInvokeWithMethodAndArg();
+    }
+
+    // Define the unified helper method that is used to implement .next,
+    // .throw, and .return (see defineIteratorMethods).
+    this._invoke = enqueue;
+  }
+
+  defineIteratorMethods(AsyncIterator.prototype);
+  AsyncIterator.prototype[asyncIteratorSymbol] = function () {
+    return this;
+  };
+  exports.AsyncIterator = AsyncIterator;
+
+  // Note that simple async functions are implemented on top of
+  // AsyncIterator objects; they just return a Promise for the value of
+  // the final result produced by the iterator.
+  exports.async = function(innerFn, outerFn, self, tryLocsList, PromiseImpl) {
+    if (PromiseImpl === void 0) PromiseImpl = Promise;
+
+    var iter = new AsyncIterator(
+      wrap(innerFn, outerFn, self, tryLocsList),
+      PromiseImpl
+    );
+
+    return exports.isGeneratorFunction(outerFn)
+      ? iter // If outerFn is a generator, return the full iterator.
+      : iter.next().then(function(result) {
+          return result.done ? result.value : iter.next();
+        });
+  };
+
+  function makeInvokeMethod(innerFn, self, context) {
+    var state = GenStateSuspendedStart;
+
+    return function invoke(method, arg) {
+      if (state === GenStateExecuting) {
+        throw new Error("Generator is already running");
+      }
+
+      if (state === GenStateCompleted) {
+        if (method === "throw") {
+          throw arg;
+        }
+
+        // Be forgiving, per 25.3.3.3.3 of the spec:
+        // https://people.mozilla.org/~jorendorff/es6-draft.html#sec-generatorresume
+        return doneResult();
+      }
+
+      context.method = method;
+      context.arg = arg;
+
+      while (true) {
+        var delegate = context.delegate;
+        if (delegate) {
+          var delegateResult = maybeInvokeDelegate(delegate, context);
+          if (delegateResult) {
+            if (delegateResult === ContinueSentinel) continue;
+            return delegateResult;
+          }
+        }
+
+        if (context.method === "next") {
+          // Setting context._sent for legacy support of Babel's
+          // function.sent implementation.
+          context.sent = context._sent = context.arg;
+
+        } else if (context.method === "throw") {
+          if (state === GenStateSuspendedStart) {
+            state = GenStateCompleted;
+            throw context.arg;
+          }
+
+          context.dispatchException(context.arg);
+
+        } else if (context.method === "return") {
+          context.abrupt("return", context.arg);
+        }
+
+        state = GenStateExecuting;
+
+        var record = tryCatch(innerFn, self, context);
+        if (record.type === "normal") {
+          // If an exception is thrown from innerFn, we leave state ===
+          // GenStateExecuting and loop back for another invocation.
+          state = context.done
+            ? GenStateCompleted
+            : GenStateSuspendedYield;
+
+          if (record.arg === ContinueSentinel) {
+            continue;
+          }
+
+          return {
+            value: record.arg,
+            done: context.done
+          };
+
+        } else if (record.type === "throw") {
+          state = GenStateCompleted;
+          // Dispatch the exception by looping back around to the
+          // context.dispatchException(context.arg) call above.
+          context.method = "throw";
+          context.arg = record.arg;
+        }
+      }
+    };
+  }
+
+  // Call delegate.iterator[context.method](context.arg) and handle the
+  // result, either by returning a { value, done } result from the
+  // delegate iterator, or by modifying context.method and context.arg,
+  // setting context.delegate to null, and returning the ContinueSentinel.
+  function maybeInvokeDelegate(delegate, context) {
+    var method = delegate.iterator[context.method];
+    if (method === undefined) {
+      // A .throw or .return when the delegate iterator has no .throw
+      // method always terminates the yield* loop.
+      context.delegate = null;
+
+      if (context.method === "throw") {
+        // Note: ["return"] must be used for ES3 parsing compatibility.
+        if (delegate.iterator["return"]) {
+          // If the delegate iterator has a return method, give it a
+          // chance to clean up.
+          context.method = "return";
+          context.arg = undefined;
+          maybeInvokeDelegate(delegate, context);
+
+          if (context.method === "throw") {
+            // If maybeInvokeDelegate(context) changed context.method from
+            // "return" to "throw", let that override the TypeError below.
+            return ContinueSentinel;
+          }
+        }
+
+        context.method = "throw";
+        context.arg = new TypeError(
+          "The iterator does not provide a 'throw' method");
+      }
+
+      return ContinueSentinel;
+    }
+
+    var record = tryCatch(method, delegate.iterator, context.arg);
+
+    if (record.type === "throw") {
+      context.method = "throw";
+      context.arg = record.arg;
+      context.delegate = null;
+      return ContinueSentinel;
+    }
+
+    var info = record.arg;
+
+    if (! info) {
+      context.method = "throw";
+      context.arg = new TypeError("iterator result is not an object");
+      context.delegate = null;
+      return ContinueSentinel;
+    }
+
+    if (info.done) {
+      // Assign the result of the finished delegate to the temporary
+      // variable specified by delegate.resultName (see delegateYield).
+      context[delegate.resultName] = info.value;
+
+      // Resume execution at the desired location (see delegateYield).
+      context.next = delegate.nextLoc;
+
+      // If context.method was "throw" but the delegate handled the
+      // exception, let the outer generator proceed normally. If
+      // context.method was "next", forget context.arg since it has been
+      // "consumed" by the delegate iterator. If context.method was
+      // "return", allow the original .return call to continue in the
+      // outer generator.
+      if (context.method !== "return") {
+        context.method = "next";
+        context.arg = undefined;
+      }
+
+    } else {
+      // Re-yield the result returned by the delegate method.
+      return info;
+    }
+
+    // The delegate iterator is finished, so forget it and continue with
+    // the outer generator.
+    context.delegate = null;
+    return ContinueSentinel;
+  }
+
+  // Define Generator.prototype.{next,throw,return} in terms of the
+  // unified ._invoke helper method.
+  defineIteratorMethods(Gp);
+
+  define(Gp, toStringTagSymbol, "Generator");
+
+  // A Generator should always return itself as the iterator object when the
+  // @@iterator function is called on it. Some browsers' implementations of the
+  // iterator prototype chain incorrectly implement this, causing the Generator
+  // object to not be returned from this call. This ensures that doesn't happen.
+  // See https://github.com/facebook/regenerator/issues/274 for more details.
+  Gp[iteratorSymbol] = function() {
+    return this;
+  };
+
+  Gp.toString = function() {
+    return "[object Generator]";
+  };
+
+  function pushTryEntry(locs) {
+    var entry = { tryLoc: locs[0] };
+
+    if (1 in locs) {
+      entry.catchLoc = locs[1];
+    }
+
+    if (2 in locs) {
+      entry.finallyLoc = locs[2];
+      entry.afterLoc = locs[3];
+    }
+
+    this.tryEntries.push(entry);
+  }
+
+  function resetTryEntry(entry) {
+    var record = entry.completion || {};
+    record.type = "normal";
+    delete record.arg;
+    entry.completion = record;
+  }
+
+  function Context(tryLocsList) {
+    // The root entry object (effectively a try statement without a catch
+    // or a finally block) gives us a place to store values thrown from
+    // locations where there is no enclosing try statement.
+    this.tryEntries = [{ tryLoc: "root" }];
+    tryLocsList.forEach(pushTryEntry, this);
+    this.reset(true);
+  }
+
+  exports.keys = function(object) {
+    var keys = [];
+    for (var key in object) {
+      keys.push(key);
+    }
+    keys.reverse();
+
+    // Rather than returning an object with a next method, we keep
+    // things simple and return the next function itself.
+    return function next() {
+      while (keys.length) {
+        var key = keys.pop();
+        if (key in object) {
+          next.value = key;
+          next.done = false;
+          return next;
+        }
+      }
+
+      // To avoid creating an additional object, we just hang the .value
+      // and .done properties off the next function object itself. This
+      // also ensures that the minifier will not anonymize the function.
+      next.done = true;
+      return next;
+    };
+  };
+
+  function values(iterable) {
+    if (iterable) {
+      var iteratorMethod = iterable[iteratorSymbol];
+      if (iteratorMethod) {
+        return iteratorMethod.call(iterable);
+      }
+
+      if (typeof iterable.next === "function") {
+        return iterable;
+      }
+
+      if (!isNaN(iterable.length)) {
+        var i = -1, next = function next() {
+          while (++i < iterable.length) {
+            if (hasOwn.call(iterable, i)) {
+              next.value = iterable[i];
+              next.done = false;
+              return next;
+            }
+          }
+
+          next.value = undefined;
+          next.done = true;
+
+          return next;
+        };
+
+        return next.next = next;
+      }
+    }
+
+    // Return an iterator with no values.
+    return { next: doneResult };
+  }
+  exports.values = values;
+
+  function doneResult() {
+    return { value: undefined, done: true };
+  }
+
+  Context.prototype = {
+    constructor: Context,
+
+    reset: function(skipTempReset) {
+      this.prev = 0;
+      this.next = 0;
+      // Resetting context._sent for legacy support of Babel's
+      // function.sent implementation.
+      this.sent = this._sent = undefined;
+      this.done = false;
+      this.delegate = null;
+
+      this.method = "next";
+      this.arg = undefined;
+
+      this.tryEntries.forEach(resetTryEntry);
+
+      if (!skipTempReset) {
+        for (var name in this) {
+          // Not sure about the optimal order of these conditions:
+          if (name.charAt(0) === "t" &&
+              hasOwn.call(this, name) &&
+              !isNaN(+name.slice(1))) {
+            this[name] = undefined;
+          }
+        }
+      }
+    },
+
+    stop: function() {
+      this.done = true;
+
+      var rootEntry = this.tryEntries[0];
+      var rootRecord = rootEntry.completion;
+      if (rootRecord.type === "throw") {
+        throw rootRecord.arg;
+      }
+
+      return this.rval;
+    },
+
+    dispatchException: function(exception) {
+      if (this.done) {
+        throw exception;
+      }
+
+      var context = this;
+      function handle(loc, caught) {
+        record.type = "throw";
+        record.arg = exception;
+        context.next = loc;
+
+        if (caught) {
+          // If the dispatched exception was caught by a catch block,
+          // then let that catch block handle the exception normally.
+          context.method = "next";
+          context.arg = undefined;
+        }
+
+        return !! caught;
+      }
+
+      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
+        var entry = this.tryEntries[i];
+        var record = entry.completion;
+
+        if (entry.tryLoc === "root") {
+          // Exception thrown outside of any try block that could handle
+          // it, so set the completion value of the entire function to
+          // throw the exception.
+          return handle("end");
+        }
+
+        if (entry.tryLoc <= this.prev) {
+          var hasCatch = hasOwn.call(entry, "catchLoc");
+          var hasFinally = hasOwn.call(entry, "finallyLoc");
+
+          if (hasCatch && hasFinally) {
+            if (this.prev < entry.catchLoc) {
+              return handle(entry.catchLoc, true);
+            } else if (this.prev < entry.finallyLoc) {
+              return handle(entry.finallyLoc);
+            }
+
+          } else if (hasCatch) {
+            if (this.prev < entry.catchLoc) {
+              return handle(entry.catchLoc, true);
+            }
+
+          } else if (hasFinally) {
+            if (this.prev < entry.finallyLoc) {
+              return handle(entry.finallyLoc);
+            }
+
+          } else {
+            throw new Error("try statement without catch or finally");
+          }
+        }
+      }
+    },
+
+    abrupt: function(type, arg) {
+      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
+        var entry = this.tryEntries[i];
+        if (entry.tryLoc <= this.prev &&
+            hasOwn.call(entry, "finallyLoc") &&
+            this.prev < entry.finallyLoc) {
+          var finallyEntry = entry;
+          break;
+        }
+      }
+
+      if (finallyEntry &&
+          (type === "break" ||
+           type === "continue") &&
+          finallyEntry.tryLoc <= arg &&
+          arg <= finallyEntry.finallyLoc) {
+        // Ignore the finally entry if control is not jumping to a
+        // location outside the try/catch block.
+        finallyEntry = null;
+      }
+
+      var record = finallyEntry ? finallyEntry.completion : {};
+      record.type = type;
+      record.arg = arg;
+
+      if (finallyEntry) {
+        this.method = "next";
+        this.next = finallyEntry.finallyLoc;
+        return ContinueSentinel;
+      }
+
+      return this.complete(record);
+    },
+
+    complete: function(record, afterLoc) {
+      if (record.type === "throw") {
+        throw record.arg;
+      }
+
+      if (record.type === "break" ||
+          record.type === "continue") {
+        this.next = record.arg;
+      } else if (record.type === "return") {
+        this.rval = this.arg = record.arg;
+        this.method = "return";
+        this.next = "end";
+      } else if (record.type === "normal" && afterLoc) {
+        this.next = afterLoc;
+      }
+
+      return ContinueSentinel;
+    },
+
+    finish: function(finallyLoc) {
+      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
+        var entry = this.tryEntries[i];
+        if (entry.finallyLoc === finallyLoc) {
+          this.complete(entry.completion, entry.afterLoc);
+          resetTryEntry(entry);
+          return ContinueSentinel;
+        }
+      }
+    },
+
+    "catch": function(tryLoc) {
+      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
+        var entry = this.tryEntries[i];
+        if (entry.tryLoc === tryLoc) {
+          var record = entry.completion;
+          if (record.type === "throw") {
+            var thrown = record.arg;
+            resetTryEntry(entry);
+          }
+          return thrown;
+        }
+      }
+
+      // The context.catch method must only be called with a location
+      // argument that corresponds to a known catch block.
+      throw new Error("illegal catch attempt");
+    },
+
+    delegateYield: function(iterable, resultName, nextLoc) {
+      this.delegate = {
+        iterator: values(iterable),
+        resultName: resultName,
+        nextLoc: nextLoc
+      };
+
+      if (this.method === "next") {
+        // Deliberately forget the last sent value so that we don't
+        // accidentally pass it on to the delegate.
+        this.arg = undefined;
+      }
+
+      return ContinueSentinel;
+    }
+  };
+
+  // Regardless of whether this script is executing as a CommonJS module
+  // or not, return the runtime object so that we can declare the variable
+  // regeneratorRuntime in the outer scope, which allows this module to be
+  // injected easily by `bin/regenerator --include-runtime script.js`.
+  return exports;
+
+}(
+  // If this script is executing as a CommonJS module, use module.exports
+  // as the regeneratorRuntime namespace. Otherwise create a new empty
+  // object. Either way, the resulting object will be used to initialize
+  // the regeneratorRuntime variable at the top of this file.
+   true ? module.exports : 0
+));
+
+try {
+  regeneratorRuntime = runtime;
+} catch (accidentalStrictMode) {
+  // This module should not be running in strict mode, so the above
+  // assignment should always work unless something is misconfigured. Just
+  // in case runtime.js accidentally runs in strict mode, we can escape
+  // strict mode using a global Function call. This could conceivably fail
+  // if a Content Security Policy forbids using Function, but in that case
+  // the proper solution is to fix the accidental strict mode problem. If
+  // you've misconfigured your bundler to force strict mode and applied a
+  // CSP to forbid Function, and you're not willing to fix either of those
+  // problems, please detail your unique predicament in a GitHub issue.
+  Function("r", "regeneratorRuntime = r")(runtime);
+}
+
+
 /***/ }),
 
 /***/ 4103:
@@ -4344,24 +6335,11 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__4103__;
 /******/ 		__webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }
 /******/ 	}();
 /******/ 	
-/******/ 	/* webpack/runtime/make namespace object */
-/******/ 	!function() {
-/******/ 		// define __esModule on exports
-/******/ 		__webpack_require__.r = function(exports) {
-/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 			}
-/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 		};
-/******/ 	}();
-/******/ 	
 /************************************************************************/
 var __webpack_exports__ = {};
 // This entry need to be wrapped in an IIFE because it need to be in strict mode.
 !function() {
 "use strict";
-// ESM COMPAT FLAG
-__webpack_require__.r(__webpack_exports__);
 
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, {
@@ -4370,6 +6348,8 @@ __webpack_require__.d(__webpack_exports__, {
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.function.name.js
 var es_function_name = __webpack_require__(8309);
+// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/slicedToArray.js + 3 modules
+var slicedToArray = __webpack_require__(4699);
 // EXTERNAL MODULE: external "vue"
 var external_vue_ = __webpack_require__(4103);
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.number.constructor.js
@@ -4382,18 +6362,21 @@ var es_object_to_string = __webpack_require__(1539);
 var swipeItem = __webpack_require__(7481);
 // EXTERNAL MODULE: ./packages/context/relation/index.ts + 2 modules
 var relation = __webpack_require__(874);
-// EXTERNAL MODULE: ./packages/tabs/src/constants.ts
-var constants = __webpack_require__(4621);
+// EXTERNAL MODULE: ./packages/utils/index.ts + 4 modules
+var utils = __webpack_require__(4105);
+// EXTERNAL MODULE: ./packages/tabs/index.ts + 3 modules
+var tabs = __webpack_require__(463);
 ;// CONCATENATED MODULE: ./packages/tab/src/tab.tsx
 
 
 
 
 
+
 /*
  * @Author: yanmeng
  * @Date: 2021-05-10 16:00:46
- * @LastEditTime: 2022-08-10 17:38:58
+ * @LastEditTime: 2022-08-11 15:14:23
  * @LastEditors: ruan fei
  * @Description: In User Settings Edit
  * @FilePath: /yui-vue/packages/tab/src/tab.tsx
@@ -4405,12 +6388,17 @@ var constants = __webpack_require__(4621);
 
 
 
+
 function _isSlot(s) {
   return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !(0,external_vue_.isVNode)(s);
 }
 
+var _createNamespace = (0,utils/* createNamespace */.do)('tab'),
+    _createNamespace2 = (0,slicedToArray/* default */.Z)(_createNamespace, 1),
+    tab_name = _createNamespace2[0];
+
 /* harmony default export */ var tab = ((0,external_vue_.defineComponent)({
-  name: 'YTab',
+  name: tab_name,
   props: {
     title: {
       type: String,
@@ -4428,7 +6416,7 @@ function _isSlot(s) {
   setup: function setup(_, _ref) {
     var slots = _ref.slots;
 
-    var _useRelation = (0,relation/* useRelation */.jQ)(constants/* TABS_KEY */.R7),
+    var _useRelation = (0,relation/* useRelation */.jQ)(tabs/* TABS_KEY */.R7),
         parent = _useRelation.parent;
 
     var instance = (0,external_vue_.getCurrentInstance)();
@@ -4469,6 +6457,7 @@ tab.install = function (Vue) {
 
 /* harmony default export */ var packages_tab = (tab);
 }();
+__webpack_exports__ = __webpack_exports__.default;
 /******/ 	return __webpack_exports__;
 /******/ })()
 ;