@oceanbase/design 0.1.0

package/lib/Boundary/IBoundary.js

@@ -0,0 +1,17 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Boundary/IBoundary.ts
+var IBoundary_exports = {};
+module.exports = __toCommonJS(IBoundary_exports);

package/lib/Boundary/constant.d.ts

@@ -0,0 +1,26 @@
+export interface ConfigType {
+    title: string;
+    imageUrl: string;
+    buttonText?: string;
+    onClick?: () => void;
+}
+export declare type FunctionConfigType = Record<string, ConfigType>;
+export declare type FunctionStateType = keyof FunctionConfigType;
+export declare type CodeType = 404 | 403;
+export declare type CodePresetType = Record<CodeType, ConfigType>;
+export declare const CODE_PRESET: (locale: any) => CodePresetType;
+export declare const EXCEPTION_PRESET: (locale: any) => {
+    ERROR_BOUNDARY: {
+        title: any;
+        imageUrl: string;
+        buttonText: any;
+        onClick: () => void;
+    };
+    INCOMPATIBLE_VERSION: {
+        title: any;
+        imageUrl: string;
+        buttonText: any;
+        onClick: () => void;
+        subscription: any;
+    };
+};

package/lib/Boundary/constant.js

@@ -0,0 +1,71 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Boundary/constant.ts
+var constant_exports = {};
+__export(constant_exports, {
+  CODE_PRESET: () => CODE_PRESET,
+  EXCEPTION_PRESET: () => EXCEPTION_PRESET
+});
+module.exports = __toCommonJS(constant_exports);
+var CODE_PRESET = (locale) => {
+  return {
+    404: {
+      title: locale.noPage,
+      imageUrl: "https://gw.alipayobjects.com/mdn/rms_6fd3f1/afts/img/A*Tak4RYcBB_kAAAAAAAAAAAAAARQnAQ",
+      buttonText: locale.goHome,
+      onClick: () => {
+        window.location.href = "/";
+      }
+    },
+    403: {
+      title: locale.noPermission,
+      imageUrl: "https://gw.alipayobjects.com/mdn/rms_6fd3f1/afts/img/A*6wHtQbUwibUAAAAAAAAAAAAAARQnAQ",
+      buttonText: locale.goHome,
+      onClick: () => {
+        window.location.href = "/";
+      }
+    }
+  };
+};
+var EXCEPTION_PRESET = (locale) => {
+  return {
+    ERROR_BOUNDARY: {
+      title: locale.collapse,
+      imageUrl: "https://gw.alipayobjects.com/mdn/rms_6fd3f1/afts/img/A*GFuxRoxURRAAAAAAAAAAAAAAARQnAQ",
+      buttonText: locale.goHome,
+      onClick: () => {
+        window.location.href = "/";
+      }
+    },
+    INCOMPATIBLE_VERSION: {
+      title: locale.incompatible,
+      imageUrl: "https://gw.alipayobjects.com/mdn/rms_6fd3f1/afts/img/A*XPYFQ4ZEzzsAAAAAAAAAAAAAARQnAQ",
+      buttonText: locale.goHome,
+      onClick: () => {
+        window.location.href = "/";
+      },
+      subscription: locale.proposal
+    }
+  };
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CODE_PRESET,
+  EXCEPTION_PRESET
+});

package/lib/Boundary/index.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import './index.less';
+declare const _default: {
+    Code: any;
+    Function: import("react").FC<import("./Components").IBoundaryFunction>;
+    Exception: any;
+};
+export default _default;

package/lib/Boundary/index.js

@@ -0,0 +1,29 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Boundary/index.tsx
+var Boundary_exports = {};
+__export(Boundary_exports, {
+  default: () => Boundary_default
+});
+module.exports = __toCommonJS(Boundary_exports);
+var import_Components = require("./Components");
+var import_index = require("./index.less");
+var Boundary_default = { Code: import_Components.Code, Function: import_Components.BoundaryFunction, Exception: import_Components.Exception };
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/lib/Boundary/index.less

