@oceanbase/design 0.1.0

package/es/Table/style/index.js

@@ -0,0 +1,114 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import { genComponentStyleHook } from "../../_util/genComponentStyleHook";
+export var genTableStyle = function genTableStyle(token) {
+  var _$concat, _trTd$concat$co, _$concat4, _$concat$concat, _$concat7, _$concat$concat4, _$concat14, _ref;
+  var antCls = token.antCls,
+    componentCls = token.componentCls,
+    colorTextBase = token.colorTextBase,
+    colorBgBase = token.colorBgBase,
+    colorTextSecondary = token.colorTextSecondary,
+    colorTextTertiary = token.colorTextTertiary,
+    colorFillQuaternary = token.colorFillQuaternary,
+    colorPrimaryBg = token.colorPrimaryBg,
+    colorPrimaryBgHover = token.colorPrimaryBgHover,
+    colorLink = token.colorLink,
+    borderRadiusLG = token.borderRadiusLG,
+    colorBorderSecondary = token.colorBorderSecondary,
+    paddingSM = token.paddingSM,
+    padding = token.padding,
+    paddingLG = token.paddingLG,
+    marginLG = token.marginLG,
+    marginXS = token.marginXS,
+    marginSM = token.marginSM;
+  var largeCellPadding = "".concat(paddingSM, "px ").concat(padding, "px");
+  return _ref = {}, _defineProperty(_ref, "".concat(componentCls, "-wrapper ").concat(componentCls), (_$concat$concat = {
+    color: colorTextBase,
+    backgroundColor: colorBgBase,
+    borderRadius: borderRadiusLG
+  }, _defineProperty(_$concat$concat, "".concat(componentCls, "-thead > tr"), (_$concat = {}, _defineProperty(_$concat, 'td, th', {
+    // 弱化列标题
+    color: colorTextTertiary,
+    fontWeight: 'normal',
+    backgroundColor: colorBgBase
+  }), _defineProperty(_$concat, "td".concat(componentCls, "-row-expand-icon-cell"), {
+    backgroundColor: colorBgBase
+  }), _defineProperty(_$concat, "th".concat(componentCls, "-column-sort"), {
+    backgroundColor: colorBgBase
+  }), _defineProperty(_$concat, "".concat(componentCls, "-cell-scrollbar"), {
+    boxShadow: "0 1px 0 1px ".concat(colorBgBase)
+  }), _$concat)), _defineProperty(_$concat$concat, "".concat(componentCls, "-tbody"), (_$concat4 = {}, _defineProperty(_$concat4, "tr:nth-child(2n + 1):not(".concat(componentCls, "-placeholder):not(").concat(componentCls, "-row-selected)"), {
+    td: {
+      backgroundColor: colorBgBase
+    }
+  }), _defineProperty(_$concat4, "tr:nth-child(2n):not(".concat(componentCls, "-placeholder):not(").concat(componentCls, "-row-selected):not(").concat(componentCls, "-expanded-row)"), {
+    td: {
+      backgroundColor: colorFillQuaternary
+    }
+  }), _defineProperty(_$concat4, "tr:not(".concat(componentCls, "-placeholder):not(").concat(componentCls, "-expanded-row):hover"), {
+    td: {
+      backgroundColor: "".concat(colorPrimaryBgHover, " !important")
+    }
+  }), _defineProperty(_$concat4, "tr".concat(componentCls, "-row-selected > td"), {
+    backgroundColor: colorPrimaryBg
+  }), _defineProperty(_$concat4, "".concat(componentCls, "-expanded-row > td"), _defineProperty({
+    padding: "".concat(paddingSM, "px ").concat(paddingLG, "px ").concat(paddingSM, "px ").concat(padding + paddingLG, "px !important"),
+    backgroundColor: colorBgBase
+  }, "& > *:not(".concat(componentCls, "-wrapper)"), {
+    marginTop: -marginSM,
+    padding: largeCellPadding,
+    backgroundColor: colorFillQuaternary,
+    borderRadius: borderRadiusLG
+  })), _defineProperty(_$concat4, "tr > td > ".concat(componentCls, "-wrapper:only-child ").concat(componentCls), (_trTd$concat$co = {
+    // 调整嵌套子表格的间距
+    marginBlock: '0 !important',
+    marginInline: '0 !important'
+  }, _defineProperty(_trTd$concat$co, "".concat(componentCls, "-thead > tr > th"), {
+    backgroundColor: "".concat(colorFillQuaternary, " !important")
+  }), _defineProperty(_trTd$concat$co, "".concat(componentCls, "-tbody ").concat(componentCls, "-row td"), {
+    backgroundColor: "".concat(colorFillQuaternary, " !important")
+  }), _defineProperty(_trTd$concat$co, "".concat(componentCls, "-tbody > tr:last-child"), _defineProperty({}, 'td:first-child, td:last-child', {
+    borderRadius: borderRadiusLG
+  })), _trTd$concat$co)), _$concat4)), _$concat$concat)), _defineProperty(_ref, "".concat(componentCls, "-wrapper"), (_$concat7 = {}, _defineProperty(_$concat7, "".concat(componentCls, ":not(").concat(componentCls, "-middle):not(").concat(componentCls, "-small)"), _defineProperty({}, "".concat(componentCls, "-thead > tr"), _defineProperty({}, 'td, th', {
+    padding: largeCellPadding
+  }))), _defineProperty(_$concat7, "".concat(componentCls, "-tbody"), _defineProperty({}, "tr:not(".concat(componentCls, "-measure-row) > td"), {
+    padding: largeCellPadding
+  })), _$concat7)), _defineProperty(_ref, "".concat(componentCls, "-wrapper:not(").concat(componentCls, "-expandable)"), _defineProperty({}, "".concat(componentCls, ":not(").concat(componentCls, "-bordered)"), _defineProperty({}, "".concat(componentCls, "-tbody"), _defineProperty({}, "tr:not(".concat(componentCls, "-measure-row) > td"), {
+    border: 'none'
+  })))), _defineProperty(_ref, "".concat(componentCls, "-wrapper").concat(componentCls, "-expandable"), (_$concat$concat4 = {}, _defineProperty(_$concat$concat4, "".concat(componentCls), _defineProperty({}, "".concat(componentCls, "-tbody"), _defineProperty({}, "tr:nth-child(2n):not(".concat(componentCls, "-placeholder):not(").concat(componentCls, "-expanded-row)"), _defineProperty({
+    td: {
+      backgroundColor: colorBgBase
+    }
+  }, '&:hover', {
+    td: {
+      backgroundColor: colorPrimaryBgHover
+    }
+  })))), _defineProperty(_$concat$concat4, "".concat(componentCls, "-pagination"), _defineProperty({}, "&".concat(antCls, "-pagination"), {
+    borderTop: 'none'
+  })), _$concat$concat4)), _defineProperty(_ref, "".concat(componentCls, "-wrapper"), _defineProperty({}, "".concat(componentCls, "-pagination"), (_$concat14 = {}, _defineProperty(_$concat14, "&".concat(antCls, "-pagination"), {
+    padding: "".concat(padding, "px 0"),
+    margin: '0 !important',
+    borderTop: "1px solid ".concat(colorBorderSecondary)
+  }), _defineProperty(_$concat14, "".concat(componentCls, "-batch-operation-bar"), _defineProperty({
+    position: 'absolute',
+    left: 0,
+    display: 'inline-block',
+    marginRight: marginLG
+  }, "".concat(componentCls, "-batch-operation-selection"), _defineProperty({
+    color: colorTextSecondary,
+    fontWeight: 500
+  }, "".concat(componentCls, "-batch-operation-selection-count"), {
+    margin: "0 ".concat(marginXS, "px"),
+    color: colorLink
+  }))), _$concat14))), _defineProperty(_ref, "".concat(antCls, "-popover").concat(componentCls, "-batch-operation-selection-popover"), _defineProperty({}, "".concat(antCls, "-popover-inner"), {
+    padding: 0
+  })), _ref;
+};
+export default (function (prefixCls) {
+  var useStyle = genComponentStyleHook('Table', function (token) {
+    return [genTableStyle(token)];
+  });
+  return useStyle(prefixCls);
+});

