@oceanbase/design 1.0.0-alpha.5 → 1.0.0-alpha.7

package/lib/style/global.js

@@ -0,0 +1,168 @@
+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/style/global.tsx
+var global_exports = {};
+__export(global_exports, {
+  GlobalStyle: () => GlobalStyle,
+  default: () => global_default
+});
+module.exports = __toCommonJS(global_exports);
+var import_cssinjs = require("@ant-design/cssinjs");
+var import_theme = __toESM(require("../theme"));
+var import_Inter_Regular = __toESM(require("../fonts/Inter-Regular.woff2"));
+var import_Inter_Medium = __toESM(require("../fonts/Inter-Medium.woff2"));
+var import_Inter_SemiBold = __toESM(require("../fonts/Inter-SemiBold.woff2"));
+var import_Consolas = __toESM(require("../fonts/Consolas.woff2"));
+var import_HelveticaNeue = __toESM(require("../fonts/HelveticaNeue.woff2"));
+var import_reset = require("antd/dist/reset.css");
+var import_jsx_runtime = require("react/jsx-runtime");
+var genGlobalStyle = (token, prefixCls) => {
+  const antCls = `.${prefixCls}`;
+  const buttonComponentCls = `${antCls}-btn`;
+  const typographyComponentCls = `${antCls}-typography`;
+  const menuComponentCls = `${antCls}-menu`;
+  return [
+    {
+      "@font-face": {
+        fontFamily: "Inter",
+        fontStyle: "lighter",
+        fontWeight: 300,
+        // load priority: local font > self-hosting font > remote font
+        src: `local('Inter'), url(${import_Inter_Regular.default}) format('woff2'), url('https://mdn.alipayobjects.com/huamei_fhnyvh/afts/file/A*2aG4RJIdUGYAAAAAAAAAAAAADmfOAQ/Inter.woff2') format('woff2')`,
+        fontDisplay: "swap"
+      }
+    },
+    {
+      "@font-face": {
+        fontFamily: "Inter",
+        fontStyle: "normal",
+        fontWeight: 400,
+        src: `local('Inter'), url(${import_Inter_Medium.default}) format('woff2'), url('https://mdn.alipayobjects.com/huamei_fhnyvh/afts/file/A*2aG4RJIdUGYAAAAAAAAAAAAADmfOAQ/Inter.woff2') format('woff2')`,
+        fontDisplay: "swap"
+      }
+    },
+    {
+      "@font-face": {
+        fontFamily: "Inter",
+        fontStyle: "medium",
+        fontWeight: 500,
+        src: `local('Inter'), url(${import_Inter_Medium.default}) format('woff2'), url('https://mdn.alipayobjects.com/huamei_fhnyvh/afts/file/A*2aG4RJIdUGYAAAAAAAAAAAAADmfOAQ/Inter.woff2') format('woff2')`,
+        fontDisplay: "swap"
+      }
+    },
+    {
+      "@font-face": {
+        fontFamily: "Inter",
+        fontStyle: "semibold",
+        fontWeight: 600,
+        src: `local('Inter'), url(${import_Inter_SemiBold.default}) format('woff2'), url('https://mdn.alipayobjects.com/huamei_fhnyvh/afts/file/A*2aG4RJIdUGYAAAAAAAAAAAAADmfOAQ/Inter.woff2') format('woff2')`,
+        fontDisplay: "swap"
+      }
+    },
+    {
+      "@font-face": {
+        fontFamily: "Consolas",
+        src: `local('Consolas'), url(${import_Consolas.default}) format('woff2'), url('https://mdn.alipayobjects.com/huamei_fhnyvh/afts/file/A*R8bMTqAdGWgAAAAAAAAAAAAADmfOAQ/Consolas.woff2') format('woff2')`,
+        fontDisplay: "swap"
+      }
+    },
+    {
+      "@font-face": {
+        fontFamily: "Helvetica Neue",
+        src: `local('Helvetica Neue'), url(${import_HelveticaNeue.default}) format('woff2'), url('https://mdn.alipayobjects.com/huamei_fhnyvh/afts/file/A*3EzqR6aYJMkAAAAAAAAAAAAADmfOAQ/HelveticaNeue.woff2') format('woff2')`,
+        fontDisplay: "swap"
+      }
+    },
+    {
+      "pre, code, kbd, samp": {
+        fontFamily: token.fontFamilyCode
+      },
+      "*": {
+        scrollbarColor: `${token.colorFillSecondary} transparent`
+      },
+      ".rc-virtual-list-scrollbar-thumb": {
+        background: `${token.colorFillSecondary} !important`
+      },
+      // link with href or data-aspm-param^="obcloud_openLink= show underline on hover
+      // except disabled and antd element
+      'a[href], a[data-aspm-param^="obcloud_openLink="]': {
+        [`&:not([disabled]):not([class^="${prefixCls}-"]):hover`]: {
+          textDecoration: "underline"
+        }
+      },
+      // handle link style in button
+      [`${buttonComponentCls}${buttonComponentCls}-link:not(${buttonComponentCls}-disabled)`]: {
+        '&[href], &[data-aspm-param^="obcloud_openLink="]': {
+          "&:hover": {
+            textDecoration: "underline"
+          }
+        }
+      },
+      // handle link style in typography
+      [`${typographyComponentCls}:not(${typographyComponentCls}-disabled)`]: {
+        '&[href], &[data-aspm-param^="obcloud_openLink="]': {
+          "&:hover": {
+            textDecoration: "underline"
+          }
+        }
+      },
+      // handle link style in menu
+      [`${menuComponentCls}`]: {
+        [`${menuComponentCls}-item`]: {
+          [`${menuComponentCls}-title-content`]: {
+            "a:hover": {
+              textDecoration: "none"
+            }
+          }
+        }
+      }
+    }
+  ];
+};
+var GlobalStyle = ({ prefixCls = "ant" }) => {
+  const { theme, token } = import_theme.default.useToken();
+  const wrapSSR = (0, import_cssinjs.useStyleRegister)(
+    {
+      theme,
+      token,
+      path: ["global"],
+      hashId: "",
+      // Empty hashId for global styles
+      order: -1e3
+      // Inject before other styles
+    },
+    () => genGlobalStyle(token, prefixCls)
+  );
+  return wrapSSR(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {}));
+};
+var global_default = GlobalStyle;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  GlobalStyle
+});

