ds-web-all 1.0.0

package/lib/components/compose-tab/index.js

@@ -0,0 +1,263 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "PropTypes", {
+  enumerable: true,
+  get: function get() {
+    return _interface.PropTypes;
+  }
+});
+exports.default = void 0;
+require("antd/es/message/style");
+var _message2 = _interopRequireDefault(require("antd/es/message"));
+var _react = _interopRequireWildcard(require("react"));
+var _lodash = require("lodash");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _reactRouterDom = require("react-router-dom");
+var _composeTree = require("../compose-tree");
+var _services = _interopRequireDefault(require("../../services"));
+var _blank = require("../blank");
+var _useUnmounted3 = _interopRequireDefault(require("../../common/use-unmounted"));
+var _tab = _interopRequireDefault(require("./tab"));
+var _interface = require("./interface");
+require("./index.less");
+var _excluded = ["request", "onChange", "children", "defaultActiveKey", "onActiveChange", "routerConfig", "dataSource", "staticContext", "className", "noTab", "hideWhenOnlyOne", "addParams"];
+/* eslint-disable no-useless-escape */
+/* eslint-disable no-warning-comments */
+/* eslint-disable no-console */
+/* eslint-disable @typescript-eslint/prefer-regexp-exec */
+// import NotFound from '@/pages/not-found';
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+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."); }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
+var TabContainer = function ComposeTab(_ref) {
+  var request = _ref.request,
+    onChange = _ref.onChange,
+    children = _ref.children,
+    defaultActiveKey = _ref.defaultActiveKey,
+    onActiveChange = _ref.onActiveChange,
+    routerConfig = _ref.routerConfig,
+    propsDataSource = _ref.dataSource,
+    staticContext = _ref.staticContext,
+    className = _ref.className,
+    _ref$noTab = _ref.noTab,
+    noTab = _ref$noTab === void 0 ? true : _ref$noTab,
+    hideWhenOnlyOne = _ref.hideWhenOnlyOne,
+    _ref$addParams = _ref.addParams,
+    addParams = _ref$addParams === void 0 ? false : _ref$addParams,
+    others = _objectWithoutProperties(_ref, _excluded);
+  // 获取 ComposeTreeContext 里面的属性为 activeKey 的值
+  var treeActiveKey = (0, _lodash.get)((0, _react.useContext)(_composeTree.ComposeTreeContext), 'activeKey');
+  var match = (0, _reactRouterDom.useRouteMatch)();
+  var history = (0, _reactRouterDom.useHistory)();
+  var path = match.path,
+    url = match.url;
+  var search = history.location.search;
+  var _useUnmounted = (0, _useUnmounted3.default)(),
+    _useUnmounted2 = _slicedToArray(_useUnmounted, 1),
+    unmounted = _useUnmounted2[0];
+  // Tab 的数据
+  var _useState = (0, _react.useState)(propsDataSource || []),
+    _useState2 = _slicedToArray(_useState, 2),
+    dataSource = _useState2[0],
+    setDataSource = _useState2[1];
+  var _useState3 = (0, _react.useState)(null),
+    _useState4 = _slicedToArray(_useState3, 2),
+    tabActiveKey = _useState4[0],
+    setTabActiveKey = _useState4[1];
+  var _useState5 = (0, _react.useState)(true),
+    _useState6 = _slicedToArray(_useState5, 2),
+    loading = _useState6[0],
+    setLoading = _useState6[1];
+  // 获取 request 里的 getTabDataSource 属性
+  var getTabDataSource = (0, _lodash.get)(request, 'getTabDataSource');
+  // 命中这一级的路由 path，要去掉星号
+  // eslint-disable-next-line no-useless-escape
+  var pathPrefix = path.replace(/[\/\*]+$/, '');
+
+  // 获取 url 中的 activeKey
+  // 因为要向后取一级，因此 url 中取不到，要用 history.location.pathname
+  var urlActiveKey = history.location.pathname.match(new RegExp("^".concat((0, _reactRouterDom.generatePath)(pathPrefix, (0, _lodash.omit)(match.params, 0)), "/([^/]+)")));
+  // console.log(urlActiveKey, 'urlActiveKey', dataSource);
+  // debugger;
+  // 通过 key 判断去哪个模块
+  function goToModuleByKey(key) {
+    var _match$params$, _match$params$$replac;
+    var isReplace = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+    // debugger;
+    if (!routerConfig || unmounted.current) return;
+    var matchedModuleConfig = routerConfig.find(function (_) {
+      return _.path === key;
+    });
+    if (!matchedModuleConfig) {
+      console.error("ComposeTab\uFF1A\u6CA1\u6709\u627E\u5230 key \u4E3A(".concat(key, ") \u5BF9\u5E94\u7684 module"));
+      return;
+    }
+    // const { isTree } = matchedModuleConfig;
+
+    setTabActiveKey(key);
+    // 转义url中的英文括号
+    var matchedParams = (_match$params$ = match.params[0]) === null || _match$params$ === void 0 ? void 0 : (_match$params$$replac = _match$params$.replace(/\(/g, '\\(')) === null || _match$params$$replac === void 0 ? void 0 : _match$params$$replac.replace(/\)/g, '\\)');
+    var newUrl = "".concat(url.replace(new RegExp("".concat(matchedParams, "$")), '').replace(/[\/]+$/, ''), "/").concat(key, "/").concat(search);
+    // 当且进度addParams为true时转化路由后会带上之前的参数
+    if (addParams) {
+      newUrl = "".concat(newUrl).concat(newUrl.match('/$') ? '' : '/').concat(match.params[0]);
+    }
+    // debugger;
+    history[isReplace ? 'replace' : 'push'](newUrl);
+  }
+
+  // 计算初始化路由
+  // 如果没有指定默认 module，则默认选中第一个 tab 节点
+  (0, _react.useEffect)(function () {
+    // 等拿到 dataSource 再处理
+    if (!dataSource || dataSource.length <= 0) {
+      return;
+    }
+    if (urlActiveKey) {
+      if (dataSource.some(function (_ref2) {
+        var value = _ref2.value;
+        return value === urlActiveKey[1];
+      })) {
+        setTabActiveKey(urlActiveKey[1]);
+        return;
+      } else if (!addParams) {
+        // 当addParams为true时，表示url携带了参数，该情况一定会触发提示，该判断用来过滤不触发提示
+        _message2.default.info('没有找到指定选项卡，为您跳转到第一个选项卡。');
+      }
+    }
+    // url 中没有指定 activeKey、或者指定的 activeKey 在 dataSource 中不存在，则重定向到第一个 tab
+    var defaultKey = defaultActiveKey === undefined ? (0, _lodash.get)(dataSource, [0, 'value']) : defaultActiveKey;
+    // goToModuleByKey(defaultKey, true);
+    // setTabActiveKey(defaultKey);
+    setTimeout(function () {
+      goToModuleByKey(defaultKey, true);
+      setTabActiveKey(defaultKey);
+    }, 1000);
+  }, [dataSource.length, urlActiveKey, treeActiveKey]);
+
+  // 初始化获取 tab 列表
+  (0, _react.useEffect)(function () {
+    if (!getTabDataSource) {
+      return;
+    }
+    var url = getTabDataSource.url,
+      method = getTabDataSource.method,
+      _getTabDataSource$par = getTabDataSource.params,
+      params = _getTabDataSource$par === void 0 ? {} : _getTabDataSource$par;
+    // tslint:disable-next-line: no-floating-promises
+    _services.default.request(url, {
+      method: method,
+      data: _objectSpread({}, params)
+    }).then(function (_ref3) {
+      var data = _ref3.data;
+      setDataSource(data.dataSource);
+      setLoading(false);
+      // setTabActiveKey(data.dataSource[0].key);
+      // setTemplateMap({...templateMap, ...data.templateMap});
+    }).catch(function (err) {
+      // err?.stopPropagation();
+      console.log(err);
+      setLoading(false);
+    });
+  }, [/* getTabDataSource,  */
+  treeActiveKey]);
+  // 组件 Tab 的 change 事件
+  var handleChange = function handleChange(nextTabActiveKey) {
+    // debugger;
+    setTabActiveKey(nextTabActiveKey);
+    onChange && onChange(nextTabActiveKey);
+    goToModuleByKey(nextTabActiveKey);
+    // history.push(`${pathPrefix}/${nextTabActiveKey}`);
+    // setActiveId(templateMap[activeKey]);
+  };
+  var $routes = (0, _react.useMemo)(function () {
+    return (routerConfig || []).reduce(function (result, _ref4) {
+      var isTree = _ref4.isTree,
+        modulePath = _ref4.path,
+        Com = _ref4.Com;
+      // todo: path 可能要拼接
+      var purePath = modulePath === null || modulePath === void 0 ? void 0 : modulePath.replace(/^\//, '').replace(/\/\*$/, '');
+      // 如果是树节点，需要额外拼接 param
+      // debugger;
+      if (isTree) {
+        return [].concat(_toConsumableArray(result), [/*#__PURE__*/_react.default.createElement(_reactRouterDom.Route, {
+          key: purePath,
+          path: "".concat(pathPrefix, "/").concat(purePath),
+          exact: true,
+          render: function render(props) {
+            return /*#__PURE__*/_react.default.createElement(_react.default.Suspense, {
+              fallback: /*#__PURE__*/_react.default.createElement(_blank.Spin, null)
+            }, /*#__PURE__*/_react.default.createElement(Com, props));
+          }
+        }), /*#__PURE__*/_react.default.createElement(_reactRouterDom.Route, {
+          key: purePath,
+          path: "".concat(pathPrefix, "/").concat(purePath, "/:treePath/*"),
+          exact: true,
+          render: function render(props) {
+            return /*#__PURE__*/_react.default.createElement(_react.default.Suspense, {
+              fallback: /*#__PURE__*/_react.default.createElement(_blank.Spin, null)
+            }, /*#__PURE__*/_react.default.createElement(Com, props));
+          }
+        })]);
+      }
+      return [].concat(_toConsumableArray(result), [/*#__PURE__*/_react.default.createElement(_reactRouterDom.Route, {
+        key: purePath,
+        path: "".concat(pathPrefix, "/").concat(purePath, "/*"),
+        exact: true,
+        render: function render(props) {
+          return /*#__PURE__*/_react.default.createElement(_react.default.Suspense, {
+            fallback: /*#__PURE__*/_react.default.createElement(_blank.Spin, null)
+          }, /*#__PURE__*/_react.default.createElement(Com, props));
+        }
+      }), /*#__PURE__*/_react.default.createElement(_reactRouterDom.Route, {
+        key: purePath,
+        path: "".concat(pathPrefix, "/").concat(purePath),
+        exact: true,
+        render: function render(props) {
+          return /*#__PURE__*/_react.default.createElement(_react.default.Suspense, {
+            fallback: /*#__PURE__*/_react.default.createElement(_blank.Spin, null)
+          }, /*#__PURE__*/_react.default.createElement(Com, props));
+        }
+      })]);
+    }, []);
+  }, [routerConfig]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)(className, 'cf-compose-tab', {
+      // 'no-margin': !(hideWhenOnlyOne && dataSource.length === 1)
+    })
+  }, (dataSource === null || dataSource === void 0 ? void 0 : dataSource.length) > 1 && noTab && /*#__PURE__*/_react.default.createElement("div", {
+    className: "tab-row"
+  }, /*#__PURE__*/_react.default.createElement(_tab.default, _extends({}, others, {
+    hideWhenOnlyOne: hideWhenOnlyOne,
+    value: tabActiveKey,
+    onChange: handleChange,
+    dataSource: dataSource
+  }))), /*#__PURE__*/_react.default.createElement("div", {
+    className: "content-row tab-length-".concat(dataSource.length > 1 ? 'more' : 'less')
+  }, /*#__PURE__*/_react.default.createElement(_reactRouterDom.Switch, null, $routes, loading && /*#__PURE__*/_react.default.createElement(_reactRouterDom.Route, {
+    render: _blank.Spin
+  })), !loading && dataSource.length === 0 ? /*#__PURE__*/_react.default.createElement(_blank.Empty, null) : null));
+};
+var _default = exports.default = /*#__PURE__*/_react.default.memo(TabContainer);

