@oceanbase/design 1.0.0-alpha.2 → 1.0.0-alpha.3

package/lib/result/index.d.ts

@@ -8,10 +8,10 @@ export type ResultStatusType = AntResultStatusType | 'processing';
 export interface ResultProps extends Omit<AntResultProps, 'status'> {
     status?: ResultStatusType;
 }
-export interface ResultType extends React.FC<ResultProps> {
+export type ResultType = React.FC<ResultProps> & {
     PRESENTED_IMAGE_403: typeof Image403;
     PRESENTED_IMAGE_404: typeof Image404;
     PRESENTED_IMAGE_500: typeof Image500;
-}
+};
 declare const Result: ResultType;
 export default Result;

package/lib/result/index.js

@@ -33,7 +33,7 @@ __export(result_exports, {
   default: () => result_default
 });
 module.exports = __toCommonJS(result_exports);
-var import_react = __toESM(require("react"));
+var import_react = require("react");
 var import_antd = require("antd");
 var import_classnames = __toESM(require("classnames"));
 var import_config_provider = __toESM(require("../config-provider"));
@@ -46,22 +46,23 @@ var import__2 = __toESM(require("./404"));
 var import__3 = __toESM(require("./500"));
 var import_style = __toESM(require("./style"));
 __reExport(result_exports, require("antd/es/result"), module.exports);
