@oceanbase/design 0.4.15 → 0.4.17

package/lib/tabs/index.js

@@ -33,9 +33,9 @@ __export(tabs_exports, {
   default: () => tabs_default
 });
 module.exports = __toCommonJS(tabs_exports);
-var import_util = require("@oceanbase/util");
-var import_antd = require("antd");
 var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_util = require("@oceanbase/util");
 var import_classnames = __toESM(require("classnames"));
 var import_badge = __toESM(require("../badge"));
 var import_config_provider = __toESM(require("../config-provider"));
@@ -46,67 +46,73 @@ __reExport(tabs_exports, require("antd/es/tabs"), module.exports);
 var isReactNode = (item) => {
   return import_react.default.isValidElement(item);
 };
-var Tabs = ({
-  children,
-  items,
-  type,
-  tabPosition,
-  prefixCls: customizePrefixCls,
-  className,
-  ...restProps
-}) => {
-  const { getPrefixCls } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
-  const prefixCls = getPrefixCls("tabs", customizePrefixCls);
-  const { wrapSSR } = (0, import_style.default)(prefixCls);
-  const tabsCls = (0, import_classnames.default)(className);
-  const isHorizontal = !tabPosition || tabPosition === "top" || tabPosition === "bottom";
-  const dividerList = (items == null ? void 0 : items.filter((item) => item.divider)) || [];
-  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) });
+var Tabs = import_react.default.forwardRef(
+  ({
+    children,
+    divider = false,
+    items,
+    type,
+    tabPosition,
+    prefixCls: customizePrefixCls,
+    className,
+    ...restProps
+  }, ref) => {
+    const { getPrefixCls } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
+    const prefixCls = getPrefixCls("tabs", customizePrefixCls);
+    const { wrapSSR } = (0, import_style.default)(prefixCls);
+    const tabsCls = (0, import_classnames.default)(className, {
+      [`${prefixCls}-no-divider`]: !divider
+    });
+    const isHorizontal = !tabPosition || tabPosition === "top" || tabPosition === "bottom";
+    const dividerList = (items == null ? void 0 : items.filter((item) => item.divider)) || [];
+    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__ */ import_react.default.createElement(import_badge.default, { className: `${prefixCls}-tab-badge`, count: badge });
+      },
+      [prefixCls]
+    );
+    let newItems = (0, import_useLegacyItems.default)(items, children);
+    newItems = newItems == null ? void 0 : newItems.map((item) => {
+      if (!(0, import_util.isNullValue)(item.divider)) {
+        return {
+          ...item,
+          key: `divider-${dividerList == null ? void 0 : dividerList.indexOf(item)}`,
+          label: /* @__PURE__ */ import_react.default.createElement(
+            import_antd.Divider,
+            {
+              type: isHorizontal ? "vertical" : "horizontal",
+              className: `${prefixCls}-divider`
+            }
+          ),
+          disabled: true
+        };
+      } 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))
+        };
       }