package/lib/style/reset.css

@@ -1 +1,2 @@
-@import '~antd/dist/reset.css';
+/* antd/dist/reset.css is imported in global.tsx */
+/* reserve this file for compatibility with antd */

package/lib/table/index.d.ts

@@ -38,8 +38,8 @@ declare const _default: (<RecordType extends AnyObject = AnyObject>(props: Table
     SELECTION_ALL: "SELECT_ALL";
     SELECTION_INVERT: "SELECT_INVERT";
     SELECTION_NONE: "SELECT_NONE";
-    Column: <RecordType extends import("antd/es/_util/type").AnyObject>(_: import("antd").TableColumnProps<RecordType>) => null;
-    ColumnGroup: <RecordType_1 extends import("antd/es/_util/type").AnyObject>(_: import("antd/es/table/ColumnGroup").ColumnGroupProps<RecordType_1>) => null;
+    Column: <RecordType_1 extends import("antd/es/_util/type").AnyObject>(_: import("antd").TableColumnProps<RecordType_1>) => null;
+    ColumnGroup: <RecordType_2 extends import("antd/es/_util/type").AnyObject>(_: import("antd/es/table/ColumnGroup").ColumnGroupProps<RecordType_2>) => null;
     Summary: typeof Summary;
     useStyle: (prefixCls: string) => {
         wrapSSR: (node: ReactNode) => ReactElement<any, string | React.JSXElementConstructor<any>>;

package/lib/table/style/index.js

@@ -89,7 +89,11 @@ var genTableStyle = (token) => {
         },
         // 为了避免行展开/收起时出现 border 动画，覆盖 antd 默认配置，仅设置背景色动画
         [`tr > td`]: {
-          transition: `background ${token.motionDurationMid}`
+          fontWeight: token.fontWeight,
+          transition: `background ${token.motionDurationMid}`,
+          a: {
+            fontWeight: token.fontWeightStrong
+          }
         },
         // empty style
         [`${componentCls}-placeholder td`]: {},

package/lib/theme/compact.d.ts

@@ -1,5 +1,5 @@
 declare const compactTheme: {
-    token: import("antd/es/theme/internal").AliasToken;
+    token: import("antd/es/theme/internal").SeedToken;
     components: {
         InputNumber: {
             handleVisible: boolean;

package/lib/theme/compact.js

@@ -32,13 +32,9 @@ __export(compact_exports, {
   default: () => compact_default
 });
 module.exports = __toCommonJS(compact_exports);
-var import_antd = require("antd");
 var import_index = __toESM(require("./index"));
 var compactTheme = {
-  token: import_antd.theme.getDesignToken({
-    algorithm: import_antd.theme.compactAlgorithm,
-    token: import_index.default.defaultSeed
-  }),
+  token: import_index.default.defaultSeed,
   components: {
     InputNumber: {
       handleVisible: true

package/lib/theme/default.d.ts

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

package/lib/theme/default.js

@@ -40,8 +40,11 @@ var colorFillQuaternary = "#F5F7FC";
 var colorBorderSecondary = colorFillSecondary;
 var fontSizeSM = 12;
 var tagColorBorder = colorTextQuaternary;
+var borderRadius = 4;
+var borderRadiusMD = 6;
+var borderRadiusLG = 8;
 var fontFamilyEn = `Inter, 'Noto sans', sans-serif, Roboto, 'Open Sans', 'Segoe UI', 'Helvetica Neue', 'Helvetica, Arial', 'Apple Color Emoji'`;
-var fontWeightWeakEn = 400;
+var fontWeightWeakEn = 300;
 var fontWeightEn = 500;
 var fontWeightStrongEn = 600;
 var defaultTheme = {
@@ -52,9 +55,9 @@ var defaultTheme = {
     fontWeight: 400,
     fontWeightStrong: 500,
     borderRadiusSM: 2,
-    borderRadius: 4,
-    borderRadiusMD: 6,
-    borderRadiusLG: 8,
+    borderRadius,
+    borderRadiusMD,
+    borderRadiusLG,
     fontSizeSM,
     fontSize: 13,
     lineHeight: 20 / 13,
@@ -118,7 +121,7 @@ var defaultTheme = {
   },
   components: {
     Alert: {
-      borderRadiusLG: 6
+      borderRadiusLG: borderRadiusMD
     },
     Badge: {
       statusSize: 8
@@ -139,16 +142,29 @@ var defaultTheme = {
     },
     Card: {
       headerFontSize: 16,
-      borderRadiusLG: 8
+      borderRadiusLG
     },
     Collapse: {
       colorBorder: colorBorderSecondary
     },
+    DatePicker: {
+      borderRadiusLG: borderRadiusMD
+    },
     Descriptions: {
       labelColor: colorTextSecondary
     },
+    Dropdown: {
+      borderRadiusLG: borderRadiusMD
+    },
+    Input: {
+      borderRadiusLG: borderRadiusMD
+    },
     InputNumber: {
-      handleVisible: true
+      handleVisible: true,
+      borderRadiusLG: borderRadiusMD
+    },
+    Popover: {
+      borderRadiusLG: borderRadiusMD
     },
     Progress: {
       defaultColor: colorPrimarySecondary
@@ -162,6 +178,7 @@ var defaultTheme = {
     },
     Select: {
       // work for all multiple select component, including Select, TreeSelect and Cascader and so on
+      borderRadiusLG: borderRadiusMD,
       multipleItemBg: colorFillQuaternary,
       multipleItemBorderColor: tagColorBorder,
       multipleItemBorderColorDisabled: tagColorBorder
@@ -175,7 +192,7 @@ var defaultTheme = {
       handleColorDisabled: "#b3ccff"
     },
     Skeleton: {
-      blockRadius: 4
+      blockRadius: borderRadius
     },
     Tabs: {
       horizontalItemGutter: 24,
@@ -185,7 +202,7 @@ var defaultTheme = {
     },
     Tag: {
       colorBorder: tagColorBorder,
-      borderRadiusSM: 4
+      borderRadiusSM: borderRadius
     },
     Table: {
       cellFontSize: fontSizeSM,
@@ -199,13 +216,15 @@ var defaultTheme = {
       rowSelectedHoverBg: colorFillTertiary
     },
     Tooltip: {
+      borderRadius: borderRadiusMD,
       colorBgSpotlight: "#ffffff",
       colorTextLightSolid: colorText
     },
     Menu: {
+      borderRadiusLG: borderRadiusMD,
       paddingContentVertical: 0,
       itemHeight: 30,
-      itemBorderRadius: 4,
+      itemBorderRadius: borderRadius,
       // 80 means 50% opacity
       itemHoverBg: colorFillSecondary + "80",
       itemActiveBg: colorFillSecondary + "80",

package/lib/typography/style/index.js

@@ -69,16 +69,19 @@ var genTypographyStyle = (token) => {
     [`${componentCls}${componentCls}-edit-content`]: {
       [`${componentCls}-div&`]: {
         insetInlineStart: calc(token.paddingSM).mul(-1).equal(),
+        insetBlockStart: 0,
         marginTop: negativeMarginOffset,
         marginBottom: calc("1em").sub(marginOffset).equal()
       },
       [`${componentCls}-span&`]: {
         insetInlineStart: calc(token.paddingSM).mul(-1).equal(),
+        insetBlockStart: 0,
         marginTop: negativeMarginOffset,
         marginBottom: negativeMarginOffset
       },
       [`${componentCls}-h1&, ${componentCls}-h2&, ${componentCls}-h3&, ${componentCls}-h4&, ${componentCls}-h5&`]: {
         insetInlineStart: calc(token.paddingSM).mul(-1).equal(),
+        insetBlockStart: 0,
         marginTop: `${negativeMarginOffset} !important`,
         marginBottom: `${negativeMarginOffset} !important`
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oceanbase/design",
-  "version": "1.0.0-alpha.5",
+  "version": "1.0.0-alpha.7",
   "description": "The Design System of OceanBase",
   "keywords": [
     "oceanbase",
@@ -56,6 +56,7 @@
     "@babel/cli": "^7.28.3",
     "@babel/preset-env": "^7.28.5",
     "antd-token-previewer": "^2.0.8",
+    "rc-input": "^1.8.0",
     "rc-select": "^14.16.8",
     "rc-slider": "^11.1.9",
     "rc-table": "^7.55.1",
@@ -65,5 +66,5 @@
     "react": ">=16.9.0",
     "react-dom": ">=16.9.0"
   },
-  "gitHead": "c716061dd0da7a44ab09515d43972d2212e59d0f"
+  "gitHead": "61bf8e19d8267e8f37572589ab7516222e8fca32"
 }

package/es/global.css

@@ -1,48 +0,0 @@
-@import '~antd/dist/reset.css';
-
-@font-face {
-  font-family: 'Inter';
-  /* load priority: local font > self-hosting font > remote font */
-  src:
-    local('Inter'),
-    url('./fonts/Inter.woff2') format('woff2'),
-    url('https://mdn.alipayobjects.com/huamei_fhnyvh/afts/file/A*2aG4RJIdUGYAAAAAAAAAAAAADmfOAQ/Inter.woff2')
-      format('woff2');
-  /* load strategy: use default font as fallback */
-  font-display: swap;
-}
-
-@font-face {
-  font-family: 'Consolas';
-  src:
-    local('Consolas'),
-    url('./fonts/Consolas.woff2') format('woff2'),
-    url('https://mdn.alipayobjects.com/huamei_fhnyvh/afts/file/A*R8bMTqAdGWgAAAAAAAAAAAAADmfOAQ/Consolas.woff2')
-      format('woff2');
-  font-display: swap;
-}
-
-@font-face {
-  font-family: 'Helvetica Neue';
-  src:
-    local('Helvetica Neue'),
-    url('./fonts/HelveticaNeue.woff2') format('woff2'),
-    url('https://mdn.alipayobjects.com/huamei_fhnyvh/afts/file/A*3EzqR6aYJMkAAAAAAAAAAAAADmfOAQ/HelveticaNeue.woff2')
-      format('woff2');
-  font-display: swap;
-}
-
-pre,
-code,
-kbd,
-samp {
-  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
-}
-
-* {
-  scrollbar-color: #e2e8f3 transparent;
-}
-
-.rc-virtual-list-scrollbar-thumb {
-  background: #e2e8f3 !important;
-}

package/lib/global.css

@@ -1,48 +0,0 @@
-@import '~antd/dist/reset.css';
-
-@font-face {
-  font-family: 'Inter';
-  /* load priority: local font > self-hosting font > remote font */
-  src:
-    local('Inter'),
-    url('./fonts/Inter.woff2') format('woff2'),
-    url('https://mdn.alipayobjects.com/huamei_fhnyvh/afts/file/A*2aG4RJIdUGYAAAAAAAAAAAAADmfOAQ/Inter.woff2')
-      format('woff2');
-  /* load strategy: use default font as fallback */
-  font-display: swap;
-}
-
-@font-face {
-  font-family: 'Consolas';
-  src:
-    local('Consolas'),
-    url('./fonts/Consolas.woff2') format('woff2'),
-    url('https://mdn.alipayobjects.com/huamei_fhnyvh/afts/file/A*R8bMTqAdGWgAAAAAAAAAAAAADmfOAQ/Consolas.woff2')
-      format('woff2');
-  font-display: swap;
-}
-
-@font-face {
-  font-family: 'Helvetica Neue';
-  src:
-    local('Helvetica Neue'),
-    url('./fonts/HelveticaNeue.woff2') format('woff2'),
-    url('https://mdn.alipayobjects.com/huamei_fhnyvh/afts/file/A*3EzqR6aYJMkAAAAAAAAAAAAADmfOAQ/HelveticaNeue.woff2')
-      format('woff2');
-  font-display: swap;
-}
-
-pre,
-code,
-kbd,
-samp {
-  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
-}
-
-* {
-  scrollbar-color: #e2e8f3 transparent;
-}
-
-.rc-virtual-list-scrollbar-thumb {
-  background: #e2e8f3 !important;
-}