@oceanbase/design 1.0.0-alpha.9 → 1.0.0

package/lib/upload/index.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);
-
-// 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")
+"use strict";
+"use client";
+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];
+    }
+  });
+});

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,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);
-
-// 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")
+"use strict";
+"use client";
+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];
+    }
+  });
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oceanbase/design",
-  "version": "1.0.0-alpha.9",
+  "version": "1.0.0",
   "description": "The Design System of OceanBase",
   "keywords": [
     "oceanbase",
@@ -34,17 +34,17 @@
     "**/*.css"
   ],
   "scripts": {
-    "build": "father build && cp src/style/reset.css dist/"
+    "build": "father build && cp src/style/reset.css dist/ && node ../../scripts/post-process-use-client.js design"
   },
   "dependencies": {
     "@ant-design/cssinjs": "^1.24.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.2",
+    "@oceanbase/icons": "^1.0.0",
+    "@oceanbase/util": "^1.0.0",
     "ahooks": "^2.10.14",
-    "antd": "^5.29.1",
+    "antd": "^5.29.3",
     "classnames": "^2.5.1",
     "lodash": "^4.17.21",
     "lottie-web": "^5.13.0",
@@ -53,8 +53,8 @@
   },
   "devDependencies": {
     "@ant-design/cssinjs-utils": "^1.1.3",
-    "@babel/cli": "^7.28.3",
-    "@babel/preset-env": "^7.28.5",
+    "@babel/cli": "^7.28.6",
+    "@babel/preset-env": "^7.28.6",
     "antd-token-previewer": "^2.0.8",
     "rc-input": "^1.8.0",
     "rc-select": "^14.16.8",
@@ -66,5 +66,5 @@
     "react": ">=16.9.0",
     "react-dom": ">=16.9.0"
   },
-  "gitHead": "b208f8aa2f982a955a827e14b58796e934cac016"
+  "gitHead": "7ec1b308c948809e528969c59d548976f98dc727"
 }

package/es/style/cssVariables.d.ts

@@ -1,25 +0,0 @@
-/**
- * OceanBase Design System - CSS Variables Style
- * 使用 @ant-design/cssinjs 动态注入 CSS 变量
- * 根据主题 token 值动态生成
- */
-import React from 'react';
-import type { CSSInterpolation } from '@ant-design/cssinjs';
-import type { GlobalToken } from '../theme/interface';
-/**
- * 根据 token 生成 CSS 变量样式
- */
-declare const genCssVariablesStyle: (token: GlobalToken, prefix?: string) => CSSInterpolation;
-export interface CssVariablesStyleProps {
-    /**
-     * CSS 变量前缀，默认为 'ob'
-     */
-    prefix?: string;
-}
-/**
- * CSS 变量注入组件
- * 使用 @ant-design/cssinjs 动态注入 CSS 变量
- */
-declare const CssVariablesStyle: React.FC<CssVariablesStyleProps>;
-export { CssVariablesStyle, genCssVariablesStyle };
-export default CssVariablesStyle;

package/es/style/cssVariables.js