-      return /* @__PURE__ */ import_react.default.createElement(import_badge.default, { className: `${prefixCls}-tab-badge`, count: badge });
-    },
-    [prefixCls]
-  );
-  let newItems = (0, import_useLegacyItems.default)(items, children);
-  newItems = newItems == null ? void 0 : newItems.map((item) => {
-    if (!(0, import_util.isNullValue)(item.divider)) {
-      return {
-        ...item,
-        key: `divider-${dividerList == null ? void 0 : dividerList.indexOf(item)}`,
-        label: /* @__PURE__ */ import_react.default.createElement(
-          import_antd.Divider,
-          {
-            type: isHorizontal ? "vertical" : "horizontal",
-            className: `${prefixCls}-divider`
-          }
-        ),
-        disabled: true
-      };
-    } 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))
-      };
-    }
-    return item;
-  });
-  return wrapSSR(
-    /* @__PURE__ */ import_react.default.createElement(
-      import_antd.Tabs,
-      {
-        items: newItems,
-        type,
-        tabPosition,
-        prefixCls: customizePrefixCls,
-        className: tabsCls,
-        ...restProps
-      }
-    )
-  );
-};
+      return item;
+    });
+    return wrapSSR(
+      /* @__PURE__ */ import_react.default.createElement(
+        import_antd.Tabs,
+        {
+          ref,
+          items: newItems,
+          type,
+          tabPosition,
+          prefixCls: customizePrefixCls,
+          className: tabsCls,
+          ...restProps
+        }
+      )
+    );
+  }
+);
 Tabs.TabPane = import_TabPane.default;
 Tabs.genTabsStyle = import_style.genTabsStyle;
 if (process.env.NODE_ENV !== "production") {

package/lib/tabs/style/index.js

@@ -28,10 +28,12 @@ var genTabsStyle = (token) => {
   const { antCls, componentCls, colorInfo, colorInfoBg, colorTextSecondary, colorFillQuaternary } = token;
   return {
     [componentCls]: {
-      [`&${componentCls}-top, &${componentCls}-bottom`]: {
-        [`${componentCls}-nav::before`]: {
-          // 页签位置为 top 和 bottom 时，去掉分割线
-          border: "none"
+      [`&${componentCls}-no-divider`]: {
+        // divider prop work for top and bottom tabs
+        [`&${componentCls}-top, &${componentCls}-bottom`]: {
+          [`${componentCls}-nav::before`]: {
+            border: "none"
+          }
         }
       },
       [`${componentCls}-tab`]: {

package/lib/typography/Link.d.ts

@@ -3,5 +3,9 @@ import type { LinkProps as AntLinkProps } from 'antd/es/typography/Link';
 export * from 'antd/es/typography/Link';
 export interface LinkProps extends AntLinkProps {
 }
-declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLElement>>;
+type CompoundedComponent = React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLElement>> & {
+    /** @internal */
+    __ANT_TYPOGRAPHY: boolean;
+};
+declare const Link: CompoundedComponent;
 export default Link;

package/lib/typography/Link.js

@@ -64,6 +64,7 @@ var Link = import_react.default.forwardRef(
 if (process.env.NODE_ENV !== "production") {
   Link.displayName = AntLink.displayName;
 }
+Link.__ANT_TYPOGRAPHY = true;
 var Link_default = Link;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/lib/typography/Paragraph.d.ts

@@ -3,5 +3,9 @@ import type { ParagraphProps as AntParagraphProps } from 'antd/es/typography/Par
 export * from 'antd/es/typography/Paragraph';
 export interface ParagraphProps extends AntParagraphProps {
 }
-declare const Paragraph: React.ForwardRefExoticComponent<ParagraphProps & React.RefAttributes<HTMLElement>>;
+type CompoundedComponent = React.ForwardRefExoticComponent<ParagraphProps & React.RefAttributes<HTMLElement>> & {
+    /** @internal */
+    __ANT_TYPOGRAPHY: boolean;
+};
+declare const Paragraph: CompoundedComponent;
 export default Paragraph;

package/lib/typography/Paragraph.js

@@ -64,6 +64,7 @@ var Paragraph = import_react.default.forwardRef(
 if (process.env.NODE_ENV !== "production") {
   Paragraph.displayName = AntParagraph.displayName;
 }
+Paragraph.__ANT_TYPOGRAPHY = true;
 var Paragraph_default = Paragraph;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/lib/typography/Text.d.ts

@@ -3,5 +3,9 @@ import type { TextProps as AntTextProps } from 'antd/es/typography/Text';
 export * from 'antd/es/typography/Text';
 export interface TextProps extends AntTextProps {
 }
-declare const Text: React.ForwardRefExoticComponent<TextProps & React.RefAttributes<HTMLSpanElement>>;
+type CompoundedComponent = React.ForwardRefExoticComponent<TextProps & React.RefAttributes<HTMLSpanElement>> & {
+    /** @internal */
+    __ANT_TYPOGRAPHY: boolean;
+};
+declare const Text: CompoundedComponent;
 export default Text;

package/lib/typography/Text.js

@@ -64,6 +64,7 @@ var Text = import_react.default.forwardRef(
 if (process.env.NODE_ENV !== "production") {
   Text.displayName = AntText.displayName;
 }
+Text.__ANT_TYPOGRAPHY = true;
 var Text_default = Text;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/lib/typography/Title.d.ts

@@ -3,5 +3,9 @@ import type { TitleProps as AntTitleProps } from 'antd/es/typography/Title';
 export * from 'antd/es/typography/Title';
 export interface TitleProps extends AntTitleProps {
 }
-declare const Title: React.ForwardRefExoticComponent<TitleProps & React.RefAttributes<HTMLElement>>;
+type CompoundedComponent = React.ForwardRefExoticComponent<TitleProps & React.RefAttributes<HTMLElement>> & {
+    /** @internal */
+    __ANT_TYPOGRAPHY: boolean;
+};
+declare const Title: CompoundedComponent;
 export default Title;

package/lib/typography/Title.js

@@ -64,6 +64,7 @@ var Title = import_react.default.forwardRef(
 if (process.env.NODE_ENV !== "production") {
   Title.displayName = AntTitle.displayName;
 }
+Title.__ANT_TYPOGRAPHY = true;
 var Title_default = Title;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/lib/typography/style/index.js

@@ -29,17 +29,10 @@ var genTypographyStyle = (token) => {
   const marginOffset = (controlHeight - fontSize * lineHeight) / 2;
   return {
     // inherit color and lineHeight from parent instead of fixed colorText
-    [`span${componentCls}`]: {
-      lineHeight: "inherit",
-      color: "inherit",
-      fontSize: "inherit"
-    },
-    [`div${componentCls}`]: {
+    [`${componentCls}`]: {
       lineHeight: "inherit",
       color: "inherit",
-      fontSize: "inherit"
-    },
-    [`${componentCls}`]: {
+      fontSize: "inherit",
       [`${componentCls}-edit`]: {
         fontSize: token.fontSize
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oceanbase/design",
-  "version": "0.4.15",
+  "version": "0.4.17",
   "description": "The Design System of OceanBase",
   "keywords": [
     "oceanbase",
@@ -32,21 +32,20 @@
   ],
   "sideEffects": [
     "**/*.less",
-    "**/*.css",
-    "es/index.js"
+    "**/*.css"
   ],
   "scripts": {
     "build": "father build && cp src/style/reset.css dist/"
   },
   "dependencies": {
     "@ant-design/cssinjs": "^1.24.0",
-    "@ctrl/tinycolor": "^4.1.0",
+    "@ctrl/tinycolor": "^4.2.0",
     "@inline-svg-unique-id/react": "^1.2.3",
     "@oceanbase/aliyun-theme": "^0.1.6",
     "@oceanbase/icons": "^0.4.7",
-    "@oceanbase/util": "^0.4.4",
+    "@oceanbase/util": "^0.4.5",
     "ahooks": "^2.10.14",
-    "antd": "^5.27.0",
+    "antd": "^5.27.4",
     "classnames": "^2.5.1",
     "lodash": "^4.17.21",
     "lottie-web": "^5.13.0",
@@ -58,13 +57,13 @@
     "@babel/preset-env": "^7.28.3",
     "antd-token-previewer": "^2.0.8",
     "rc-select": "^14.16.8",
-    "rc-slider": "^11.1.8",
-    "rc-table": "^7.51.1",
+    "rc-slider": "^11.1.9",
+    "rc-table": "^7.54.0",
     "rc-tree-select": "^5.27.0"
   },
   "peerDependencies": {
     "react": ">=16.9.0",
     "react-dom": ">=16.9.0"
   },
-  "gitHead": "b88518b0f25b30d616d829813ba50eff7830499a"
+  "gitHead": "17cf4a2e042c5c3a2b099b8f4d305eb3b543ca66"
 }