package/es/Tabs/TabPane.d.ts

@@ -0,0 +1,7 @@
+import type React from 'react';
+import type { TabPaneProps as AntTabPaneProps } from 'antd/es/tabs/TabPane';
+export interface TabPaneProps extends AntTabPaneProps {
+    tag?: React.ReactNode;
+}
+declare const _default: React.FC<AntTabPaneProps>;
+export default _default;

package/es/Tabs/TabPane.js

@@ -0,0 +1,2 @@
+import { Tabs as AntTabs } from 'antd';
+export default AntTabs.TabPane;

package/es/Tabs/hooks/useInkBar.d.ts

@@ -0,0 +1,12 @@
+import type { MutableRefObject } from 'react';
+import type { TabsPosition, TabsType } from 'antd/es/tabs';
+import type { SizeType } from 'antd/es/config-provider/SizeContext';
+declare const _default: ({ prefixCls, activeKey, size, type, tabPosition, containerRef, }: {
+    prefixCls: string;
+    activeKey: string;
+    size: SizeType;
+    type: TabsType;
+    tabPosition: TabsPosition;
+    containerRef: MutableRefObject<HTMLDivElement>;
+}) => void;
+export default _default;

package/es/Tabs/hooks/useInkBar.js

@@ -0,0 +1,41 @@
+import { useEffect } from 'react';
+export default (function (_ref) {
+  var prefixCls = _ref.prefixCls,
+    activeKey = _ref.activeKey,
+    size = _ref.size,
+    type = _ref.type,
+    tabPosition = _ref.tabPosition,
+    containerRef = _ref.containerRef;
+  var isHorizontal = !tabPosition || tabPosition === 'top' || tabPosition === 'bottom';
+  var isVertical = tabPosition === 'left' || tabPosition === 'right';
+  useEffect(function () {
+    var _containerNode$getEle;
+    // Tabs 容器节点
+    var containerNode = containerRef.current;
+    // inkbar 节点
+    var inkBarNode = containerNode === null || containerNode === void 0 ? void 0 : (_containerNode$getEle = containerNode.getElementsByClassName("".concat(prefixCls, "-ink-bar"))) === null || _containerNode$getEle === void 0 ? void 0 : _containerNode$getEle[0];
+    // 当前选中的 Tab 节点
+    var activeTabNode = containerNode === null || containerNode === void 0 ? void 0 : containerNode.querySelector("[data-node-key=\"".concat(activeKey, "\"]"));
+    // 当前选中的 Tab 下的 btn 节点
+    var activeTabBtnNode = containerNode === null || containerNode === void 0 ? void 0 : containerNode.querySelector("[data-node-key=\"".concat(activeKey, "\"]>.").concat(prefixCls, "-tab-btn"));
+
+    // 水平布局下 inkbar 的偏移量
+    var horizontalOffset = 8;
+    setTimeout(function () {
+      if ((!type || type === 'line') && inkBarNode) {
+        // 水平布局，如果 inkbar 宽度 > 32，则两侧各减去 8px，并保持水平居中
+        if (isHorizontal && (activeTabNode === null || activeTabNode === void 0 ? void 0 : activeTabNode.offsetWidth) > 32) {
+          inkBarNode.style.width = "".concat((activeTabNode === null || activeTabNode === void 0 ? void 0 : activeTabNode.offsetWidth) - horizontalOffset * 2, "px");
+          inkBarNode.style.marginLeft = "".concat(horizontalOffset, "px");
+          inkBarNode.style.marginTop = '0px';
+        }
+        // 垂直布局，inkbar 高度始终与 Tab btn 相同，并保持垂直居中
+        if (isVertical) {
+          inkBarNode.style.height = "".concat(activeTabBtnNode === null || activeTabBtnNode === void 0 ? void 0 : activeTabBtnNode.offsetHeight, "px");
+          inkBarNode.style.marginTop = "".concat(((activeTabNode === null || activeTabNode === void 0 ? void 0 : activeTabNode.offsetHeight) - (activeTabBtnNode === null || activeTabBtnNode === void 0 ? void 0 : activeTabBtnNode.offsetHeight)) / 2, "px");
+          inkBarNode.style.marginLeft = '0px';
+        }
+      }
+    }, 100);
+  }, [prefixCls, activeKey, size, type, isHorizontal, isVertical, containerRef]);
+});