package/lib/components/compose-tab/index.less

@@ -0,0 +1,129 @@
+.cf-compose-tab {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  overflow: visible;
+  .tab-row {
+    padding: 16px 24px 0 24px;
+    .ant-tabs-nav {
+      margin-bottom: 0;
+    }
+  }
+
+  .content-row {
+    flex: 1;
+    overflow: auto;
+    &.tab-length-more > .ss-compose-manage-container {
+      padding-top: 0;
+    }
+    &.tab-length-less > .ss-compose-manage-container {
+      padding-top: 24px;
+    }
+
+    > * {
+      margin-left: 24px;
+      margin-right: 24px;
+    }
+    > .cf-compose-tree {
+      margin-left: 0;
+      margin-right: 0;
+    }
+  }
+}
+// .tab-setp-number {
+//   .ant-radio-group {
+//     width: 100%;
+//     position: relative;
+//   }
+//   .ant-radio-group::after {
+//     position: absolute;
+//     content: '';
+//     bottom: 0;
+//     left: 0;
+//     height: 1px;
+//     background-color: #e8e8e8;
+//     z-index: 0;
+//     width: 100%;
+//   }
+//   .ant-radio-button-wrapper {
+//     position: relative;
+//     display: inline-block;
+//     height: 32px;
+//     margin: 0;
+//     padding: 0 15px;
+//     font-size: 14px;
+//     line-height: 30px;
+//     background: #fff;
+//     border: 0;
+//     color: rgba(0, 0, 0, 0.6);
+//     cursor: pointer;
+//     transition: none;
+//   }
+//   .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before,
+//   .ant-radio-button-wrapper:not(:first-child)::before {
+//     width: 0px;
+//   }
+
+//   .ant-radio-group-solid
+//     .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled),
+//   .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
+//     z-index: 1;
+//     color: rgba(0, 0, 0, 0.85);
+//     border-bottom: 3px solid #1785ec;
+//     border-radius: 0;
+//     background-color: #fff;
+//     .icon-style {
+//       background: #1785ec;
+//     }
+//   }
+
+//   .ant-tabs-bar {
+//     margin: 0 0 36px 0;
+//   }
+//   .ant-tabs-nav-wrap {
+//     padding-left: 32px;
+//   }
+//   .ant-tabs-nav .ant-tabs-tab {
+//     color: #595959;
+//     padding: 14px 16px;
+//     margin: 0 16px 0 0;
+//   }
+//   .ant-tabs-nav .ant-tabs-tab:hover {
+//     color: #595959;
+//   }
+//   .ant-tabs-nav .ant-tabs-tab-active {
+//     color: #262626;
+//   }
+//   .ant-tabs-nav .ant-tabs-tab-active:hover {
+//     color: #262626;
+//   }
+//   .ant-tabs-nav {
+//     height: 50px;
+//   }
+//   .ant-tabs-ink-bar {
+//     height: 3px;
+//   }
+
+//   .ant-form-item {
+//     margin-bottom: 32px;
+//     &.upload {
+//       margin-bottom: 24px;
+//     }
+//   }
+
+//   .common-icon-style {
+//     display: inline-block;
+//     width: 18px;
+//     height: 18px;
+//     text-align: center;
+//     line-height: 18px;
+//     font-style: normal;
+
+//     border-radius: 50%;
+//     color: #fff;
+//     margin-right: 8px;
+//   }
+//   .icon-style {
+//     background: #c2cfdf;
+//   }
+// }

