@oceanbase/design 0.2.25 → 0.2.27

package/lib/theme/default.js

@@ -22,75 +22,98 @@ __export(default_exports, {
   default: () => default_default
 });
 module.exports = __toCommonJS(default_exports);
-var default_default = {
-  colorPrimaryBg: "#EAF1FF",
-  colorPrimary: "#006AFF",
-  colorPrimaryBgHover: "#EAF1FF",
-  colorPrimaryBorder: "#B3CCFF",
-  colorPrimaryBorderHover: "#5189FB",
-  colorPrimaryHover: "#5189FB",
-  colorPrimaryTextHover: "#5189FB",
-  colorPrimaryText: "#006AFF",
-  colorPrimaryTextActive: "#004CE6",
-  colorSuccess: "#0ac185",
-  colorSuccessBg: "#EEF8F5",
-  colorSuccessBgHover: "#B3E6D5",
-  colorSuccessBorder: "#B3E6D5",
-  colorSuccessBorderHover: "#4DCCA2",
-  colorSuccessHover: "#4DCCA2",
-  colorSuccessActive: "#00B378",
-  colorSuccessTextHover: "#4DCCA2",
-  colorSuccessText: "#0AC185",
-  colorSuccessTextActive: "#00B378",
-  colorWarning: "#ffac33",
-  colorWarningBg: "#FFF5E5",
-  colorWarningBgHover: "#FFD699",
-  colorWarningBorder: "#FFD699",
-  colorWarningBorderHover: "#FFC166",
-  colorWarningHover: "#FFC166",
-  colorWarningActive: "#FF9700",
-  colorWarningTextHover: "#FFC166",
-  colorWarningText: "#FFAC33",
-  colorWarningTextActive: "#FF9700",
-  colorErrorBg: "#FFEBEB",
-  colorErrorBgHover: "#FFB3B3",
-  colorErrorBorder: "#FFB3B3",
-  colorErrorBorderHover: "#FF8080",
-  colorErrorHover: "#FF8080",
-  colorErrorActive: "#EC1313",
-  colorErrorTextHover: "#FF8080",
-  colorErrorText: "#FF4B4B",
-  colorErrorTextActive: "#EC1313",
-  colorError: "#ff4b4b",
-  colorInfo: "#006aff",
-  colorInfoBg: "#EAF1FF",
-  colorInfoBgHover: "#EAF1FF",
-  colorInfoBorder: "#B3CCFF",
-  colorInfoBorderHover: "#5189FB",
-  colorInfoHover: "#5189FB",
-  colorInfoActive: "#004CE6",
-  colorInfoTextHover: "#5189FB",
-  colorInfoText: "#006AFF",
-  colorInfoTextActive: "#004CE6",
-  colorTextBase: "#132039",
-  colorBgBase: "#ffffff",
-  colorText: "#132039",
-  colorTextSecondary: "#364563",
-  colorTextQuaternary: "#CDD5E4",
-  colorTextTertiary: "#8592AD",
-  colorBgContainer: "#ffffff",
-  colorBgLayout: "#F5F8FE",
-  colorBgSpotlight: "rgba(19, 32, 57, 0.85)",
-  colorBgMask: "rgba(19, 32, 57,  0.65)",
-  colorBorder: "#CDD5E4",
-  colorBorderSecondary: "#E2E8F3",
-  colorFillQuaternary: "#F8FAFE",
-  colorFillTertiary: "#F5F8FE",
-  colorFillSecondary: "#F5F8FE",
-  colorFill: "#F5F8FE",
-  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,
-  colorPrimaryActive: "#004CE6"
+var defaultTheme = {
+  token: {
+    colorPrimaryBg: "#EAF1FF",
+    colorPrimary: "#006AFF",
+    colorPrimaryBgHover: "#EAF1FF",
+    colorPrimaryBorder: "#B3CCFF",
+    colorPrimaryBorderHover: "#5189FB",
+    colorPrimaryHover: "#5189FB",
+    colorPrimaryTextHover: "#5189FB",
+    colorPrimaryText: "#006AFF",
+    colorPrimaryTextActive: "#004CE6",
+    colorSuccess: "#0ac185",
+    colorSuccessBg: "#EEF8F5",
+    colorSuccessBgHover: "#B3E6D5",
+    colorSuccessBorder: "#B3E6D5",
+    colorSuccessBorderHover: "#4DCCA2",
+    colorSuccessHover: "#4DCCA2",
+    colorSuccessActive: "#00B378",
+    colorSuccessTextHover: "#4DCCA2",
+    colorSuccessText: "#0AC185",
+    colorSuccessTextActive: "#00B378",
+    colorWarning: "#ffac33",
+    colorWarningBg: "#FFF5E5",
+    colorWarningBgHover: "#FFD699",
+    colorWarningBorder: "#FFD699",
+    colorWarningBorderHover: "#FFC166",
+    colorWarningHover: "#FFC166",
+    colorWarningActive: "#FF9700",
+    colorWarningTextHover: "#FFC166",
+    colorWarningText: "#FFAC33",
+    colorWarningTextActive: "#FF9700",
+    colorErrorBg: "#FFEBEB",
+    colorErrorBgHover: "#FFB3B3",
+    colorErrorBorder: "#FFB3B3",
+    colorErrorBorderHover: "#FF8080",
+    colorErrorHover: "#FF8080",
+    colorErrorActive: "#EC1313",
+    colorErrorTextHover: "#FF8080",
+    colorErrorText: "#FF4B4B",
+    colorErrorTextActive: "#EC1313",
+    colorError: "#ff4b4b",
+    colorInfo: "#006aff",
+    colorInfoBg: "#EAF1FF",
+    colorInfoBgHover: "#EAF1FF",
+    colorInfoBorder: "#B3CCFF",
+    colorInfoBorderHover: "#5189FB",
+    colorInfoHover: "#5189FB",
+    colorInfoActive: "#004CE6",
+    colorInfoTextHover: "#5189FB",
+    colorInfoText: "#006AFF",
+    colorInfoTextActive: "#004CE6",
+    colorTextBase: "#132039",
+    colorBgBase: "#ffffff",
+    colorText: "#132039",
+    colorTextSecondary: "#5C6B8A",
+    colorTextQuaternary: "#ABB7CF",
+    colorTextTertiary: "#8592AD",
+    colorBgContainer: "#ffffff",
+    colorBgLayout: "#F8FAFE",
+    colorBgSpotlight: "rgba(19, 32, 57, 0.8)",
+    colorBgMask: "rgba(19, 32, 57,  0.6)",
+    colorBorder: "#CDD5E4",
+    colorBorderSecondary: "#E2E8F3",
+    colorFillQuaternary: "#F8FAFE",
+    colorFillTertiary: "#F8FAFE",
+    colorFillSecondary: "#F3F6FC",
+    colorFill: "#E2E8F3",
+    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,
+    colorPrimaryActive: "#004CE6"
+  },
+  components: {
+    Dropdown: {
+      colorError: "#FF4B4B"
+    },
+    Button: {
+      borderRadius: 6
+    },
+    Segmented: {
+      itemColor: "#5C6B8A",
+      itemHoverColor: "#132039",
+      itemHoverBg: "#ffffff"
+    },
+    Rate: {
+      colorFillContent: "#E2E8F3",
+      colorText: "#F20000"
+    },
+    InputNumber: {
+      handleVisible: true
+    }
+  }
 };
+var default_default = defaultTheme;

package/lib/theme/index.d.ts

@@ -1,17 +1,12 @@
-export * from 'antd/es/theme/internal';
-export * from 'antd/es/theme';
+export * from 'antd/lib/theme/internal';
+export * from 'antd/lib/theme';
 declare const _default: {
     defaultSeed: {
         colorPrimary: string;
-        colorInfo: string;
         colorSuccess: string;
         colorWarning: string;
         colorError: string;
-        borderRadius: number;
-        blue: string;
-        green: string;
-        yellow: string;
-        red: string;
+        colorInfo: string;
         colorTextBase: string;
         colorBgBase: string;
         colorLink: string;
@@ -20,6 +15,7 @@ declare const _default: {
         fontSize: number;
         lineWidth: number;
         lineType: string;
+        borderRadius: number;
         sizeUnit: number;
         sizeStep: number;
         sizePopupArrow: number;
@@ -39,11 +35,15 @@ declare const _default: {
         motionEaseOut: string;
         wireframe: boolean;
         motion: boolean;
+        blue: string;
         purple: string;
         cyan: string;
+        green: string;
         magenta: string;
         pink: string;
+        red: string;
         orange: string;
+        yellow: string;
         volcano: string;
         geekblue: string;
         lime: string;
@@ -56,11 +56,6 @@ declare const _default: {
         };
         hashed: boolean;
     };
-    components: {
-        InputNumber: {
-            handleVisible: true;
-        };
-    };
     useToken: () => {
         theme: import("@ant-design/cssinjs").Theme<import("antd/es/theme/internal").SeedToken, import("antd/es/theme/interface").MapToken>;
         token: import("antd").GlobalToken;

package/lib/theme/index.js

@@ -1,6 +1,8 @@
+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)
@@ -15,6 +17,14 @@ 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/theme/index.ts
@@ -24,36 +34,32 @@ __export(theme_exports, {
 });
 module.exports = __toCommonJS(theme_exports);
 var import_antd = require("antd");
-__reExport(theme_exports, require("antd/es/theme/internal"), module.exports);
-__reExport(theme_exports, require("antd/es/theme"), module.exports);
+var import_lodash = require("lodash");
+var import_default = __toESM(require("./default"));
+__reExport(theme_exports, require("antd/lib/theme/internal"), module.exports);
+__reExport(theme_exports, require("antd/lib/theme"), module.exports);
+var seedTokenKeys = Object.keys(import_antd.theme.defaultSeed);
+var seedToken = {
+  ...(0, import_lodash.pick)(import_default.default.token, seedTokenKeys),
+  // some special seed token should set to ''
+  // ref: https://github.com/ant-design/ant-design/blob/master/components/theme/themes/seed.ts#L32
+  colorBgBase: "",
+  colorTextBase: "",
+  colorLink: ""
+};
 var defaultSeed = {
   ...import_antd.theme.defaultSeed,
-  colorPrimary: "#006AFF",
-  colorInfo: "#006aff",
-  colorSuccess: "#0ac185",
-  colorWarning: "#ffac33",
-  colorError: "#ff4b4b",
-  borderRadius: 6,
-  // 以下四种预设颜色和语义色保持一致
-  blue: "#006aff",
-  green: "#0ac185",
-  yellow: "#ffac33",
-  red: "#ff4b4b"
+  ...seedToken
 };
 var defaultConfig = import_antd.theme.defaultConfig;
 defaultConfig.token = defaultSeed;
 var theme_default = {
   ...import_antd.theme,
   defaultSeed,
-  defaultConfig,
-  components: {
-    InputNumber: {
-      handleVisible: true
-    }
-  }
+  defaultConfig
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  ...require("antd/es/theme/internal"),
-  ...require("antd/es/theme")
+  ...require("antd/lib/theme/internal"),
+  ...require("antd/lib/theme")
 });