package/es/Tabs/hooks/useLegacyItems.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import type { Tab } from 'rc-tabs/lib/interface';
+import type { TabsProps } from '..';
+export default function useLegacyItems(items?: TabsProps['items'], children?: React.ReactNode, prefixCls?: string): Tab[];

package/es/Tabs/hooks/useLegacyItems.js

@@ -0,0 +1,50 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+var _excluded = ["tab", "tag"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import * as React from 'react';
+import { Space, Tag } from 'antd';
+import warning from 'antd/es/_util/warning';
+import toArray from 'rc-util/lib/Children/toArray';
+import { isNullValue } from '@oceanbase/util';
+function filter(items) {
+  return items.filter(function (item) {
+    return item;
+  });
+}
+
+// ref: https://github.com/ant-design/ant-design/blob/master/components/tabs/hooks/useLegacyItems.ts
+export default function useLegacyItems(items, children, prefixCls) {
+  if (items) {
+    return items;
+  }
+  warning(!children, 'Tabs', 'Tabs.TabPane is deprecated. Please use `items` directly.');
+  var childrenItems = toArray(children).map(function (node) {
+    if ( /*#__PURE__*/React.isValidElement(node)) {
+      var key = node.key,
+        props = node.props;
+      var _ref = props || {},
+        tab = _ref.tab,
+        tag = _ref.tag,
+        restProps = _objectWithoutProperties(_ref, _excluded);
+      var item = _objectSpread(_objectSpread({
+        key: String(key)
+      }, restProps), {}, {
+        label: isNullValue(tag) ? tab : /*#__PURE__*/React.createElement(Space, {
+          size: 4
+        }, tab, /*#__PURE__*/React.createElement(Tag, {
+          bordered: false,
+          className: "".concat(prefixCls, "-tab-tag")
+        }, tag))
+      });
+      return item;
+    }
+    return null;
+  });
+  return filter(childrenItems);
+}

package/es/Tabs/index.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import type { TabsProps as AntTabsProps, TabsPosition as AntTabsPosition } from 'antd/es/tabs';
+import type { Tab as AntTab } from 'rc-tabs/es/interface';
+export type { TabPaneProps } from './TabPane';
+export interface Tab extends AntTab {
+    tag?: React.ReactNode;
+}
+export interface TabsProps extends AntTabsProps {
+    items?: Tab[];
+}
+export declare type TabsPosition = AntTabsPosition;
+declare const Tabs: {
+    ({ children, items, defaultActiveKey, activeKey: activeKeyProp, onChange, size, type, tabPosition, prefixCls: customizePrefixCls, className, ...restProps }: TabsProps): JSX.Element;
+    TabPane: React.FC<import("antd").TabPaneProps>;
+    displayName: string;
+};
+export default Tabs;

package/es/Tabs/index.js

@@ -0,0 +1,95 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+var _excluded = ["children", "items", "defaultActiveKey", "activeKey", "onChange", "size", "type", "tabPosition", "prefixCls", "className"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _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(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import React, { useState, useRef, useContext } from 'react';
+import { Tabs as AntTabs, ConfigProvider as AntConfigProvider, Space, Tag } from 'antd';
+import classNames from 'classnames';
+import { isNullValue } from '@oceanbase/util';
+import useInkBar from "./hooks/useInkBar";
+import useLegacyItems from "./hooks/useLegacyItems";
+import useStyle from "./style";
+import TabPane from "./TabPane";
+var Tabs = function Tabs(_ref) {
+  var _newItems;
+  var children = _ref.children,
+    items = _ref.items,
+    defaultActiveKey = _ref.defaultActiveKey,
+    activeKeyProp = _ref.activeKey,
+    _onChange = _ref.onChange,
+    size = _ref.size,
+    type = _ref.type,
+    tabPosition = _ref.tabPosition,
+    customizePrefixCls = _ref.prefixCls,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded);
+  var _useContext = useContext(AntConfigProvider.ConfigContext),
+    getPrefixCls = _useContext.getPrefixCls;
+  var prefixCls = getPrefixCls('tabs', customizePrefixCls);
+  var _useStyle = useStyle(prefixCls),
+    wrapSSR = _useStyle.wrapSSR,
+    hashId = _useStyle.hashId;
+  var tabsCls = classNames(className, hashId);
+  var ref = useRef();
+  var isHorizontal = !tabPosition || tabPosition === 'top' || tabPosition === 'bottom';
+  var newItems = items === null || items === void 0 ? void 0 : items.map(function (item) {
+    if (!isNullValue(item.tag)) {
+      return _objectSpread(_objectSpread({}, item), {}, {
+        label: /*#__PURE__*/React.createElement(Space, {
+          size: 4
+        }, item.label, /*#__PURE__*/React.createElement(Tag, {
+          bordered: false,
+          className: "".concat(prefixCls, "-tab-tag")
+        }, item.tag))
+      });
+    }
+    return item;
+  });
+  newItems = useLegacyItems(newItems, children, prefixCls);
+  var _useState = useState(activeKeyProp || defaultActiveKey || ((_newItems = newItems) === null || _newItems === void 0 ? void 0 : _newItems[0].key)),
+    _useState2 = _slicedToArray(_useState, 2),
+    activeKey = _useState2[0],
+    setActiveKey = _useState2[1];
+  useInkBar({
+    prefixCls: prefixCls,
+    activeKey: activeKey,
+    size: size,
+    type: type,
+    tabPosition: tabPosition,
+    containerRef: ref
+  });
+  return wrapSSR( /*#__PURE__*/React.createElement("div", {
+    ref: ref
+  }, /*#__PURE__*/React.createElement(AntTabs, _extends({
+    items: newItems,
+    defaultActiveKey: defaultActiveKey,
+    activeKey: activeKey,
+    onChange: function onChange(key) {
+      setActiveKey(key);
+      _onChange === null || _onChange === void 0 ? void 0 : _onChange(key);
+    },
+    size: size,
+    type: type,
+    tabPosition: tabPosition,
+    tabBarGutter: !type || type === 'line' ? isHorizontal ? 24 : 0 : undefined,
+    prefixCls: customizePrefixCls,
+    className: tabsCls
+  }, restProps))));
+};
+Tabs.TabPane = TabPane;
+if (process.env.NODE_ENV !== 'production') {
+  Tabs.displayName = AntTabs.displayName;
+}
+export default Tabs;

package/es/Tabs/style/index.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { FullToken, GenerateStyle } from 'antd/es/theme/internal';
+export declare type TabsToken = FullToken<'Tabs'>;
+export declare const genTagStyle: GenerateStyle<TabsToken>;
+declare const _default: (prefixCls: string) => {
+    wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => JSX.Element;
+    hashId: string;
+};
+export default _default;

package/es/Tabs/style/index.js

@@ -0,0 +1,35 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import { genComponentStyleHook } from "../../_util/genComponentStyleHook";
+export var genTagStyle = function genTagStyle(token) {
+  var _componentCls, _ref;
+  var componentCls = token.componentCls,
+    colorInfo = token.colorInfo,
+    colorInfoBg = token.colorInfoBg,
+    colorTextSecondary = token.colorTextSecondary;
+  return _ref = {}, _defineProperty(_ref, componentCls, (_componentCls = {}, _defineProperty(_componentCls, "".concat(componentCls, "-tab"), _defineProperty({}, "".concat(componentCls, "-tab-tag"), {
+    color: colorTextSecondary,
+    fontFamily: 'PingFangSC',
+    fontSize: 12,
+    borderRadius: 12,
+    marginInlineEnd: 0,
+    height: 20
+  })), _defineProperty(_componentCls, "".concat(componentCls, "-tab-active"), _defineProperty({}, "".concat(componentCls, "-tab-tag"), {
+    color: colorInfo,
+    backgroundColor: colorInfoBg
+  })), _defineProperty(_componentCls, "".concat(componentCls, "-ink-bar"), {
+    // inkbar 带圆角
+    borderRadius: '1px'
+  }), _componentCls)), _defineProperty(_ref, componentCls, _defineProperty({}, "&".concat(componentCls, "-top, &").concat(componentCls, "-bottom"), _defineProperty({}, "".concat(componentCls, "-nav::before"), {
+    // 页签位置为 top 和 bottom 时，去掉分割线
+    border: 'none'
+  }))), _ref;
+};
+export default (function (prefixCls) {
+  var useStyle = genComponentStyleHook('Tabs', function (token) {
+    return [genTagStyle(token)];
+  });
+  return useStyle(prefixCls);
+});

package/es/TaskGraph/Graph.d.ts

@@ -0,0 +1,24 @@
+import type { GraphData } from '@antv/g6/lib/types';
+import type { LocaleWrapperProps } from '../locale/LocaleWrapper';
+import './graph.less';
+export interface TaskGraphLocale {
+    successful: string;
+    running: string;
+    failed: string;
+    pending: string;
+    taskId: string;
+    log: string;
+    parameter: string;
+    stop: string;
+    retry: string;
+    skip: string;
+}
+export interface TaskGraphProps extends LocaleWrapperProps {
+    data: GraphData;
+    onMenuClick: (key: string, subTask: any, onSuccess: () => void) => void;
+    onLogAdd: (subTask: any) => void;
+    assetsPath?: string;
+    locale?: TaskGraphLocale;
+}
+declare const _default: any;
+export default _default;