@@ -1,48 +0,0 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-/**
- * OceanBase Design System - CSS Variables Style
- * 使用 @ant-design/cssinjs 动态注入 CSS 变量
- * 根据主题 token 值动态生成
- */
-
-import React from 'react';
-import { useStyleRegister } from '@ant-design/cssinjs';
-import themeConfig from "../theme";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * 根据 token 生成 CSS 变量样式
- */
-var genCssVariablesStyle = function genCssVariablesStyle(token) {
-  var _root;
-  var prefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'ob';
-  return [{
-    ':root': (_root = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_root, "--".concat(prefix, "-white"), token.white), "--".concat(prefix, "-gray-1"), token.gray1), "--".concat(prefix, "-gray-2"), token.gray2), "--".concat(prefix, "-gray-3"), token.gray3), "--".concat(prefix, "-gray-4"), token.gray4), "--".concat(prefix, "-gray-5"), token.gray5), "--".concat(prefix, "-gray-6"), token.gray6), "--".concat(prefix, "-gray-7"), token.gray7), "--".concat(prefix, "-gray-8"), token.gray8), "--".concat(prefix, "-gray-9"), token.gray9), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_root, "--".concat(prefix, "-gray-10"), token.colorText), "--".concat(prefix, "-black"), token.black), "--".concat(prefix, "-blue-1"), token.blue1), "--".concat(prefix, "-blue-2"), token.blue2), "--".concat(prefix, "-blue-3"), token.blue3), "--".concat(prefix, "-blue-4"), token.blue4), "--".concat(prefix, "-blue-5"), token.blue5), "--".concat(prefix, "-blue-6"), token.blue6), "--".concat(prefix, "-green-1"), token.green1), "--".concat(prefix, "-green-2"), token.green2), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_root, "--".concat(prefix, "-green-3"), token.green3), "--".concat(prefix, "-green-4"), token.green4), "--".concat(prefix, "-green-5"), token.green5), "--".concat(prefix, "-green-6"), token.green6), "--".concat(prefix, "-orange-1"), token.orange1), "--".concat(prefix, "-orange-2"), token.orange2), "--".concat(prefix, "-orange-3"), token.orange3), "--".concat(prefix, "-orange-4"), token.orange4), "--".concat(prefix, "-orange-5"), token.orange5), "--".concat(prefix, "-orange-6"), token.orange6), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_root, "--".concat(prefix, "-red-1"), token.red1), "--".concat(prefix, "-red-2"), token.red2), "--".concat(prefix, "-red-3"), token.red3), "--".concat(prefix, "-red-4"), token.red4), "--".concat(prefix, "-red-5"), token.red5), "--".concat(prefix, "-red-6"), token.red6), "--".concat(prefix, "-fuchsia-1"), token.fuchsia1), "--".concat(prefix, "-fuchsia-2"), token.fuchsia2), "--".concat(prefix, "-fuchsia-3"), token.fuchsia3), "--".concat(prefix, "-fuchsia-4"), token.fuchsia4), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_root, "--".concat(prefix, "-fuchsia-5"), token.fuchsia5), "--".concat(prefix, "-fuchsia-6"), token.fuchsia6), "--".concat(prefix, "-color-bg-default"), token.colorBgContainer), "--".concat(prefix, "-color-bg-primary"), token.gray1), "--".concat(prefix, "-color-bg-secondary"), token.gray2), "--".concat(prefix, "-color-bg-hover"), token.gray2), "--".concat(prefix, "-color-bg-hover-secondary"), token.gray3), "--".concat(prefix, "-color-bg-focus"), token.gray3), "--".concat(prefix, "-color-bg-active"), token.blue4), "--".concat(prefix, "-color-bg-disabled"), token.gray3), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_root, "--".concat(prefix, "-color-divider"), token.gray4), "--".concat(prefix, "-color-border-default"), token.gray5), "--".concat(prefix, "-color-border-container"), token.gray4), "--".concat(prefix, "-color-border-inverse"), token.white), "--".concat(prefix, "-color-border-hover"), token.blue4), "--".concat(prefix, "-color-border-focus"), token.blue4), "--".concat(prefix, "-color-border-error"), token.red4), "--".concat(prefix, "-color-border-warning"), token.orange4), "--".concat(prefix, "-color-text-default"), token.colorText), "--".concat(prefix, "-color-text-navigation"), token.gray9), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_root, "--".concat(prefix, "-color-text-label"), token.gray8), "--".concat(prefix, "-color-text-info"), token.gray7), "--".concat(prefix, "-color-text-disabled"), token.gray6), "--".concat(prefix, "-color-text-focus"), token.colorText), "--".concat(prefix, "-color-text-selected"), token.blue4), "--".concat(prefix, "-color-text-link"), token.blue4), "--".concat(prefix, "-color-text-inverse"), token.white), "--".concat(prefix, "-color-icon-default"), token.gray8), "--".concat(prefix, "-color-icon-hover"), token.blue4), "--".concat(prefix, "-color-icon-disabled"), token.gray6), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_root, "--".concat(prefix, "-color-icon-focus"), token.blue4), "--".concat(prefix, "-color-icon-inverse"), token.white), "--".concat(prefix, "-color-icon-info"), token.blue4), "--".concat(prefix, "-color-icon-warning"), token.orange4), "--".concat(prefix, "-color-icon-success"), token.green4), "--".concat(prefix, "-color-icon-error"), token.red4), "--".concat(prefix, "-color-default-text"), token.colorText), "--".concat(prefix, "-color-default-icon"), token.gray8), "--".concat(prefix, "-color-default-fill"), token.gray2), "--".concat(prefix, "-color-default-border"), token.gray2), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_root, "--".concat(prefix, "-color-info-text"), token.blue6), "--".concat(prefix, "-color-info-icon"), token.blue6), "--".concat(prefix, "-color-info-fill"), token.blue1), "--".concat(prefix, "-color-info-border"), token.blue3), "--".concat(prefix, "-color-success-text"), token.green6), "--".concat(prefix, "-color-success-icon"), token.green6), "--".concat(prefix, "-color-success-fill"), token.green1), "--".concat(prefix, "-color-success-border"), token.green3), "--".concat(prefix, "-color-warning-text"), token.orange6), "--".concat(prefix, "-color-warning-icon"), token.orange6), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_root, "--".concat(prefix, "-color-warning-fill"), token.orange1), "--".concat(prefix, "-color-warning-border"), token.orange3), "--".concat(prefix, "-color-error-text"), token.red6), "--".concat(prefix, "-color-error-icon"), token.red6), "--".concat(prefix, "-color-error-fill"), token.red1), "--".concat(prefix, "-color-error-border"), token.red3), "--".concat(prefix, "-color-critical-text"), token.fuchsia6), "--".concat(prefix, "-color-critical-icon"), token.fuchsia6), "--".concat(prefix, "-color-critical-fill"), token.fuchsia1), "--".concat(prefix, "-color-critical-border"), token.fuchsia3), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_root, "--".concat(prefix, "-font-family-default"), token.fontFamily), "--".concat(prefix, "-font-weight-sm"), token.fontWeightWeak), "--".concat(prefix, "-font-weight-md"), token.fontWeight), "--".concat(prefix, "-font-weight-lg"), token.fontWeightStrong), "--".concat(prefix, "-font-size-300"), "".concat(token.fontSizeSM, "px")), "--".concat(prefix, "-font-size-325"), "".concat(token.fontSize, "px")), "--".concat(prefix, "-font-size-400"), "".concat(token.fontSizeLG, "px")), "--".concat(prefix, "-font-size-450"), "".concat(token.fontSizeHeading3, "px")), "--".concat(prefix, "-font-size-500"), "".concat(token.fontSizeHeading2, "px")), "--".concat(prefix, "-font-line-height-500"), '20px'), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_root, "--".concat(prefix, "-font-line-height-600"), '24px'), "--".concat(prefix, "-font-line-height-650"), '26px'), "--".concat(prefix, "-font-line-height-700"), '28px'), "--".concat(prefix, "-font-h1"), "".concat(token.fontWeightStrong, " ").concat(token.fontSizeHeading2, "px/var(--").concat(prefix, "-font-line-height-700) ").concat(token.fontFamily)), "--".concat(prefix, "-font-h2"), "".concat(token.fontWeightStrong, " ").concat(token.fontSizeHeading3, "px/var(--").concat(prefix, "-font-line-height-650) ").concat(token.fontFamily)), "--".concat(prefix, "-font-h3"), "".concat(token.fontWeightStrong, " ").concat(token.fontSizeLG, "px/var(--").concat(prefix, "-font-line-height-600) ").concat(token.fontFamily)), "--".concat(prefix, "-font-h4"), "".concat(token.fontWeightStrong, " ").concat(token.fontSize, "px/var(--").concat(prefix, "-font-line-height-500) ").concat(token.fontFamily)), "--".concat(prefix, "-font-body1"), "".concat(token.fontWeight, " ").concat(token.fontSize, "px/var(--").concat(prefix, "-font-line-height-500) ").concat(token.fontFamily)), "--".concat(prefix, "-font-body2"), "".concat(token.fontWeightWeak, " ").concat(token.fontSizeSM, "px/var(--").concat(prefix, "-font-line-height-500) ").concat(token.fontFamily)), "--".concat(prefix, "-font-caption"), "".concat(token.fontWeightWeak, " ").concat(token.fontSizeSM, "px/var(--").concat(prefix, "-font-line-height-500) ").concat(token.fontFamily)), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_root, "--".concat(prefix, "-shadow-1-top"), '0px -1px 2px 0px hsla(219, 50%, 15%, 0.1)'), "--".concat(prefix, "-shadow-1-bottom"), '0px 1px 2px 0px hsla(219, 50%, 15%, 0.1)'), "--".concat(prefix, "-shadow-1-left"), '-1px 0px 2px 0px hsla(219, 50%, 15%, 0.1)'), "--".concat(prefix, "-shadow-1-right"), '1px 0px 2px 0px hsla(219, 50%, 15%, 0.1)'), "--".concat(prefix, "-shadow-2"), token.boxShadowSecondary), "--".concat(prefix, "-radius-sm"), "".concat(token.borderRadius, "px")), "--".concat(prefix, "-radius-md"), "".concat(token.borderRadiusMD, "px")), "--".concat(prefix, "-radius-lg"), "".concat(token.borderRadiusLG, "px")), "--".concat(prefix, "-space-0"), '0px'), "--".concat(prefix, "-space-50"), '2px'), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_root, "--".concat(prefix, "-space-100"), "".concat(token.paddingXXS, "px")), "--".concat(prefix, "-space-150"), '6px'), "--".concat(prefix, "-space-200"), "".concat(token.paddingXS, "px")), "--".concat(prefix, "-space-300"), "".concat(token.paddingSM, "px")), "--".concat(prefix, "-space-400"), "".concat(token.padding, "px")), "--".concat(prefix, "-space-500"), "".concat(token.paddingMD, "px")), "--".concat(prefix, "-space-600"), "".concat(token.paddingLG, "px")), "--".concat(prefix, "-space-800"), "".concat(token.paddingXL, "px")), "--".concat(prefix, "-spacing-negative-25"), '-1px'), "--".concat(prefix, "-navi-color-bg"), token.colorNaviBg), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_root, "--".concat(prefix, "-navi-color-bg-hover"), token.colorNaviBgHover), "--".concat(prefix, "-navi-color-bg-focus"), token.colorNaviBgHover), "--".concat(prefix, "-btn-color-primary-bg"), token.blue4), "--".concat(prefix, "-btn-color-primary-bg-hover"), token.blue5), "--".concat(prefix, "-btn-color-primary-bg-disabled"), token.blue3), "--".concat(prefix, "-btn-color-primary-text"), token.white), "--".concat(prefix, "-btn-color-primary-icon"), token.white), "--".concat(prefix, "-btn-color-secondary-border"), token.blue4), "--".concat(prefix, "-btn-color-secondary-text"), token.blue4), "--".concat(prefix, "-btn-color-secondary-icon"), token.blue4), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_root, "--".concat(prefix, "-btn-color-danger-border"), token.red4), "--".concat(prefix, "-btn-color-danger-text"), token.red4), "--".concat(prefix, "-progress-color-bg-default"), token.gray4), "--".concat(prefix, "-progress-color-bg-loading"), token.blue4), "--".concat(prefix, "-progress-color-bg-success"), token.green4), "--".concat(prefix, "-progress-color-bg-error"), token.red4), "--".concat(prefix, "-switch-color-bg-default"), token.gray7), "--".concat(prefix, "-switch-color-bg-disabled"), token.gray4), "--".concat(prefix, "-switch-color-bg-active"), token.blue4), "--".concat(prefix, "-switch-color-bg-disabled-selected"), token.gray5))
-  }];
-};
-/**
- * CSS 变量注入组件
- * 使用 @ant-design/cssinjs 动态注入 CSS 变量
- */
-var CssVariablesStyle = function CssVariablesStyle(_ref) {
-  var _ref$prefix = _ref.prefix,
-    prefix = _ref$prefix === void 0 ? 'ob' : _ref$prefix;
-  var _themeConfig$useToken = themeConfig.useToken(),
-    theme = _themeConfig$useToken.theme,
-    token = _themeConfig$useToken.token;
-  var wrapSSR = useStyleRegister({
-    theme: theme,
-    token: token,
-    path: ['ob-css-variables'],
-    hashId: '',
-    order: -1001 // 在全局样式之前注入
-  }, function () {
-    return genCssVariablesStyle(token, prefix);
-  });
-  return wrapSSR( /*#__PURE__*/_jsx(_Fragment, {}));
-};
-export { CssVariablesStyle, genCssVariablesStyle };
-export default CssVariablesStyle;