package/lib/components/compose-tab/interface.js

@@ -0,0 +1 @@
+"use strict";

package/lib/components/compose-tab/tab.js

@@ -0,0 +1,67 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Tab;
+require("antd/es/radio/style");
+var _radio = _interopRequireDefault(require("antd/es/radio"));
+require("antd/es/tabs/style");
+var _tabs = _interopRequireDefault(require("antd/es/tabs"));
+var _react = _interopRequireWildcard(require("react"));
+var _excluded = ["dataSource", "value", "hideWhenOnlyOne", "type", "onChange"],
+  _excluded2 = ["label", "value"],
+  _excluded3 = ["label", "value"];
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
+var TabPane = _tabs.default.TabPane;
+function Tab(_ref) {
+  var dataSource = _ref.dataSource,
+    value = _ref.value,
+    hideWhenOnlyOne = _ref.hideWhenOnlyOne,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'card' : _ref$type,
+    onChange = _ref.onChange,
+    others = _objectWithoutProperties(_ref, _excluded);
+  // const changeEmitter = useCallback((activeKey) => {
+  //   onEmit('tabChange', activeKey);
+  // }, []);
+  var handleRadioChange = (0, _react.useCallback)(function (e) {
+    onChange(e.target.value);
+  }, [onChange]);
+  if (hideWhenOnlyOne && dataSource.length === 1) return null;
+  if (type === 'capsule') {
+    return /*#__PURE__*/_react.default.createElement(_radio.default.Group, _extends({
+      buttonStyle: "solid"
+    }, others, {
+      value: value,
+      onChange: handleRadioChange
+    }), (dataSource || []).map(function (_ref2) {
+      var label = _ref2.label,
+        value = _ref2.value,
+        others = _objectWithoutProperties(_ref2, _excluded2);
+      return /*#__PURE__*/_react.default.createElement(_radio.default.Button, _extends({
+        key: value,
+        value: value
+      }, others), label);
+    }));
+  }
+  return /*#__PURE__*/_react.default.createElement(_tabs.default, _extends({}, others, {
+    type: type,
+    activeKey: value,
+    onChange: onChange
+  }), (dataSource || []).map(function (_ref3) {
+    var label = _ref3.label,
+      value = _ref3.value,
+      others = _objectWithoutProperties(_ref3, _excluded3);
+    return /*#__PURE__*/_react.default.createElement(TabPane, _extends({
+      tab: label,
+      key: value
+    }, others));
+  }));
+}