@oceanbase/design 0.4.1 → 0.4.2

package/lib/progress/progress.js

@@ -0,0 +1,23 @@
+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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/progress/progress.ts
+var progress_exports = {};
+module.exports = __toCommonJS(progress_exports);
+__reExport(progress_exports, require("antd/es/progress/progress"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("antd/es/progress/progress")
+});

package/lib/radio/index.d.ts

@@ -1,3 +1,8 @@
+import type { RadioProps as AntRadioProps, RadioRef } from 'antd/es/radio';
+import React from 'react';
 export * from 'antd/es/radio';
-declare const Radio: any;
+declare const Radio: React.ForwardRefExoticComponent<AntRadioProps & React.RefAttributes<RadioRef>> & {
+    Group: React.MemoExoticComponent<React.ForwardRefExoticComponent<import("antd").RadioGroupProps & React.RefAttributes<HTMLDivElement>>>;
+    Button: React.ForwardRefExoticComponent<import("antd/es/radio/radioButton").RadioButtonProps & React.RefAttributes<RadioRef>>;
+};
 export default Radio;

package/lib/result/style/index.js

@@ -30,12 +30,21 @@ var genResultStyle = (token) => {
   return {
     [`${componentCls}`]: {
       [`${componentCls}-title`]: {
-        fontWeight: token.fontWeightStrong
+        fontWeight: token.fontWeightStrong,
+        fontSize: token.fontSizeHeading4,
+        lineHeight: token.lineHeightHeading4
+      },
+      [`${componentCls}-subtitle`]: {
+        maxWidth: 600,
+        margin: "0px auto"
       },
       [`${componentCls}-extra`]: {
         ...(0, import_genStyle.genLargeStyle)(token)
       },
       [`${componentCls}-content`]: {
+        maxWidth: 1e3,
+        margin: "0px auto",
+        marginTop: token.marginLG,
         padding: token.paddingLG,
         borderRadius: token.borderRadiusLG
       }

package/lib/slider/style/index.js

@@ -29,10 +29,10 @@ var genSliderStyle = (token) => {
   return {
     [`${componentCls}${componentCls}-horizontal`]: {
       [`${componentCls}-mark`]: {
-        [`${componentCls}-mark-text[style^="left: 0%; transform: translateX(-50%);"]`]: {
+        [`${componentCls}-mark-text[style*="left: 0%;"]`]: {
           transform: `translateX(calc(0% - ${dotSize / 2}px)) !important`
         },
-        [`${componentCls}-mark-text[style^="left: 100%; transform: translateX(-50%);"]`]: {
+        [`${componentCls}-mark-text[style*="left: 100%;"]`]: {
           transform: `translateX(calc(-100% + ${dotSize / 2}px)) !important`
         }
       }

package/lib/switch/index.d.ts

@@ -1 +1,5 @@
+import type { SwitchProps as AntSwitchProps } from 'antd/es/switch';
+import React from 'react';
 export * from 'antd/es/switch';
+declare const Switch: React.ForwardRefExoticComponent<AntSwitchProps & React.RefAttributes<HTMLButtonElement>>;
+export default Switch;

package/lib/switch/index.js

@@ -1,7 +1,13 @@
+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))
@@ -11,12 +17,45 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+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/switch/index.ts
+// src/switch/index.tsx
 var switch_exports = {};
+__export(switch_exports, {
+  default: () => switch_default
+});
 module.exports = __toCommonJS(switch_exports);
+var import_antd = require("antd");
+var import_classnames = __toESM(require("classnames"));
+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 InternalSwitch = import_react.default.forwardRef(
+  ({ prefixCls: customizePrefixCls, className, ...restProps }, ref) => {
+    const { getPrefixCls } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
+    const prefixCls = getPrefixCls("switch", customizePrefixCls);
+    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 })
+    );
+  }
+);
+var Switch = InternalSwitch;
+Switch.__ANT_SWITCH = import_antd.Switch.__ANT_SWITCH;
+if (process.env.NODE_ENV !== "production") {
+  Switch.displayName = import_antd.Switch.displayName;
+}
+var switch_default = Switch;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ...require("antd/es/switch")

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

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

package/lib/switch/style/index.js

@@ -0,0 +1,44 @@
+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/switch/style/index.ts
+var style_exports = {};
+__export(style_exports, {
+  default: () => style_default,
+  genSwitchStyle: () => genSwitchStyle
+});
+module.exports = __toCommonJS(style_exports);
+var import_genComponentStyleHook = require("../../_util/genComponentStyleHook");
+var genSwitchStyle = (token) => {
+  const { componentCls } = token;
+  return {
+    [`${componentCls}:not(${componentCls}-checked):not(${componentCls}-disabled):not(${componentCls}-loading)`]: {
+      background: token.colorTextTertiary
+    }
+  };
+};
+var style_default = (prefixCls) => {
+  const useStyle = (0, import_genComponentStyleHook.genComponentStyleHook)("Switch", (token) => {
+    return [genSwitchStyle(token)];
+  });
+  return useStyle(prefixCls);
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  genSwitchStyle
+});

package/lib/table/index.js

@@ -84,6 +84,7 @@ function Table(props, ref) {
   const tableCls = (0, import_classnames.default)(
     {
       [`${prefixCls}-expandable`]: !(0, import_lodash.isEmpty)(expandable),
+      [`${prefixCls}-selectable`]: !!rowSelection,
       [`${prefixCls}-has-footer`]: !!footer
     },
     className
@@ -182,6 +183,10 @@ function Table(props, ref) {
           emptyText: /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-empty-wrapper` }, typeof emptyText === "function" ? emptyText() : emptyText)
         },
         columns: newColumns,
+        expandable: expandable ? {
+          columnWidth: 32,
+          ...expandable
+        } : void 0,
         rowSelection: rowSelection ? {
           columnWidth: table == null ? void 0 : table.selectionColumnWidth,
           ...rowSelection,

package/lib/table/style/index.js

@@ -36,12 +36,9 @@ var genTableStyle = (token) => {
     colorLink,
     borderRadiusLG,
     colorBorderSecondary,
-    paddingSM,
     padding,
-    paddingLG,
     marginLG,
-    marginXS,
-    marginSM
+    marginXS
   } = token;
   return {
     // 表格通用样式
@@ -52,19 +49,29 @@ var genTableStyle = (token) => {
       [`${componentCls}-footer`]: {
         borderBottom: `1px solid ${colorBorderSecondary}`
       },
+      // 单元格通用样式
+      [`${componentCls}-thead, ${componentCls}-tbody`]: {
+        ["td, th"]: {
+          [`&${componentCls}-row-expand-icon-cell`]: {
+            backgroundColor: colorBgBase,
+            padding: `${token.paddingSM}px ${token.paddingXS}px`
+          },
+          // 内容第一列，左侧间距减小为 8px
+          [`&:not(:first-child):not(${componentCls}-selection-column):not(${componentCls}-row-expand-icon-cell)`]: {
+            paddingLeft: token.paddingXS
+          }
+        }
+      },
       // head 样式
       [`${componentCls}-thead > tr`]: {
-        ["td, th"]: {
+        ["th"]: {
           // 弱化列标题
           color: colorTextSecondary,
           fontWeight: "normal",
           backgroundColor: colorBgBase
         },
-        [`td${componentCls}-row-expand-icon-cell`]: {
-          backgroundColor: colorBgBase
-        },
         // 去掉排序列表头的灰色背景
-        [`th${componentCls}-column-sort`]: {
+        [`th${componentCls}-column-has-sorters`]: {
           backgroundColor: colorBgBase
         },
         [`${componentCls}-cell-scrollbar`]: {
@@ -88,19 +95,24 @@ var genTableStyle = (token) => {
         [`tr${componentCls}-row-selected > td`]: {
           backgroundColor: `${colorPrimaryBg} !important`
         },
-        // 展开行样式
-        [`${componentCls}-expanded-row > td`]: {
-          padding: `${paddingSM}px ${paddingLG}px ${paddingSM}px ${padding + paddingLG}px !important`,
-          backgroundColor: colorBgBase,
-          // 除内嵌子表格外，设置其他内嵌元素样式
-          [`& > *:not(${componentCls}-wrapper)`]: {
-            marginTop: -marginSM,
-            padding: `${paddingSM}px ${padding}px`,
-            backgroundColor: colorFillQuaternary,
-            borderRadius: borderRadiusLG
+        [`${componentCls}-tbody-virtual-scrollbar ${componentCls}-tbody-virtual-scrollbar-thumb`]: {
+          background: `${token.colorFillSecondary} !important`
+        },
+        // 去掉可展开行在展开时的底部 border
+        [`tr > td:has(${componentCls}-row-expand-icon-expanded)`]: {
+          borderBottom: "none",
+          [`& ~ td`]: {
+            borderBottom: "none"
           }
         },
-        // empty wrapper style
+        // 为了避免行展开/收起时出现 border 动画，覆盖 antd 默认配置，仅设置背景色动画
+        [`tr > td`]: {
+          transition: `background ${token.motionDurationMid}`
+        },
+        // empty style
+        [`${componentCls}-placeholder td`]: {
+          borderBottom: "none"
+        },
         [`${componentCls}-empty-wrapper`]: {
           minHeight: 360,
           display: "flex",
@@ -109,21 +121,17 @@ var genTableStyle = (token) => {
         },
         // 嵌套子表格样式
         [`tr > td > ${componentCls}-wrapper:only-child ${componentCls}`]: {
-          // 调整嵌套子表格的间距
-          marginBlock: "0 !important",
-          marginInline: "0 !important",
-          // 设置嵌套子表格的单元格背景色
+          borderBottom: "none",
+          // 设置嵌套子表格的表头背景色
           [`${componentCls}-thead > tr > th`]: {
-            backgroundColor: `${colorFillQuaternary} !important`
+            backgroundColor: token.colorFillQuaternary
           },
-          [`${componentCls}-tbody ${componentCls}-row td`]: {
-            backgroundColor: `${colorFillQuaternary} !important`
+          // 去掉表头左右单元格的圆角
+          [`${componentCls}-thead > tr:first-child > th:first-child`]: {
+            borderRadius: 0
           },
-          // 设置最后一行左右两列的圆角
-          [`${componentCls}-tbody > tr:last-child`]: {
-            ["td:first-child, td:last-child"]: {
-              borderRadius: borderRadiusLG
-            }
+          [`${componentCls}-thead > tr:first-child > th:last-child`]: {
+            borderRadius: 0
           },
           // empty wrapper style
           [`${componentCls}-empty-wrapper`]: {
@@ -152,16 +160,6 @@ var genTableStyle = (token) => {
         }
       }
     },
-    // 去掉非展开表格的边框
-    [`${componentCls}-wrapper:not(${componentCls}-expandable)`]: {
-      [`${componentCls}:not(${componentCls}-bordered)`]: {
-        [`${componentCls}-tbody`]: {
-          [`tr:not(${componentCls}-measure-row) > td`]: {
-            border: "none"
-          }
-        }
-      }
-    },
     // 可展开表格样式
     [`${componentCls}-wrapper${componentCls}-expandable`]: {
       [`${componentCls}`]: {
@@ -176,6 +174,43 @@ var genTableStyle = (token) => {
                 backgroundColor: colorPrimaryBg
               }
             }
+          },
+          // 嵌套子表格和父表格第一列对齐
+          [`tr > td > ${componentCls}-wrapper:only-child ${componentCls}`]: {
+            marginLeft: token.marginXS + token.lineWidth * 2
+          }
+        }
+      },
+      [`${componentCls}-middle, ${componentCls}-small`]: {
+        [`${componentCls}-tbody`]: {
+          // 嵌套子表格和父表格第一列对齐
+          [`tr > td > ${componentCls}-wrapper:only-child ${componentCls}`]: {
+            marginLeft: token.marginXS + token.lineWidth * 2 + token.margin
+          }
+        }
+      }
+    },
+    // 可展开表格 + 可选择表格样式
+    [`${componentCls}-wrapper${componentCls}-expandable${componentCls}-selectable`]: {
+      [`${componentCls}`]: {
+        [`${componentCls}-tbody`]: {
+          [`${componentCls}-expanded-row > td`]: {
+            // 除内嵌子表格外，设置其他内嵌元素样式
+            [`& > *:not(${componentCls}-wrapper)`]: {
+              marginLeft: token.marginLG + token.marginXL + token.lineWidth * 2
+            }
+          },
+          // 嵌套子表格和父表格第一列对齐
+          [`tr > td > ${componentCls}-wrapper:only-child ${componentCls}`]: {
+            marginLeft: token.marginXS + token.marginXL + token.lineWidth * 2
+          }
+        }
+      },
+      [`${componentCls}-middle, ${componentCls}-small`]: {
+        [`${componentCls}-tbody`]: {
+          // 嵌套子表格和父表格第一列对齐
+          [`tr > td > ${componentCls}-wrapper:only-child ${componentCls}`]: {
+            marginLeft: token.marginXS + token.marginXL + token.lineWidth * 2 + token.margin
           }
         }
       }

package/lib/theme/default.js

@@ -100,7 +100,9 @@ var defaultTheme = {
     boxShadowSecondary: "0 6px 16px 0 rgba(54, 69, 99, 0.08), 0 3px 6px -4px rgba(54, 69, 99, 0.12), 0 9px 28px 8px rgba(54, 69, 99, 0.05)",
     boxShadow: "0 1px 2px 0 rgba(54, 69, 99, 0.03), 0 1px 6px -1px rgba(54, 69, 99, 0.02), 0 2px 4px 0 rgba(54, 69, 99, 0.02)",
     borderRadius: 6,
-    wireframe: false
+    wireframe: false,
+    // Remove focus outline
+    lineWidthFocus: 0
   },
   components: {
     Breadcrumb: {

package/lib/theme/style/compact.less

@@ -414,6 +414,7 @@
 @borderRadiusOuter: 4;
 @boxShadowSecondary: 0 6px 16px 0 rgba(54, 69, 99, 0.08), 0 3px 6px -4px rgba(54, 69, 99, 0.12), 0 9px 28px 8px rgba(54, 69, 99, 0.05);
 @boxShadow: 0 1px 2px 0 rgba(54, 69, 99, 0.03), 0 1px 6px -1px rgba(54, 69, 99, 0.02), 0 2px 4px 0 rgba(54, 69, 99, 0.02);
+@lineWidthFocus: 3;
 @colorFillContent: #e2e8f3;
 @colorFillContentHover: #cdd5e4;
 @colorFillAlter: #f8fafe;
@@ -434,7 +435,6 @@
 @colorErrorOutline: rgba(255, 5, 5, 0.08);
 @colorWarningOutline: rgba(255, 164, 19, 0.11);
 @fontSizeIcon: 10;
-@lineWidthFocus: 3;
 @controlOutlineWidth: 2;
 @controlInteractiveSize: 14;
 @controlItemBgHover: #f3f6fc;

package/lib/theme/style/default.less

@@ -414,6 +414,7 @@
 @borderRadiusOuter: 4;
 @boxShadowSecondary: 0 6px 16px 0 rgba(54, 69, 99, 0.08), 0 3px 6px -4px rgba(54, 69, 99, 0.12), 0 9px 28px 8px rgba(54, 69, 99, 0.05);
 @boxShadow: 0 1px 2px 0 rgba(54, 69, 99, 0.03), 0 1px 6px -1px rgba(54, 69, 99, 0.02), 0 2px 4px 0 rgba(54, 69, 99, 0.02);
+@lineWidthFocus: 3;
 @colorFillContent: #e2e8f3;
 @colorFillContentHover: #cdd5e4;
 @colorFillAlter: #f8fafe;
@@ -434,7 +435,6 @@
 @colorErrorOutline: rgba(255, 5, 5, 0.08);
 @colorWarningOutline: rgba(255, 164, 19, 0.11);
 @fontSizeIcon: 12;
-@lineWidthFocus: 3;
 @controlOutlineWidth: 2;
 @controlInteractiveSize: 16;
 @controlItemBgHover: #f3f6fc;

package/lib/tooltip/MouseTooltip.js

@@ -49,6 +49,7 @@ var MouseTooltip = ({
   mouseLeaveDelay = 0.1,
   ...restProps
 }) => {
+  var _a, _b;
   const { token } = import_theme.default.useToken();
   const [visible, setVisible] = (0, import_react.useState)(false);
   const { color: textColor, ...restOverlayInnerStyle } = overlayInnerStyle || {};
@@ -95,10 +96,10 @@ var MouseTooltip = ({
         boxShadow: token.boxShadowSecondary,
         borderRadius: token.borderRadius,
         // @ts-ignore
-        color: textColor || token.Tooltip.colorTextLightSolid || token.colorTextLightSolid,
+        color: textColor || ((_a = token.Tooltip) == null ? void 0 : _a.colorTextLightSolid) || token.colorTextLightSolid,
         backgroundColor: (
           // @ts-ignore
-          backgroundColor || token.Tooltip.colorBgSpotlight || token.colorBgSpotlight
+          backgroundColor || ((_b = token.Tooltip) == null ? void 0 : _b.colorBgSpotlight) || token.colorBgSpotlight
         ),
         left: isOverWidth ? clientX - tooltipWidth - offset : clientX + offset,
         top: isOverHeight ? clientY - tooltipHeight - offset : clientY + offset,

package/lib/tooltip/index.js

@@ -66,7 +66,8 @@ var Tooltip = import_react.default.forwardRef(
     const { prefixCls: customizePrefixCls } = restProps;
     const prefixCls = getPrefixCls("tooltip", customizePrefixCls);
     const { wrapSSR, hashId } = (0, import_style.default)(prefixCls);
-    const tooltipCls = (0, import_classnames.default)(className, hashId);
+    const tooltipCls = (0, import_classnames.default)(className);
+    const mouseTooltipCls = (0, import_classnames.default)(prefixCls, className, hashId);
     const [innerOpen, setInnerOpen] = (0, import_react.useState)(open ?? visible ?? defaultOpen ?? defaultVisible);
     const noTitle = !title && !overlay && title !== 0;
     const newOpen = open ?? visible ?? (noTitle ? false : innerOpen);
@@ -93,7 +94,7 @@ var Tooltip = import_react.default.forwardRef(
             color: typeItem == null ? void 0 : typeItem.color,
             ...overlayInnerStyle
           },
-          className: tooltipCls,
+          className: mouseTooltipCls,
           overlay,
           ...restProps
         },

package/lib/tooltip/style/index.js

@@ -28,13 +28,22 @@ var genTooltipStyle = (token) => {
   const { componentCls } = token;
   return {
     [componentCls]: {
+      maxWidth: 300,
+      [`${componentCls}-inner`]: {
+        maxHeight: 250,
+        overflow: "auto"
+      },
       [`${componentCls}-close-icon-wrap`]: {
         display: "flex",
         justifyContent: "space-between",
         alignItems: "flex-start",
         wordBreak: "break-all",
         [`${componentCls}-close-icon`]: {
-          cursor: "pointer"
+          cursor: "pointer",
+          color: token.colorIcon,
+          "&:hover": {
+            color: token.colorIconHover
+          }
         }
       }
     }

package/lib/typography/Link.js

@@ -36,16 +36,28 @@ module.exports = __toCommonJS(Link_exports);
 var import_react = __toESM(require("react"));
 var import_antd = require("antd");
 var import_config_provider = __toESM(require("../config-provider"));
+var import_useClassName = __toESM(require("./hooks/useClassName"));
 var import_style = __toESM(require("./style"));
 __reExport(Link_exports, require("antd/es/typography/Link"), module.exports);
 var { Link: AntLink } = import_antd.Typography;
 var Link = import_react.default.forwardRef(
-  ({ prefixCls: customizePrefixCls, children, ...restProps }, ref) => {
+  ({ editable, prefixCls: customizePrefixCls, className, children, ...restProps }, ref) => {
     const { getPrefixCls } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
     const prefixCls = getPrefixCls("typography", customizePrefixCls);
     const { wrapSSR } = (0, import_style.default)(prefixCls);
+    const typographyCls = (0, import_useClassName.default)(prefixCls, className, editable);
     return wrapSSR(
-      /* @__PURE__ */ import_react.default.createElement(AntLink, { ref, prefixCls: customizePrefixCls, ...restProps }, children)
+      /* @__PURE__ */ import_react.default.createElement(
+        AntLink,
+        {
+          ref,
+          editable,
+          prefixCls: customizePrefixCls,
+          className: typographyCls,
+          ...restProps
+        },
+        children
+      )
     );
   }
 );

package/lib/typography/Paragraph.js

@@ -36,16 +36,28 @@ module.exports = __toCommonJS(Paragraph_exports);
 var import_react = __toESM(require("react"));
 var import_antd = require("antd");
 var import_config_provider = __toESM(require("../config-provider"));
+var import_useClassName = __toESM(require("./hooks/useClassName"));
 var import_style = __toESM(require("./style"));
 __reExport(Paragraph_exports, require("antd/es/typography/Paragraph"), module.exports);
 var { Paragraph: AntParagraph } = import_antd.Typography;
 var Paragraph = import_react.default.forwardRef(
-  ({ prefixCls: customizePrefixCls, children, ...restProps }, ref) => {
+  ({ editable, prefixCls: customizePrefixCls, className, children, ...restProps }, ref) => {
     const { getPrefixCls } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
     const prefixCls = getPrefixCls("typography", customizePrefixCls);
     const { wrapSSR } = (0, import_style.default)(prefixCls);
+    const typographyCls = (0, import_useClassName.default)(prefixCls, className, editable);
     return wrapSSR(
-      /* @__PURE__ */ import_react.default.createElement(AntParagraph, { ref, prefixCls: customizePrefixCls, ...restProps }, children)
+      /* @__PURE__ */ import_react.default.createElement(
+        AntParagraph,
+        {
+          ref,
+          editable,
+          prefixCls: customizePrefixCls,
+          className: typographyCls,
+          ...restProps
+        },
+        children
+      )
     );
   }
 );

package/lib/typography/Text.js

@@ -36,16 +36,28 @@ module.exports = __toCommonJS(Text_exports);
 var import_react = __toESM(require("react"));
 var import_antd = require("antd");
 var import_config_provider = __toESM(require("../config-provider"));
+var import_useClassName = __toESM(require("./hooks/useClassName"));
 var import_style = __toESM(require("./style"));
 __reExport(Text_exports, require("antd/es/typography/Text"), module.exports);
 var { Text: AntText } = import_antd.Typography;
 var Text = import_react.default.forwardRef(
-  ({ prefixCls: customizePrefixCls, children, ...restProps }, ref) => {
+  ({ editable, prefixCls: customizePrefixCls, className, children, ...restProps }, ref) => {
     const { getPrefixCls } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
     const prefixCls = getPrefixCls("typography", customizePrefixCls);
     const { wrapSSR } = (0, import_style.default)(prefixCls);
+    const typographyCls = (0, import_useClassName.default)(prefixCls, className, editable);
     return wrapSSR(
-      /* @__PURE__ */ import_react.default.createElement(AntText, { ref, prefixCls: customizePrefixCls, ...restProps }, children)
+      /* @__PURE__ */ import_react.default.createElement(
+        AntText,
+        {
+          ref,
+          editable,
+          prefixCls: customizePrefixCls,
+          className: typographyCls,
+          ...restProps
+        },
+        children
+      )
     );
   }
 );

package/lib/typography/Title.js

@@ -36,16 +36,28 @@ module.exports = __toCommonJS(Title_exports);
 var import_react = __toESM(require("react"));
 var import_antd = require("antd");
 var import_config_provider = __toESM(require("../config-provider"));
+var import_useClassName = __toESM(require("./hooks/useClassName"));
 var import_style = __toESM(require("./style"));
 __reExport(Title_exports, require("antd/es/typography/Title"), module.exports);
 var { Title: AntTitle } = import_antd.Typography;
 var Title = import_react.default.forwardRef(
-  ({ prefixCls: customizePrefixCls, children, ...restProps }, ref) => {
+  ({ editable, prefixCls: customizePrefixCls, className, children, ...restProps }, ref) => {
     const { getPrefixCls } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
     const prefixCls = getPrefixCls("typography", customizePrefixCls);
     const { wrapSSR } = (0, import_style.default)(prefixCls);
+    const typographyCls = (0, import_useClassName.default)(prefixCls, className, editable);
     return wrapSSR(
-      /* @__PURE__ */ import_react.default.createElement(AntTitle, { ref, prefixCls: customizePrefixCls, ...restProps }, children)
+      /* @__PURE__ */ import_react.default.createElement(
+        AntTitle,
+        {
+          ref,
+          editable,
+          prefixCls: customizePrefixCls,
+          className: typographyCls,
+          ...restProps
+        },
+        children
+      )
     );
   }
 );

package/lib/typography/hooks/useClassName.d.ts

@@ -0,0 +1,3 @@
+import type { BlockProps } from 'antd/es/typography/Base';
+declare const useClassName: (prefixCls: string, className: string, editable?: BlockProps['editable']) => string;
+export default useClassName;