package/lib/style/cssVariables.d.ts

@@ -1,25 +0,0 @@
-/**
- * OceanBase Design System - CSS Variables Style
- * 使用 @ant-design/cssinjs 动态注入 CSS 变量
- * 根据主题 token 值动态生成
- */
-import React from 'react';
-import type { CSSInterpolation } from '@ant-design/cssinjs';
-import type { GlobalToken } from '../theme/interface';
-/**
- * 根据 token 生成 CSS 变量样式
- */
-declare const genCssVariablesStyle: (token: GlobalToken, prefix?: string) => CSSInterpolation;
-export interface CssVariablesStyleProps {
-    /**
-     * CSS 变量前缀，默认为 'ob'
-     */
-    prefix?: string;
-}
-/**
- * CSS 变量注入组件
- * 使用 @ant-design/cssinjs 动态注入 CSS 变量
- */
-declare const CssVariablesStyle: React.FC<CssVariablesStyleProps>;
-export { CssVariablesStyle, genCssVariablesStyle };
-export default CssVariablesStyle;

package/lib/style/cssVariables.js

@@ -1,261 +0,0 @@
-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/cssVariables.tsx
-var cssVariables_exports = {};
-__export(cssVariables_exports, {
-  CssVariablesStyle: () => CssVariablesStyle,
-  default: () => cssVariables_default,
-  genCssVariablesStyle: () => genCssVariablesStyle
-});
-module.exports = __toCommonJS(cssVariables_exports);
-var import_cssinjs = require("@ant-design/cssinjs");
-var import_theme = __toESM(require("../theme"));
-var import_jsx_runtime = require("react/jsx-runtime");
-var genCssVariablesStyle = (token, prefix = "ob") => {
-  return [
-    {
-      ":root": {
-        // ==================== 基础颜色 Token ====================
-        // 中性色 Neutral
-        [`--${prefix}-white`]: token.white,
-        [`--${prefix}-gray-1`]: token.gray1,
-        [`--${prefix}-gray-2`]: token.gray2,
-        [`--${prefix}-gray-3`]: token.gray3,
-        [`--${prefix}-gray-4`]: token.gray4,
-        [`--${prefix}-gray-5`]: token.gray5,
-        [`--${prefix}-gray-6`]: token.gray6,
-        [`--${prefix}-gray-7`]: token.gray7,
-        [`--${prefix}-gray-8`]: token.gray8,
-        [`--${prefix}-gray-9`]: token.gray9,
-        [`--${prefix}-gray-10`]: token.colorText,
-        [`--${prefix}-black`]: token.black,
-        // 蓝色 Blue
-        [`--${prefix}-blue-1`]: token.blue1,
-        [`--${prefix}-blue-2`]: token.blue2,
-        [`--${prefix}-blue-3`]: token.blue3,
-        [`--${prefix}-blue-4`]: token.blue4,
-        [`--${prefix}-blue-5`]: token.blue5,
-        [`--${prefix}-blue-6`]: token.blue6,
-        // 绿色 Green
-        [`--${prefix}-green-1`]: token.green1,
-        [`--${prefix}-green-2`]: token.green2,
-        [`--${prefix}-green-3`]: token.green3,
-        [`--${prefix}-green-4`]: token.green4,
-        [`--${prefix}-green-5`]: token.green5,
-        [`--${prefix}-green-6`]: token.green6,
-        // 橙色 Orange
-        [`--${prefix}-orange-1`]: token.orange1,
-        [`--${prefix}-orange-2`]: token.orange2,
-        [`--${prefix}-orange-3`]: token.orange3,
-        [`--${prefix}-orange-4`]: token.orange4,
-        [`--${prefix}-orange-5`]: token.orange5,
-        [`--${prefix}-orange-6`]: token.orange6,
-        // 红色 Red
-        [`--${prefix}-red-1`]: token.red1,
-        [`--${prefix}-red-2`]: token.red2,
-        [`--${prefix}-red-3`]: token.red3,
-        [`--${prefix}-red-4`]: token.red4,
-        [`--${prefix}-red-5`]: token.red5,
-        [`--${prefix}-red-6`]: token.red6,
-        // 紫色 Fuchsia
-        [`--${prefix}-fuchsia-1`]: token.fuchsia1,
-        [`--${prefix}-fuchsia-2`]: token.fuchsia2,
-        [`--${prefix}-fuchsia-3`]: token.fuchsia3,
-        [`--${prefix}-fuchsia-4`]: token.fuchsia4,
-        [`--${prefix}-fuchsia-5`]: token.fuchsia5,
-        [`--${prefix}-fuchsia-6`]: token.fuchsia6,
-        // ==================== 语义颜色 Token ====================
-        // 填充色 Background
-        [`--${prefix}-color-bg-default`]: token.colorBgContainer,
-        [`--${prefix}-color-bg-primary`]: token.gray1,
-        [`--${prefix}-color-bg-secondary`]: token.gray2,
-        [`--${prefix}-color-bg-hover`]: token.gray2,
-        [`--${prefix}-color-bg-hover-secondary`]: token.gray3,
-        [`--${prefix}-color-bg-focus`]: token.gray3,
-        [`--${prefix}-color-bg-active`]: token.blue4,
-        [`--${prefix}-color-bg-disabled`]: token.gray3,
-        // 边框色 Border
-        [`--${prefix}-color-divider`]: token.gray4,
-        [`--${prefix}-color-border-default`]: token.gray5,
-        [`--${prefix}-color-border-container`]: token.gray4,
-        [`--${prefix}-color-border-inverse`]: token.white,
-        [`--${prefix}-color-border-hover`]: token.blue4,
-        [`--${prefix}-color-border-focus`]: token.blue4,
-        [`--${prefix}-color-border-error`]: token.red4,
-        [`--${prefix}-color-border-warning`]: token.orange4,
-        // 文本色 Text
-        [`--${prefix}-color-text-default`]: token.colorText,
-        [`--${prefix}-color-text-navigation`]: token.gray9,
-        [`--${prefix}-color-text-label`]: token.gray8,
-        [`--${prefix}-color-text-info`]: token.gray7,
-        [`--${prefix}-color-text-disabled`]: token.gray6,
-        [`--${prefix}-color-text-focus`]: token.colorText,
-        [`--${prefix}-color-text-selected`]: token.blue4,
-        [`--${prefix}-color-text-link`]: token.blue4,
-        [`--${prefix}-color-text-inverse`]: token.white,
-        // 图标色 Icon
-        [`--${prefix}-color-icon-default`]: token.gray8,
-        [`--${prefix}-color-icon-hover`]: token.blue4,
-        [`--${prefix}-color-icon-disabled`]: token.gray6,
-        [`--${prefix}-color-icon-focus`]: token.blue4,
-        [`--${prefix}-color-icon-inverse`]: token.white,
-        [`--${prefix}-color-icon-info`]: token.blue4,
-        [`--${prefix}-color-icon-warning`]: token.orange4,
-        [`--${prefix}-color-icon-success`]: token.green4,
-        [`--${prefix}-color-icon-error`]: token.red4,
-        // 状态色
-        [`--${prefix}-color-default-text`]: token.colorText,
-        [`--${prefix}-color-default-icon`]: token.gray8,
-        [`--${prefix}-color-default-fill`]: token.gray2,
-        [`--${prefix}-color-default-border`]: token.gray2,
-        [`--${prefix}-color-info-text`]: token.blue6,
-        [`--${prefix}-color-info-icon`]: token.blue6,
-        [`--${prefix}-color-info-fill`]: token.blue1,
-        [`--${prefix}-color-info-border`]: token.blue3,
-        [`--${prefix}-color-success-text`]: token.green6,
-        [`--${prefix}-color-success-icon`]: token.green6,
-        [`--${prefix}-color-success-fill`]: token.green1,
-        [`--${prefix}-color-success-border`]: token.green3,
-        [`--${prefix}-color-warning-text`]: token.orange6,
-        [`--${prefix}-color-warning-icon`]: token.orange6,
-        [`--${prefix}-color-warning-fill`]: token.orange1,
-        [`--${prefix}-color-warning-border`]: token.orange3,
-        [`--${prefix}-color-error-text`]: token.red6,
-        [`--${prefix}-color-error-icon`]: token.red6,
-        [`--${prefix}-color-error-fill`]: token.red1,
-        [`--${prefix}-color-error-border`]: token.red3,
-        [`--${prefix}-color-critical-text`]: token.fuchsia6,
-        [`--${prefix}-color-critical-icon`]: token.fuchsia6,
-        [`--${prefix}-color-critical-fill`]: token.fuchsia1,
-        [`--${prefix}-color-critical-border`]: token.fuchsia3,
-        // ==================== 字体 Token ====================
-        [`--${prefix}-font-family-default`]: token.fontFamily,
-        // 字重
-        [`--${prefix}-font-weight-sm`]: token.fontWeightWeak,
-        [`--${prefix}-font-weight-md`]: token.fontWeight,
-        [`--${prefix}-font-weight-lg`]: token.fontWeightStrong,
-        // 字号
-        [`--${prefix}-font-size-300`]: `${token.fontSizeSM}px`,
-        [`--${prefix}-font-size-325`]: `${token.fontSize}px`,
-        [`--${prefix}-font-size-400`]: `${token.fontSizeLG}px`,
-        [`--${prefix}-font-size-450`]: `${token.fontSizeHeading3}px`,
-        [`--${prefix}-font-size-500`]: `${token.fontSizeHeading2}px`,
-        // 行高
-        [`--${prefix}-font-line-height-500`]: "20px",
-        [`--${prefix}-font-line-height-600`]: "24px",
-        [`--${prefix}-font-line-height-650`]: "26px",
-        [`--${prefix}-font-line-height-700`]: "28px",
-        // 语义字体 Token (使用 font 简写: weight size/line-height family)
-        // font-h1: 页容器一级标题
-        [`--${prefix}-font-h1`]: `${token.fontWeightStrong} ${token.fontSizeHeading2}px/var(--${prefix}-font-line-height-700) ${token.fontFamily}`,
-        // font-h2: 页容器二级标题、抽屉弹窗标题
-        [`--${prefix}-font-h2`]: `${token.fontWeightStrong} ${token.fontSizeHeading3}px/var(--${prefix}-font-line-height-650) ${token.fontFamily}`,
-        // font-h3: 卡片标题、表单一级分组标题
-        [`--${prefix}-font-h3`]: `${token.fontWeightStrong} ${token.fontSizeLG}px/var(--${prefix}-font-line-height-600) ${token.fontFamily}`,
-        // font-h4: 表单二级分组标题
-        [`--${prefix}-font-h4`]: `${token.fontWeightStrong} ${token.fontSize}px/var(--${prefix}-font-line-height-500) ${token.fontFamily}`,
-        // font-body1: 常规正文
-        [`--${prefix}-font-body1`]: `${token.fontWeight} ${token.fontSize}px/var(--${prefix}-font-line-height-500) ${token.fontFamily}`,
-        // font-body2: 表格文本
-        [`--${prefix}-font-body2`]: `${token.fontWeightWeak} ${token.fontSizeSM}px/var(--${prefix}-font-line-height-500) ${token.fontFamily}`,
-        // font-caption: 描述
-        [`--${prefix}-font-caption`]: `${token.fontWeightWeak} ${token.fontSizeSM}px/var(--${prefix}-font-line-height-500) ${token.fontFamily}`,
-        // ==================== 阴影 Token ====================
-        [`--${prefix}-shadow-1-top`]: "0px -1px 2px 0px hsla(219, 50%, 15%, 0.1)",
-        [`--${prefix}-shadow-1-bottom`]: "0px 1px 2px 0px hsla(219, 50%, 15%, 0.1)",
-        [`--${prefix}-shadow-1-left`]: "-1px 0px 2px 0px hsla(219, 50%, 15%, 0.1)",
-        [`--${prefix}-shadow-1-right`]: "1px 0px 2px 0px hsla(219, 50%, 15%, 0.1)",
-        [`--${prefix}-shadow-2`]: token.boxShadowSecondary,
-        // ==================== 圆角 Token ====================
-        [`--${prefix}-radius-sm`]: `${token.borderRadius}px`,
-        [`--${prefix}-radius-md`]: `${token.borderRadiusMD}px`,
-        [`--${prefix}-radius-lg`]: `${token.borderRadiusLG}px`,
-        // ==================== 间距 Token ====================
-        [`--${prefix}-space-0`]: "0px",
-        [`--${prefix}-space-50`]: "2px",
-        [`--${prefix}-space-100`]: `${token.paddingXXS}px`,
-        [`--${prefix}-space-150`]: "6px",
-        [`--${prefix}-space-200`]: `${token.paddingXS}px`,
-        [`--${prefix}-space-300`]: `${token.paddingSM}px`,
-        [`--${prefix}-space-400`]: `${token.padding}px`,
-        [`--${prefix}-space-500`]: `${token.paddingMD}px`,
-        [`--${prefix}-space-600`]: `${token.paddingLG}px`,
-        [`--${prefix}-space-800`]: `${token.paddingXL}px`,
-        [`--${prefix}-spacing-negative-25`]: "-1px",
-        // ==================== 组件 Token ====================
-        // 导航 Navigation
-        [`--${prefix}-navi-color-bg`]: token.colorNaviBg,
-        [`--${prefix}-navi-color-bg-hover`]: token.colorNaviBgHover,
-        [`--${prefix}-navi-color-bg-focus`]: token.colorNaviBgHover,
-        // 按钮 Button
-        [`--${prefix}-btn-color-primary-bg`]: token.blue4,
-        [`--${prefix}-btn-color-primary-bg-hover`]: token.blue5,
-        [`--${prefix}-btn-color-primary-bg-disabled`]: token.blue3,
-        [`--${prefix}-btn-color-primary-text`]: token.white,
-        [`--${prefix}-btn-color-primary-icon`]: token.white,
-        [`--${prefix}-btn-color-secondary-border`]: token.blue4,
-        [`--${prefix}-btn-color-secondary-text`]: token.blue4,
-        [`--${prefix}-btn-color-secondary-icon`]: token.blue4,
-        [`--${prefix}-btn-color-danger-border`]: token.red4,
-        [`--${prefix}-btn-color-danger-text`]: token.red4,
-        // 进度条 Progress
-        [`--${prefix}-progress-color-bg-default`]: token.gray4,
-        [`--${prefix}-progress-color-bg-loading`]: token.blue4,
-        [`--${prefix}-progress-color-bg-success`]: token.green4,
-        [`--${prefix}-progress-color-bg-error`]: token.red4,
-        // 开关 Switch
-        [`--${prefix}-switch-color-bg-default`]: token.gray7,
-        [`--${prefix}-switch-color-bg-disabled`]: token.gray4,
-        [`--${prefix}-switch-color-bg-active`]: token.blue4,
-        [`--${prefix}-switch-color-bg-disabled-selected`]: token.gray5
-      }
-    }
-  ];
-};
-var CssVariablesStyle = ({ prefix = "ob" }) => {
-  const { theme, token } = import_theme.default.useToken();
-  const wrapSSR = (0, import_cssinjs.useStyleRegister)(
-    {
-      theme,
-      token,
-      path: ["ob-css-variables"],
-      hashId: "",
-      order: -1001
-      // 在全局样式之前注入
-    },
-    () => genCssVariablesStyle(token, prefix)
-  );
-  return wrapSSR(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {}));
-};
-var cssVariables_default = CssVariablesStyle;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  CssVariablesStyle,
-  genCssVariablesStyle
-});