@@ -0,0 +1,44 @@
+@import '../variable.less';
+
+.boundary-container {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+  span {
+    color: @colorTextTertiary;
+    font-size: 14px;
+    text-align: center;
+  }
+  .@{prefixCls}-btn-primary {
+    span {
+      color: #fff;
+    }
+  }
+  .empty {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    padding-bottom: 60px;
+    img {
+      height: 102px;
+      margin-bottom: 24px;
+    }
+    h4 {
+      margin: 0;
+      margin-bottom: 8px;
+      font-size: 18px;
+    }
+    button {
+      margin-top: 24px;
+      span {
+        padding: 0 6px;
+        font-size: 14px;
+      }
+    }
+  }
+}
+.boundary-code {
+  min-height: calc(100vh - 120px);
+}

package/lib/Boundary/locale/en-US.d.ts

@@ -0,0 +1,11 @@
+declare const _default: {
+    goHome: string;
+    noPermission: string;
+    noPage: string;
+    normal: string;
+    test: string;
+    collapse: string;
+    incompatible: string;
+    proposal: string;
+};
+export default _default;

package/lib/Boundary/locale/en-US.js

@@ -0,0 +1,36 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Boundary/locale/en-US.ts
+var en_US_exports = {};
+__export(en_US_exports, {
+  default: () => en_US_default
+});
+module.exports = __toCommonJS(en_US_exports);
+var en_US_default = {
+  goHome: "Return to home page",
+  noPermission: "You do not have access to this page",
+  noPage: "This page was not found",
+  normal: "normal operation",
+  test: "Click to test crash effect",
+  collapse: "The page crashed ~",
+  incompatible: "Incompatible browser version",
+  proposal: "The browser version is too low. In order to avoid possible security risks, it is recommended to use Chrome browser version 80 or above"
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/lib/Boundary/locale/zh-CN.d.ts

@@ -0,0 +1,11 @@
+declare const _default: {
+    goHome: string;
+    noPermission: string;
+    noPage: string;
+    normal: string;
+    test: string;
+    collapse: string;
+    incompatible: string;
+    proposal: string;
+};
+export default _default;

package/lib/Boundary/locale/zh-CN.js

@@ -0,0 +1,36 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Boundary/locale/zh-CN.ts
+var zh_CN_exports = {};
+__export(zh_CN_exports, {
+  default: () => zh_CN_default
+});
+module.exports = __toCommonJS(zh_CN_exports);
+var zh_CN_default = {
+  goHome: "返回首页",
+  noPermission: "你没有此页面的访问权限",
+  noPage: "此页面未找到",
+  normal: "正常运行",
+  test: "点击测试崩溃效果",
+  collapse: "页面崩溃了～",
+  incompatible: "浏览器版本不兼容",
+  proposal: "浏览器版本过低，为避免可能存在的安全隐患，建议使用Chrome浏览器的80及以上版本"
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/lib/Boundary/locale/zh-TW.d.ts

@@ -0,0 +1,11 @@
+declare const _default: {
+    goHome: string;
+    noPermission: string;
+    noPage: string;
+    normal: string;
+    test: string;
+    collapse: string;
+    incompatible: string;
+    proposal: string;
+};
+export default _default;

package/lib/Boundary/locale/zh-TW.js

@@ -0,0 +1,36 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Boundary/locale/zh-TW.ts
+var zh_TW_exports = {};
+__export(zh_TW_exports, {
+  default: () => zh_TW_default
+});
+module.exports = __toCommonJS(zh_TW_exports);
+var zh_TW_default = {
+  goHome: "返回首頁",
+  noPermission: "你沒有此頁面的存取權限",
+  noPage: "此頁面未找到",
+  normal: "正常運行",
+  test: "點擊測試崩潰效果",
+  collapse: "頁面崩潰了～",
+  incompatible: "流覽器版本不相容",
+  proposal: "流覽器版本過低，為避免可能存在的安全隱患，建議使用Chrome瀏覽器的80及以上版本"
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/lib/Boundary/utils.d.ts

@@ -0,0 +1 @@
+export declare const getBrowserNameVersion: () => string[];

package/lib/Boundary/utils.js

@@ -0,0 +1,46 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Boundary/utils.ts
+var utils_exports = {};
+__export(utils_exports, {
+  getBrowserNameVersion: () => getBrowserNameVersion
+});
+module.exports = __toCommonJS(utils_exports);
+var getBrowserNameVersion = () => {
+  const ua = navigator.userAgent.toLowerCase();
+  const info = {
+    IE: /msie/.test(ua) && !/opera/.test(ua),
+    //匹配IE浏览器
+    Opera: /opera/.test(ua),
+    //匹配Opera浏览器
+    Safari: /version.*safari/.test(ua),
+    //匹配Safari浏览器
+    Chrome: /chrome/.test(ua),
+    //匹配Chrome浏览器
+    Firefox: /gecko/.test(ua) && !/webkit/.test(ua)
+    //匹配Firefox浏览器
+  };
+  return Object.keys(info).filter((item) => {
+    return info[item];
+  });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getBrowserNameVersion
+});

package/lib/Button/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { ButtonProps as AntButtonProps } from 'antd/es/button';
+export declare type ButtonProps = AntButtonProps;
+declare const Button: {
+    ({ prefixCls: customizePrefixCls, className, ...restProps }: ButtonProps): JSX.Element;
+    Group: React.FC<import("antd/es/button").ButtonGroupProps>;
+    __ANT_BUTTON: any;
+    displayName: string;
+};
+export default Button;

package/lib/Button/index.js

@@ -0,0 +1,53 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Button/index.tsx
+var Button_exports = {};
+__export(Button_exports, {
+  default: () => Button_default
+});
+module.exports = __toCommonJS(Button_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_classnames = __toESM(require("classnames"));
+var import_style = __toESM(require("./style"));
+var Button = ({ prefixCls: customizePrefixCls, className, ...restProps }) => {
+  const { getPrefixCls } = (0, import_react.useContext)(import_antd.ConfigProvider.ConfigContext);
+  const prefixCls = getPrefixCls("btn", customizePrefixCls);
+  const { wrapSSR, hashId } = (0, import_style.default)(prefixCls);
+  const buttonCls = (0, import_classnames.default)(className, hashId);
+  return wrapSSR(/* @__PURE__ */ import_react.default.createElement(import_antd.Button, { prefixCls: customizePrefixCls, className: buttonCls, ...restProps }));
+};
+Button.Group = import_antd.Button.Group;
+Button.__ANT_BUTTON = import_antd.Button.__ANT_BUTTON;
+if (process.env.NODE_ENV !== "production") {
+  Button.displayName = import_antd.Button.displayName;
+}
+var Button_default = Button;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/lib/Button/style/index.d.ts

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

package/lib/Button/style/index.js

@@ -0,0 +1,52 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Button/style/index.ts
+var style_exports = {};
+__export(style_exports, {
+  default: () => style_default,
+  genButtonStyle: () => genButtonStyle
+});
+module.exports = __toCommonJS(style_exports);
+var import_genComponentStyleHook = require("../../_util/genComponentStyleHook");
+var genButtonStyle = (token) => {
+  const { componentCls } = token;
+  return {
+    [`${componentCls}${componentCls}-primary:not([disabled]):not(${componentCls}-disabled):not(${componentCls}-dangerous):not(${componentCls}-background-ghost)`]: {
+      background: "linear-gradient(-45deg, #002bff 0%, #0080ff 100%)",
+      border: "none",
+      boxShadow: "none",
+      ["&:hover"]: {
+        background: "linear-gradient(-45deg, #002bff 60%, #0080ff 100%)"
+      },
+      ["&:active"]: {
+        background: "linear-gradient(-45deg, #002bff 90%, #0080ff 100%)"
+      }
+    }
+  };
+};
+var style_default = (prefixCls) => {
+  const useStyle = (0, import_genComponentStyleHook.genComponentStyleHook)("Button", (token) => {
+    return [genButtonStyle(token)];
+  });
+  return useStyle(prefixCls);
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  genButtonStyle
+});

package/lib/Card/index.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import type { CardProps as AntCardProps, CardTabListType as AntCardTabListType } from 'antd/es/card';
+export interface CardTabListType extends AntCardTabListType {
+    tag?: React.ReactNode;
+}
+export interface CardProps extends AntCardProps {
+    divided?: boolean;
+    tabList?: CardTabListType[];
+}
+declare const Card: {
+    ({ children, divided, tabList, activeTabKey, defaultActiveTabKey, onTabChange, tabProps, prefixCls: customizePrefixCls, className, ...restProps }: CardProps): JSX.Element;
+    Grid: React.FC<import("antd/es/card").CardGridProps>;
+    Meta: React.FC<import("antd/es/card").CardMetaProps>;
+    displayName: string;
+};
+export default Card;

package/lib/Card/index.js

@@ -0,0 +1,112 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Card/index.tsx
+var Card_exports = {};
+__export(Card_exports, {
+  default: () => Card_default
+});
+module.exports = __toCommonJS(Card_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_classnames = __toESM(require("classnames"));
+var import_style = __toESM(require("./style"));
+var import_util = require("@oceanbase/util");
+var import_useInkBar = __toESM(require("../Tabs/hooks/useInkBar"));
+var Card = ({
+  children,
+  divided = true,
+  tabList,
+  activeTabKey,
+  defaultActiveTabKey,
+  onTabChange,
+  tabProps,
+  prefixCls: customizePrefixCls,
+  className,
+  ...restProps
+}) => {
+  const { getPrefixCls } = (0, import_react.useContext)(import_antd.ConfigProvider.ConfigContext);
+  const prefixCls = getPrefixCls("card", customizePrefixCls);
+  const tabsPrefixCls = getPrefixCls("tabs", customizePrefixCls);
+  const { wrapSSR, hashId } = (0, import_style.default)(prefixCls, tabsPrefixCls);
+  const cardCls = (0, import_classnames.default)(
+    {
+      [`${prefixCls}-no-divider`]: !divided
+    },
+    className,
+    hashId
+  );
+  const ref = (0, import_react.useRef)();
+  const newTabList = tabList == null ? void 0 : tabList.map((item) => {
+    if (!(0, import_util.isNullValue)(item.tag)) {
+      return {
+        ...item,
+        tab: /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { size: 4 }, item.tab, /* @__PURE__ */ import_react.default.createElement(import_antd.Tag, { bordered: false, className: `${tabsPrefixCls}-tab-tag` }, item.tag))
+      };
+    }
+    return item;
+  });
+  const [activeKey, setActiveKey] = (0, import_react.useState)(
+    activeTabKey || defaultActiveTabKey || (newTabList == null ? void 0 : newTabList[0].key)
+  );
+  (0, import_useInkBar.default)({
+    prefixCls: tabsPrefixCls,
+    activeKey,
+    size: tabProps == null ? void 0 : tabProps.size,
+    type: tabProps == null ? void 0 : tabProps.type,
+    tabPosition: tabProps == null ? void 0 : tabProps.tabPosition,
+    containerRef: ref
+  });
+  return wrapSSR(
+    /* @__PURE__ */ import_react.default.createElement("div", { ref }, /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Card,
+      {
+        tabList: newTabList,
+        defaultActiveTabKey,
+        activeTabKey,
+        onTabChange: (key) => {
+          setActiveKey(key);
+          onTabChange == null ? void 0 : onTabChange(key);
+        },
+        tabProps,
+        prefixCls: customizePrefixCls,
+        className: cardCls,
+        ...restProps
+      },
+      children
+    ))
+  );
+};
+Card.Grid = import_antd.Card.Grid;
+Card.Meta = import_antd.Card.Meta;
+if (process.env.NODE_ENV !== "production") {
+  Card.displayName = import_antd.Card.displayName;
+}
+var Card_default = Card;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/lib/Card/style/index.d.ts

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