@oceanbase/design 1.0.0-alpha.1 → 1.0.0-alpha.11

package/lib/typography/style/index.js

@@ -1,93 +1,85 @@
-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);
+"use strict";
 
-// src/typography/style/index.ts
-var style_exports = {};
-__export(style_exports, {
-  default: () => style_default,
-  genTypographyStyle: () => genTypographyStyle
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(style_exports);
-var import_genComponentStyleHook = require("../../_util/genComponentStyleHook");
-var genTypographyStyle = (token) => {
-  const { componentCls, controlHeight, fontSize, lineHeight } = token;
-  const marginOffset = (controlHeight - fontSize * lineHeight) / 2;
+exports.genTypographyStyle = exports.default = void 0;
+var _cssinjs = require("@ant-design/cssinjs");
+var _genComponentStyleHook = require("../../_util/genComponentStyleHook");
+const genTypographyStyle = token => {
+  const {
+    componentCls,
+    controlHeight,
+    fontSize,
+    lineHeight,
+    calc
+  } = token;
+  const marginOffset = calc(controlHeight).sub(calc(fontSize).mul(lineHeight).equal()).div(2).equal();
+  const paddingTop = calc(marginOffset).sub(token.lineWidth).equal();
+  const paddingInline = calc(token.paddingSM).sub(token.lineWidth).equal();
+  const negativeMarginOffset = calc(marginOffset).mul(-1).equal();
   return {
     // inherit color and lineHeight from parent instead of fixed colorText
     [`${componentCls}`]: {
-      lineHeight: "inherit",
-      color: "inherit",
-      fontSize: "inherit",
+      lineHeight: 'inherit',
+      color: 'inherit',
+      fontSize: 'inherit',
       [`${componentCls}-edit`]: {
         fontSize: token.fontSize
       }
     },
+    [`${componentCls}-caption`]: {
+      fontSize: token.fontSizeSM,
+      fontWeight: token.fontWeightWeak
+    },
     [`${componentCls}${componentCls}-editable-text:not(${componentCls}-edit-content)`]: {
-      "&:hover": {
+      '&:hover': {
         background: token.colorBgContainer,
-        border: `${token.lineWidth}px ${token.lineType} ${token.colorBorder}`,
+        border: `${(0, _cssinjs.unit)(token.lineWidth)} ${token.lineType} ${token.colorBorder}`,
         borderRadius: token.borderRadius,
-        position: "relative",
-        insetInlineStart: -token.paddingSM,
-        padding: `${marginOffset - token.lineWidth}px ${token.paddingSM - token.lineWidth}px`
+        position: 'relative',
+        insetInlineStart: calc(token.paddingSM).mul(-1).equal(),
+        padding: `${paddingTop} ${paddingInline}`
       },
-      "div&:hover": {
+      'div&:hover': {
         height: token.controlHeight,
-        marginTop: -marginOffset,
-        marginBottom: `calc(1em - ${marginOffset}px)`
+        marginTop: negativeMarginOffset,
+        marginBottom: calc('1em').sub(marginOffset).equal()
       },
-      "span&:hover": {
-        display: "inline-block",
+      'span&:hover': {
+        display: 'inline-block',
         height: token.controlHeight,
-        marginTop: -marginOffset,
-        marginBottom: -marginOffset
+        marginTop: negativeMarginOffset,
+        marginBottom: negativeMarginOffset
       },
-      "h1&:hover, h2&:hover, h3&:hover, h4&:hover, h5&:hover": {
-        marginTop: `${-marginOffset}px !important`,
-        marginBottom: `${-marginOffset}px !important`
+      'h1&:hover, h2&:hover, h3&:hover, h4&:hover, h5&:hover': {
+        marginTop: `${negativeMarginOffset} !important`,
+        marginBottom: `${negativeMarginOffset} !important`
       }
     },
     [`${componentCls}${componentCls}-edit-content`]: {
       [`${componentCls}-div&`]: {
-        insetInlineStart: -token.paddingSM,
-        marginTop: -marginOffset,
-        marginBottom: `calc(1em - ${marginOffset}px)`
+        insetInlineStart: calc(token.paddingSM).mul(-1).equal(),
+        insetBlockStart: 0,
+        marginTop: negativeMarginOffset,
+        marginBottom: calc('1em').sub(marginOffset).equal()
       },
       [`${componentCls}-span&`]: {
-        insetInlineStart: -token.paddingSM,
-        marginTop: -marginOffset,
-        marginBottom: -marginOffset
+        insetInlineStart: calc(token.paddingSM).mul(-1).equal(),
+        insetBlockStart: 0,
+        marginTop: negativeMarginOffset,
+        marginBottom: negativeMarginOffset
       },
       [`${componentCls}-h1&, ${componentCls}-h2&, ${componentCls}-h3&, ${componentCls}-h4&, ${componentCls}-h5&`]: {
-        insetInlineStart: -token.paddingSM,
-        marginTop: `${-marginOffset}px !important`,
-        marginBottom: `${-marginOffset}px !important`
+        insetInlineStart: calc(token.paddingSM).mul(-1).equal(),
+        insetBlockStart: 0,
+        marginTop: `${negativeMarginOffset} !important`,
+        marginBottom: `${negativeMarginOffset} !important`
       }
     }
   };
 };
-var style_default = (prefixCls) => {
-  const useStyle = (0, import_genComponentStyleHook.genComponentStyleHook)("Typography", (token) => {
-    return [genTypographyStyle(token)];
-  });
-  return useStyle(prefixCls);
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  genTypographyStyle
-});
+exports.genTypographyStyle = genTypographyStyle;
+var _default = exports.default = (0, _genComponentStyleHook.genStyleHooks)('Typography', token => {
+  return [genTypographyStyle(token)];
+});

package/lib/upload/index.js

@@ -1,23 +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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/upload/index.ts
-var upload_exports = {};
-module.exports = __toCommonJS(upload_exports);
-__reExport(upload_exports, require("antd/es/upload"), module.exports);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ...require("antd/es/upload")
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
+var _upload = require("antd/es/upload");
+Object.keys(_upload).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _upload[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _upload[key];
+    }
+  });
+});
+"use client";

package/lib/upload/interface.js

@@ -1,23 +1,16 @@
-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);
+"use strict";
 
-// src/upload/interface.ts
-var interface_exports = {};
-module.exports = __toCommonJS(interface_exports);
-__reExport(interface_exports, require("antd/es/upload/interface"), module.exports);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ...require("antd/es/upload/interface")
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
+var _interface = require("antd/es/upload/interface");
+Object.keys(_interface).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _interface[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _interface[key];
+    }
+  });
+});