-var Result = ({ status, prefixCls: customizePrefixCls, ...restProps }) => {
+var import_jsx_runtime = require("react/jsx-runtime");
+var Result = ({ prefixCls: customizePrefixCls, className, status, ...restProps }) => {
   const { getPrefixCls } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
   const prefixCls = getPrefixCls("result", customizePrefixCls);
   const { wrapSSR } = (0, import_style.default)(prefixCls);
-  const resultCls = (0, import_classnames.default)(prefixCls);
+  const resultCls = (0, import_classnames.default)(className);
   const statusMap = {
-    success: /* @__PURE__ */ import_react.default.createElement(import_Success.default, null),
-    error: /* @__PURE__ */ import_react.default.createElement(import_Error.default, null),
-    warning: /* @__PURE__ */ import_react.default.createElement(import_Warning.default, null),
-    processing: /* @__PURE__ */ import_react.default.createElement(import_Processing.default, null),
-    403: /* @__PURE__ */ import_react.default.createElement(import__.default, null),
-    404: /* @__PURE__ */ import_react.default.createElement(import__2.default, null),
-    500: /* @__PURE__ */ import_react.default.createElement(import__3.default, null)
+    success: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Success.default, {}),
+    error: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Error.default, {}),
+    warning: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Warning.default, {}),
+    processing: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Processing.default, {}),
+    403: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.default, {}),
+    404: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.default, {}),
+    500: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__3.default, {})
   };
   return wrapSSR(
-    /* @__PURE__ */ import_react.default.createElement(
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_antd.Result,
       {
         icon: statusMap[status],

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { FullToken, GenerateStyle } from 'antd/es/theme/internal';
+import type { FullToken, GenerateStyle } from '../../theme/interface';
 export type ResultToken = FullToken<'Result'>;
 export declare const genResultStyle: GenerateStyle<ResultToken>;
 declare const _default: (prefixCls: string) => {

package/lib/segmented/index.js

@@ -40,6 +40,7 @@ var import_typography = __toESM(require("../typography"));
 var import_badge = __toESM(require("../badge"));
 var import_style = __toESM(require("./style"));
 __reExport(segmented_exports, require("antd/es/segmented"), module.exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var isReactNode = (item) => {
   return import_react.default.isValidElement(item);
 };
@@ -50,21 +51,24 @@ var Segmented = import_react.default.forwardRef(
     const { wrapSSR } = (0, import_style.default)(prefixCls);
     const renderBadge = (0, import_react.useCallback)((badge) => {
       if (typeof badge === "object" && !isReactNode(badge)) {
-        return /* @__PURE__ */ import_react.default.createElement(import_badge.default, { ...badge });
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_badge.default, { ...badge });
       }
-      return /* @__PURE__ */ import_react.default.createElement(import_badge.default, { count: badge });
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_badge.default, { count: badge });
     }, []);
     const newOptions = options == null ? void 0 : options.map((item) => {
       if (typeof item === "object") {
         const { label, badge, ...restItem } = item;
         return {
           ...restItem,
-          label: /* @__PURE__ */ import_react.default.createElement(import_antd.Flex, { gap: 4, align: "center", justify: "center" }, (item == null ? void 0 : item.ellipsis) ? /* @__PURE__ */ import_react.default.createElement(import_typography.default.Text, { ellipsis: item.ellipsis }, label) : label, badge && renderBadge(badge))
+          label: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_antd.Flex, { gap: 4, align: "center", justify: "center", children: [
+            (item == null ? void 0 : item.ellipsis) ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_typography.default.Text, { ellipsis: item.ellipsis, children: label }) : label,
+            badge && renderBadge(badge)
+          ] })
         };
       }
       return item;
     });
-    return wrapSSR(/* @__PURE__ */ import_react.default.createElement(import_antd.Segmented, { ref, options: newOptions, ...restProps }));
+    return wrapSSR(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Segmented, { ref, options: newOptions, ...restProps }));
   }
 );
 if (process.env.NODE_ENV !== "production") {

package/lib/select/index.js

@@ -40,6 +40,7 @@ var import_config_provider = __toESM(require("../config-provider"));
 var import_en_US = __toESM(require("../locale/en-US"));
 var import_style = __toESM(require("./style"));
 __reExport(select_exports, require("antd/es/select"), module.exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var InternalSelect = import_react.default.forwardRef(
   ({ locale: customLocale, prefixCls: customizePrefixCls, className, ...restProps }, ref) => {
     const { locale: contextLocale, getPrefixCls } = (0, import_react.useContext)(
@@ -56,7 +57,7 @@ var InternalSelect = import_react.default.forwardRef(
     const { wrapSSR } = (0, import_style.default)(prefixCls);
     const selectCls = (0, import_classnames.default)(className);
     return wrapSSR(
-      /* @__PURE__ */ import_react.default.createElement(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_antd.Select,
         {
           ref,

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { FullToken, GenerateStyle } from 'antd/es/theme/internal';
+import type { FullToken, GenerateStyle } from '../../theme/interface';
 export type SelectToken = FullToken<'Select'>;
 export declare const genSelectStyle: GenerateStyle<SelectToken>;
 declare const _default: (prefixCls: string) => {

package/lib/slider/index.js

@@ -39,6 +39,7 @@ var import_react = __toESM(require("react"));
 var import_config_provider = __toESM(require("../config-provider"));
 var import_style = __toESM(require("./style"));
 __reExport(slider_exports, require("antd/es/slider"), module.exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var Slider = import_react.default.forwardRef(
   ({ prefixCls: customizePrefixCls, className, ...restProps }, ref) => {
     const { getPrefixCls } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
@@ -46,7 +47,7 @@ var Slider = import_react.default.forwardRef(
     const { wrapSSR } = (0, import_style.default)(prefixCls);
     const sliderCls = (0, import_classnames.default)(className);
     return wrapSSR(
-      /* @__PURE__ */ import_react.default.createElement(import_antd.Slider, { ref, prefixCls: customizePrefixCls, className: sliderCls, ...restProps })
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Slider, { ref, prefixCls: customizePrefixCls, className: sliderCls, ...restProps })
     );
   }
 );

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { FullToken, GenerateStyle } from 'antd/es/theme/internal';
+import type { FullToken, GenerateStyle } from '../../theme/interface';
 export type SliderToken = FullToken<'Slider'>;
 export declare const genSliderStyle: GenerateStyle<SliderToken>;
 declare const _default: (prefixCls: string) => {

package/lib/space/index.js

@@ -43,6 +43,7 @@ var import_antd = require("antd");
 var import_style = __toESM(require("./style"));
 __reExport(space_exports, require("antd/es/space"), module.exports);
 var import_context = require("antd/es/space/context");
+var import_jsx_runtime = require("react/jsx-runtime");
 var Space = React.forwardRef(
   ({ prefixCls: customizePrefixCls, className, ...restProps }, ref) => {
     const { getPrefixCls } = React.useContext(import_config_provider.ConfigContext);
@@ -56,7 +57,7 @@ var Space = React.forwardRef(
       },
       className
     );
-    return wrapSSR(/* @__PURE__ */ React.createElement(import_antd.Space, { ref, className: spaceCls, ...restProps }));
+    return wrapSSR(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Space, { ref, className: spaceCls, ...restProps }));
   }
 );
 if (process.env.NODE_ENV !== "production") {

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { type FullToken, type GenerateStyle } from 'antd/es/theme/internal';
+import type { FullToken, GenerateStyle } from '../../theme/interface';
 export type SpaceToken = FullToken<'Space'>;
 export declare const genSpaceStyle: GenerateStyle<SpaceToken>;
 declare const _default: (prefixCls: string) => {

package/lib/spin/index.js

@@ -35,13 +35,14 @@ __export(spin_exports, {
 module.exports = __toCommonJS(spin_exports);
 var import_antd = require("antd");
 var import_classnames = __toESM(require("classnames"));
-var import_react = __toESM(require("react"));
+var import_react = require("react");
 var import_config_provider = __toESM(require("../config-provider"));
 var import_lottie = __toESM(require("../lottie"));
 var import_spin = __toESM(require("./assets/spin.json"));
 var import_spin_gray = __toESM(require("./assets/spin-gray.json"));
 var import_style = __toESM(require("./style"));
 __reExport(spin_exports, require("antd/es/spin"), module.exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var Spin = ({
   prefixCls: customizePrefixCls,
   className,
@@ -50,7 +51,7 @@ var Spin = ({
   ...restProps
 }) => {
   const { getPrefixCls, spin } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
-  const indicator = customizeIndicator || (spin == null ? void 0 : spin.indicator) || (gray ? /* @__PURE__ */ import_react.default.createElement(import_lottie.default, { animationData: import_spin_gray.default }) : /* @__PURE__ */ import_react.default.createElement(import_lottie.default, { animationData: import_spin.default }));
+  const indicator = customizeIndicator || (spin == null ? void 0 : spin.indicator) || (gray ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lottie.default, { animationData: import_spin_gray.default }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lottie.default, { animationData: import_spin.default }));
   const isDefaultIndicator = !(customizeIndicator || (spin == null ? void 0 : spin.indicator));
   const isGrayIndicator = isDefaultIndicator && gray;
   const prefixCls = getPrefixCls("spin", customizePrefixCls);
@@ -63,7 +64,7 @@ var Spin = ({
     className
   );
   return wrapSSR(
-    /* @__PURE__ */ import_react.default.createElement(
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_antd.Spin,
       {
         prefixCls: customizePrefixCls,
@@ -75,7 +76,7 @@ var Spin = ({
   );
 };
 Spin.setDefaultIndicator = import_antd.Spin.setDefaultIndicator;
-Spin.setDefaultIndicator(/* @__PURE__ */ import_react.default.createElement(Spin, null));
+Spin.setDefaultIndicator(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Spin, {}));
 if (process.env.NODE_ENV !== "production") {
   Spin.displayName = import_antd.Spin.displayName;
 }

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { FullToken, GenerateStyle } from 'antd/es/theme/internal';
+import type { FullToken, GenerateStyle } from '../../theme/interface';
 export type SpinToken = FullToken<'Spin'> & {
     spinDotSize: number;
     spinDotSizeSM: number;

package/lib/switch/index.js

@@ -39,6 +39,7 @@ var import_react = __toESM(require("react"));
 var import_config_provider = __toESM(require("../config-provider"));
 var import_style = __toESM(require("./style"));
 __reExport(switch_exports, require("antd/es/switch"), module.exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var InternalSwitch = import_react.default.forwardRef(
   ({ prefixCls: customizePrefixCls, className, ...restProps }, ref) => {
     const { getPrefixCls } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
@@ -46,7 +47,7 @@ var InternalSwitch = import_react.default.forwardRef(
     const { wrapSSR } = (0, import_style.default)(prefixCls);
     const switchCls = (0, import_classnames.default)(className);
     return wrapSSR(
-      /* @__PURE__ */ import_react.default.createElement(import_antd.Switch, { ref, prefixCls: customizePrefixCls, className: switchCls, ...restProps })
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Switch, { ref, prefixCls: customizePrefixCls, className: switchCls, ...restProps })
     );
   }
 );

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { FullToken, GenerateStyle } from 'antd/es/theme/internal';
+import type { FullToken, GenerateStyle } from '../../theme/interface';
 export type SwitchToken = FullToken<'Switch'>;
 export declare const genSwitchStyle: GenerateStyle<SwitchToken>;
 declare const _default: (prefixCls: string) => {

package/lib/table/index.js

@@ -45,6 +45,7 @@ var import_useDefaultPagination = __toESM(require("./hooks/useDefaultPagination"
 var import_useMergedState = __toESM(require("rc-util/lib/hooks/useMergedState"));
 var import_en_US = __toESM(require("../locale/en-US"));
 __reExport(table_exports, require("antd/es/table"), module.exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 function Table(props, ref) {
   var _a, _b;
   const {
@@ -73,7 +74,7 @@ function Table(props, ref) {
   const { getPrefixCls, locale, table } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
   const {
     batchOperationBar,
-    emptyText = /* @__PURE__ */ import_react.default.createElement(import_empty.default, { image: import_empty.default.PRESENTED_IMAGE_SIMPLE }),
+    emptyText = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_empty.default, { image: import_empty.default.PRESENTED_IMAGE_SIMPLE }),
     ...restLocale
   } = {
     ...customLocale,
@@ -112,7 +113,7 @@ function Table(props, ref) {
         render: (text, record, index) => {
           const element = item.render ? item.render(text, record, index) : record[item.dataIndex];
           const elementType = element == null ? void 0 : element.type;
-          return (elementType == null ? void 0 : elementType.__ANT_TOOLTIP) === true ? element : /* @__PURE__ */ import_react.default.createElement(
+          return (elementType == null ? void 0 : elementType.__ANT_TOOLTIP) === true ? element : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
             import_typography.default.Text,
             {
               ellipsis: {
@@ -120,9 +121,9 @@ function Table(props, ref) {
                   placement: "topLeft",
                   title: element
                 }
-              }
-            },
-            /* @__PURE__ */ import_react.default.createElement("span", null, element)
+              },
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: element })
+            }
           );
         }
       };
@@ -148,35 +149,47 @@ function Table(props, ref) {
     if ((0, import_lodash.isEmpty)(rowSelection) || (0, import_lodash.isEmpty)(currentSelectedRowKeys)) {
       return (
         // @ts-ignore
-        /* @__PURE__ */ import_react.default.createElement("span", null, pagination && (pagination == null ? void 0 : pagination.showTotal) && (pagination == null ? void 0 : pagination.showTotal(total, range)))
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: pagination && (pagination == null ? void 0 : pagination.showTotal) && (pagination == null ? void 0 : pagination.showTotal(total, range)) })
       );
     }
-    return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-batch-operation-bar` }, /* @__PURE__ */ import_react.default.createElement(
-      import_antd.Space,
-      {
-        size: 8,
-        style: {
-          marginRight: 24
-        }
-      },
-      toolAlertRender && toolAlertRender(currentSelectedRowKeys, currentSelectedRows),
-      !toolAlertRender && toolAlertRender !== false && /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefixCls}-batch-operation-selection` }, /* @__PURE__ */ import_react.default.createElement("span", null, batchOperationBar == null ? void 0 : batchOperationBar.selected), /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefixCls}-batch-operation-selection-count` }, (currentSelectedRowKeys == null ? void 0 : currentSelectedRowKeys.length) || 0), /* @__PURE__ */ import_react.default.createElement("span", null, batchOperationBar == null ? void 0 : batchOperationBar.object)),
-      !hiddenCancelBtn && /* @__PURE__ */ import_react.default.createElement("a", { onClick: handleOptionsCancel }, cancelText ?? (batchOperationBar == null ? void 0 : batchOperationBar.cancel)),
-      toolSelectedContent && /* @__PURE__ */ import_react.default.createElement(
-        import_antd.Popover,
-        {
-          placement: "top",
-          overlayClassName: `${prefixCls}-batch-operation-selection-popover`,
-          content: toolSelectedContent == null ? void 0 : toolSelectedContent(currentSelectedRowKeys, currentSelectedRows),
-          trigger: "click",
-          open: openPopover
-        },
-        /* @__PURE__ */ import_react.default.createElement("a", { onClick: () => setOpenPopover(!openPopover) }, openPopover ? collapseText ?? (batchOperationBar == null ? void 0 : batchOperationBar.collapse) : openText ?? (batchOperationBar == null ? void 0 : batchOperationBar.open))
-      )
-    ), toolOptionsRender && /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { size: 8 }, toolOptionsRender == null ? void 0 : toolOptionsRender(currentSelectedRowKeys, currentSelectedRows))), /* @__PURE__ */ import_react.default.createElement("span", null, pagination && (pagination == null ? void 0 : pagination.showTotal) && (pagination == null ? void 0 : pagination.showTotal(total, range))));
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: `${prefixCls}-batch-operation-bar`, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          import_antd.Space,
+          {
+            size: 8,
+            style: {
+              marginRight: 24
+            },
+            children: [
+              toolAlertRender && toolAlertRender(currentSelectedRowKeys, currentSelectedRows),
+              !toolAlertRender && toolAlertRender !== false && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: `${prefixCls}-batch-operation-selection`, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: batchOperationBar == null ? void 0 : batchOperationBar.selected }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: `${prefixCls}-batch-operation-selection-count`, children: (currentSelectedRowKeys == null ? void 0 : currentSelectedRowKeys.length) || 0 }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: batchOperationBar == null ? void 0 : batchOperationBar.object })
+              ] }),
+              !hiddenCancelBtn && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", { onClick: handleOptionsCancel, children: cancelText ?? (batchOperationBar == null ? void 0 : batchOperationBar.cancel) }),
+              toolSelectedContent && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_antd.Popover,
+                {
+                  placement: "top",
+                  overlayClassName: `${prefixCls}-batch-operation-selection-popover`,
+                  content: toolSelectedContent == null ? void 0 : toolSelectedContent(currentSelectedRowKeys, currentSelectedRows),
+                  trigger: "click",
+                  open: openPopover,
+                  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", { onClick: () => setOpenPopover(!openPopover), children: openPopover ? collapseText ?? (batchOperationBar == null ? void 0 : batchOperationBar.collapse) : openText ?? (batchOperationBar == null ? void 0 : batchOperationBar.open) })
+                }
+              )
+            ]
+          }
+        ),
+        toolOptionsRender && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Space, { size: 8, children: toolOptionsRender == null ? void 0 : toolOptionsRender(currentSelectedRowKeys, currentSelectedRows) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: pagination && (pagination == null ? void 0 : pagination.showTotal) && (pagination == null ? void 0 : pagination.showTotal(total, range)) })
+    ] });
   };
   return wrapSSR(
-    /* @__PURE__ */ import_react.default.createElement(
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_antd.Table,
       {
         ...props,
@@ -185,7 +198,7 @@ function Table(props, ref) {
         className: tableCls,
         locale: {
           ...restLocale,
-          emptyText: /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-empty-wrapper` }, typeof emptyText === "function" ? emptyText() : emptyText)
+          emptyText: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `${prefixCls}-empty-wrapper`, children: typeof emptyText === "function" ? emptyText() : emptyText })
         },
         size,
         bordered: bordered || innerBordered,

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { CSSObject } from '@ant-design/cssinjs';
-import type { FullToken } from 'antd/es/theme/internal';
+import type { FullToken } from '../../theme/interface';
 export type TableToken = FullToken<'Table'>;
 export declare const genTableStyle: (token: TableToken) => CSSObject;
 declare const _default: (prefixCls: string) => {

package/lib/tabs/index.js

@@ -43,6 +43,7 @@ var import_useLegacyItems = __toESM(require("./hooks/useLegacyItems"));
 var import_style = __toESM(require("./style"));
 var import_TabPane = __toESM(require("./TabPane"));
 __reExport(tabs_exports, require("antd/es/tabs"), module.exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var isReactNode = (item) => {
   return import_react.default.isValidElement(item);
 };
@@ -68,9 +69,9 @@ var Tabs = import_react.default.forwardRef(
     const renderBadge = (0, import_react.useCallback)(
       (badge) => {
         if (typeof badge === "object" && !isReactNode(badge)) {
-          return /* @__PURE__ */ import_react.default.createElement(import_badge.default, { ...badge, className: (0, import_classnames.default)(`${prefixCls}-tab-badge`, badge.className) });
+          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_badge.default, { ...badge, className: (0, import_classnames.default)(`${prefixCls}-tab-badge`, badge.className) });
         }
-        return /* @__PURE__ */ import_react.default.createElement(import_badge.default, { className: `${prefixCls}-tab-badge`, count: badge });
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_badge.default, { className: `${prefixCls}-tab-badge`, count: badge });
       },
       [prefixCls]
     );
@@ -80,7 +81,7 @@ var Tabs = import_react.default.forwardRef(
         return {
           ...item,
           key: `divider-${dividerList == null ? void 0 : dividerList.indexOf(item)}`,
-          label: /* @__PURE__ */ import_react.default.createElement(
+          label: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
             import_antd.Divider,
             {
               type: isHorizontal ? "vertical" : "horizontal",
@@ -92,13 +93,17 @@ var Tabs = import_react.default.forwardRef(
       } else if (!(0, import_util.isNullValue)(item.tag) || !(0, import_util.isNullValue)(item.badge)) {
         return {
           ...item,
-          label: /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { size: 4 }, item.label, item.badge && renderBadge(item.badge), !(0, import_util.isNullValue)(item.tag) && /* @__PURE__ */ import_react.default.createElement(import_antd.Tag, { bordered: false, className: `${prefixCls}-tab-tag` }, item.tag))
+          label: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_antd.Space, { size: 4, children: [
+            item.label,
+            item.badge && renderBadge(item.badge),
+            !(0, import_util.isNullValue)(item.tag) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Tag, { bordered: false, className: `${prefixCls}-tab-tag`, children: item.tag })
+          ] })
         };
       }
       return item;
     });
     return wrapSSR(
-      /* @__PURE__ */ import_react.default.createElement(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_antd.Tabs,
         {
           ref,

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { CSSObject } from '@ant-design/cssinjs';
-import type { FullToken } from 'antd/es/theme/internal';
+import type { FullToken } from '../../theme/interface';
 export type TabsToken = FullToken<'Tabs'>;
 export declare const genTabsStyle: (token: Partial<TabsToken>) => CSSObject;
 declare const _default: (prefixCls: string) => {

package/lib/tag/index.js

@@ -41,6 +41,7 @@ var import_typography = __toESM(require("../typography"));
 var import_style = __toESM(require("./style"));
 var import_getEllipsisConfig = require("../_util/getEllipsisConfig");
 __reExport(tag_exports, require("antd/es/tag"), module.exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var Tag = import_react.default.forwardRef(
   ({
     children,
@@ -64,18 +65,21 @@ var Tag = import_react.default.forwardRef(
       },
       className
     );
-    const realIcon = icon ? /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefixCls}-icon` }, icon) : null;
+    const realIcon = icon ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: `${prefixCls}-icon`, children: icon }) : null;
     return wrapSSR(
-      /* @__PURE__ */ import_react.default.createElement(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_antd.Tag,
         {
           ref,
           prefixCls: customizePrefixCls,
           className: tagCls,
           icon: ellipsisConfig ? null : icon,
-          ...restProps
-        },
-        ellipsisConfig ? /* @__PURE__ */ import_react.default.createElement(import_typography.default.Text, { ellipsis: ellipsisConfig }, realIcon, children) : children
+          ...restProps,
+          children: ellipsisConfig ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_typography.default.Text, { ellipsis: ellipsisConfig, children: [
+            realIcon,
+            children
+          ] }) : children
+        }
       )
     );
   }

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

@@ -1,9 +1,7 @@
 /// <reference types="react" />
-import { type FullToken } from 'antd/es/theme/internal';
 import type { CSSObject } from '@ant-design/cssinjs';
-export type TagToken = FullToken<'Tag'> & {
-    tagPaddingHorizontal: number;
-};
+import type { FullToken } from '../../theme/interface';
+export type TagToken = FullToken<'Tag'>;
 export declare const genTagStyle: (token: TagToken) => CSSObject;
 declare const _default: (prefixCls: string) => {
     wrapSSR: (node: import("react").ReactNode) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;

package/lib/tag/style/index.js

@@ -25,42 +25,31 @@ __export(style_exports, {
 module.exports = __toCommonJS(style_exports);
 var import_internal = require("antd/es/theme/internal");
 var import_genComponentStyleHook = require("../../_util/genComponentStyleHook");
-var import_internal2 = require("antd/lib/theme/internal");
-var import_getWeakenBorderColor = require("../../_util/getWeakenBorderColor");
-var getTagBorderColor = (color) => {
-  return (0, import_getWeakenBorderColor.getWeakenBorderColor)(color);
-};
 var genTagPresetStatusStyle = (token, status) => {
-  const borderColorMap = {
-    success: token.colorSuccessBorder,
-    processing: token.colorInfoBorder,
-    error: token.colorErrorBorder,
-    warning: token.colorWarningBorder
+  const colorMap = {
+    success: token.colorSuccessText,
+    processing: token.colorInfoText,
+    error: token.colorErrorText,
+    warning: token.colorWarningText
   };
   return {
     [`${token.componentCls}${token.componentCls}-${status}`]: {
-      borderColor: getTagBorderColor(borderColorMap[status])
+      color: colorMap[status]
     }
   };
 };
-var genPresetStyle = (token) => (0, import_internal2.genPresetColor)(token, (colorKey, { lightBorderColor }) => {
-  return {
-    [`${token.componentCls}${token.componentCls}-${colorKey}`]: {
-      borderColor: getTagBorderColor(lightBorderColor)
-    }
-  };
-});
 var genTagStyle = (token) => {
-  const { antCls, componentCls, tagPaddingHorizontal, lineWidth, calc } = token;
-  const paddingInline = calc(tagPaddingHorizontal).sub(lineWidth).equal();
+  const { antCls, componentCls, iconCls } = token;
   return {
     [`${componentCls}`]: {
       paddingInline: token.paddingXS,
-      borderColor: getTagBorderColor(token.colorBorder),
       fontSize: token.fontSizeSM,
+      [`${componentCls}-close-icon${iconCls}`]: {
+        marginInlineStart: token.marginXXS
+      },
       [`${antCls}-typography`]: {
         [`${componentCls}-icon`]: {
-          marginInlineEnd: paddingInline
+          marginInlineEnd: token.marginXXS
         }
       },
       ["&-ellipsis"]: {
@@ -83,13 +72,9 @@ var genTagStyle = (token) => {
 };
 var style_default = (prefixCls) => {
   const useStyle = (0, import_genComponentStyleHook.genComponentStyleHook)("Tag", (token) => {
-    const tagToken = (0, import_internal.mergeToken)(token, {
-      tagPaddingHorizontal: 8
-      // Fixed padding.
-    });
+    const tagToken = (0, import_internal.mergeToken)(token, {});
     return [
       genTagStyle(tagToken),
-      genPresetStyle(tagToken),
       genTagPresetStatusStyle(tagToken, "success"),
       genTagPresetStatusStyle(tagToken, "error"),
       genTagPresetStatusStyle(tagToken, "processing"),

package/lib/theme/dark.d.ts

@@ -1,52 +1,5 @@
 declare const darkTheme: {
-    token: {
-        colorPrimary: string;
-        colorSuccess: string;
-        colorWarning: string;
-        colorError: string;
-        colorInfo: string;
-        colorTextBase: string;
-        colorBgBase: string;
-        colorLink: string;
-        fontFamily: string;
-        fontFamilyCode: string;
-        fontSize: number;
-        lineWidth: number;
-        lineType: string;
-        borderRadius: number;
-        sizeUnit: number;
-        sizeStep: number;
-        sizePopupArrow: number;
-        controlHeight: number;
-        zIndexBase: number;
-        zIndexPopupBase: number;
-        opacityImage: number;
-        motionUnit: number;
-        motionBase: number;
-        motionEaseOutCirc: string;
-        motionEaseInOutCirc: string;
-        motionEaseInOut: string;
-        motionEaseOutBack: string;
-        motionEaseInBack: string;
-        motionEaseInQuint: string;
-        motionEaseOutQuint: string;
-        motionEaseOut: string;
-        wireframe: boolean;
-        motion: boolean;
-        blue: string;
-        purple: string;
-        cyan: string;
-        green: string;
-        magenta: string;
-        pink: string;
-        red: string;
-        orange: string;
-        yellow: string;
-        volcano: string;
-        geekblue: string;
-        lime: string;
-        gold: string;
-    };
+    token: import("antd/es/theme/internal").SeedToken;
     components: {
         InputNumber: {
             handleVisible: boolean;

package/lib/theme/default.d.ts

@@ -1,4 +1,6 @@
-import type { ThemeConfig } from 'antd';
 export declare const fontFamilyEn = "Inter, 'Noto sans', sans-serif, Roboto, 'Open Sans', 'Segoe UI', 'Helvetica Neue', 'Helvetica, Arial', 'Apple Color Emoji'";
-declare const _default: ThemeConfig;
+export declare const fontWeightWeakEn = 400;
+export declare const fontWeightEn = 500;
+export declare const fontWeightStrongEn = 600;
+declare const _default: import("antd").ThemeConfig;
 export default _default;