package/lib/watermark/index.js

@@ -1,23 +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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/watermark/index.ts
-var watermark_exports = {};
-module.exports = __toCommonJS(watermark_exports);
-__reExport(watermark_exports, require("antd/es/watermark"), module.exports);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ...require("antd/es/watermark")
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
+var _watermark = require("antd/es/watermark");
+Object.keys(_watermark).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _watermark[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _watermark[key];
+    }
+  });
+});
+"use client";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oceanbase/design",
-  "version": "1.0.0-alpha.1",
+  "version": "1.0.0-alpha.11",
   "description": "The Design System of OceanBase",
   "keywords": [
     "oceanbase",
@@ -31,7 +31,6 @@
     "LICENSE"
   ],
   "sideEffects": [
-    "**/*.less",
     "**/*.css"
   ],
   "scripts": {
@@ -39,13 +38,13 @@
   },
   "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": "^1.0.0-alpha.0",
-    "@oceanbase/util": "^1.0.0-alpha.0",
+    "@oceanbase/util": "^1.0.0-alpha.2",
     "ahooks": "^2.10.14",
-    "antd": "^5.27.3",
+    "antd": "^5.29.3",
     "classnames": "^2.5.1",
     "lodash": "^4.17.21",
     "lottie-web": "^5.13.0",
@@ -53,17 +52,19 @@
     "rc-util": "^5.44.4"
   },
   "devDependencies": {
+    "@ant-design/cssinjs-utils": "^1.1.3",
     "@babel/cli": "^7.28.3",
-    "@babel/preset-env": "^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.8",
-    "rc-table": "^7.53.0",
+    "rc-slider": "^11.1.9",
+    "rc-table": "^7.55.1",
     "rc-tree-select": "^5.27.0"
   },
   "peerDependencies": {
     "react": ">=16.9.0",
     "react-dom": ">=16.9.0"
   },
-  "gitHead": "47b1ebfa75581585b83252085dddd33fc2c072a5"
+  "gitHead": "88547b0f376d0075840aa6d75aa06e654d621a9d"
 }

package/es/_util/genStyle.d.ts

@@ -1,2 +0,0 @@
-import type { CSSObject } from '@ant-design/cssinjs';
-export declare const genCompactStyle: (componentCls: string, subComponentCls?: string) => CSSObject;

package/es/_util/getWeakenBorderColor.d.ts

@@ -1 +0,0 @@
-export declare function getWeakenBorderColor(color: string): string;

package/es/_util/getWeakenBorderColor.js

@@ -1,4 +0,0 @@
-import { TinyColor } from '@ctrl/tinycolor';
-export function getWeakenBorderColor(color) {
-  return new TinyColor(color).setAlpha(0.4).toHex8String();
-}

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/_util/genStyle.d.ts

@@ -1,2 +0,0 @@
-import type { CSSObject } from '@ant-design/cssinjs';
-export declare const genCompactStyle: (componentCls: string, subComponentCls?: string) => CSSObject;

package/lib/_util/genStyle.js

@@ -1,43 +0,0 @@
-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/_util/genStyle.ts
-var genStyle_exports = {};
-__export(genStyle_exports, {
-  genCompactStyle: () => genCompactStyle
-});
-module.exports = __toCommonJS(genStyle_exports);
-var genCompactStyle = (componentCls, subComponentCls = "") => {
-  return {
-    [`&${componentCls}-compact-item:not(${componentCls}-compact-last-item)${componentCls}-compact-first-item ${subComponentCls}`]: {
-      borderStartEndRadius: 0,
-      borderEndEndRadius: 0
-    },
-    [`&${componentCls}-compact-item:not(${componentCls}-compact-first-item):not(${componentCls}-compact-last-item) ${subComponentCls}`]: {
-      borderRadius: 0
-    },
-    [`&${componentCls}-compact-item:not(${componentCls}-compact-first-item)${componentCls}-compact-last-item ${subComponentCls}`]: {
-      borderStartStartRadius: 0,
-      borderEndStartRadius: 0
-    }
-  };
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  genCompactStyle
-});

package/lib/_util/getWeakenBorderColor.d.ts

@@ -1 +0,0 @@
-export declare function getWeakenBorderColor(color: string): string;

package/lib/_util/getWeakenBorderColor.js

@@ -1,32 +0,0 @@
-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/_util/getWeakenBorderColor.ts
-var getWeakenBorderColor_exports = {};
-__export(getWeakenBorderColor_exports, {
-  getWeakenBorderColor: () => getWeakenBorderColor
-});
-module.exports = __toCommonJS(getWeakenBorderColor_exports);
-var import_tinycolor = require("@ctrl/tinycolor");
-function getWeakenBorderColor(color) {
-  return new import_tinycolor.TinyColor(color).setAlpha(0.4).toHex8String();
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  getWeakenBorderColor
-});

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;
-}