@oceanbase/design 0.2.25 → 0.2.27

package/es/theme/dark.d.ts

@@ -0,0 +1,56 @@
+declare const darkTheme: {
+    token: {
+        colorPrimary: string;
+        colorSuccess: string;
+        colorWarning: string;
+        colorError: string;
+        colorInfo: string;
+        colorTextBase: string;
+        colorBgBase: string;
+        colorLink: string;
+        fontFamily: string;
+        fontFamilyCode: string;
+        fontSize: number;
+        lineWidth: number;
+        lineType: string;
+        borderRadius: number;
+        sizeUnit: number;
+        sizeStep: number;
+        sizePopupArrow: number;
+        controlHeight: number;
+        zIndexBase: number;
+        zIndexPopupBase: number;
+        opacityImage: number;
+        motionUnit: number;
+        motionBase: number;
+        motionEaseOutCirc: string;
+        motionEaseInOutCirc: string;
+        motionEaseInOut: string;
+        motionEaseOutBack: string;
+        motionEaseInBack: string;
+        motionEaseInQuint: string;
+        motionEaseOutQuint: string;
+        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;
+        gold: string;
+    };
+    components: {
+        InputNumber: {
+            handleVisible: boolean;
+        };
+    };
+};
+export default darkTheme;

package/es/theme/dark.js

@@ -0,0 +1,10 @@
+import theme from "./index";
+var darkTheme = {
+  token: theme.defaultSeed,
+  components: {
+    InputNumber: {
+      handleVisible: true
+    }
+  }
+};
+export default darkTheme;

package/es/theme/default.d.ts

@@ -1,73 +1,95 @@
-declare const _default: {
-    colorPrimaryBg: string;
-    colorPrimary: string;
-    colorPrimaryBgHover: string;
-    colorPrimaryBorder: string;
-    colorPrimaryBorderHover: string;
-    colorPrimaryHover: string;
-    colorPrimaryTextHover: string;
-    colorPrimaryText: string;
-    colorPrimaryTextActive: string;
-    colorSuccess: string;
-    colorSuccessBg: string;
-    colorSuccessBgHover: string;
-    colorSuccessBorder: string;
-    colorSuccessBorderHover: string;
-    colorSuccessHover: string;
-    colorSuccessActive: string;
-    colorSuccessTextHover: string;
-    colorSuccessText: string;
-    colorSuccessTextActive: string;
-    colorWarning: string;
-    colorWarningBg: string;
-    colorWarningBgHover: string;
-    colorWarningBorder: string;
-    colorWarningBorderHover: string;
-    colorWarningHover: string;
-    colorWarningActive: string;
-    colorWarningTextHover: string;
-    colorWarningText: string;
-    colorWarningTextActive: string;
-    colorErrorBg: string;
-    colorErrorBgHover: string;
-    colorErrorBorder: string;
-    colorErrorBorderHover: string;
-    colorErrorHover: string;
-    colorErrorActive: string;
-    colorErrorTextHover: string;
-    colorErrorText: string;
-    colorErrorTextActive: string;
-    colorError: string;
-    colorInfo: string;
-    colorInfoBg: string;
-    colorInfoBgHover: string;
-    colorInfoBorder: string;
-    colorInfoBorderHover: string;
-    colorInfoHover: string;
-    colorInfoActive: string;
-    colorInfoTextHover: string;
-    colorInfoText: string;
-    colorInfoTextActive: string;
-    colorTextBase: string;
-    colorBgBase: string;
-    colorText: string;
-    colorTextSecondary: string;
-    colorTextQuaternary: string;
-    colorTextTertiary: string;
-    colorBgContainer: string;
-    colorBgLayout: string;
-    colorBgSpotlight: string;
-    colorBgMask: string;
-    colorBorder: string;
-    colorBorderSecondary: string;
-    colorFillQuaternary: string;
-    colorFillTertiary: string;
-    colorFillSecondary: string;
-    colorFill: string;
-    boxShadowSecondary: string;
-    boxShadow: string;
-    borderRadius: number;
-    wireframe: boolean;
-    colorPrimaryActive: string;
+declare const defaultTheme: {
+    token: {
+        colorPrimaryBg: string;
+        colorPrimary: string;
+        colorPrimaryBgHover: string;
+        colorPrimaryBorder: string;
+        colorPrimaryBorderHover: string;
+        colorPrimaryHover: string;
+        colorPrimaryTextHover: string;
+        colorPrimaryText: string;
+        colorPrimaryTextActive: string;
+        colorSuccess: string;
+        colorSuccessBg: string;
+        colorSuccessBgHover: string;
+        colorSuccessBorder: string;
+        colorSuccessBorderHover: string;
+        colorSuccessHover: string;
+        colorSuccessActive: string;
+        colorSuccessTextHover: string;
+        colorSuccessText: string;
+        colorSuccessTextActive: string;
+        colorWarning: string;
+        colorWarningBg: string;
+        colorWarningBgHover: string;
+        colorWarningBorder: string;
+        colorWarningBorderHover: string;
+        colorWarningHover: string;
+        colorWarningActive: string;
+        colorWarningTextHover: string;
+        colorWarningText: string;
+        colorWarningTextActive: string;
+        colorErrorBg: string;
+        colorErrorBgHover: string;
+        colorErrorBorder: string;
+        colorErrorBorderHover: string;
+        colorErrorHover: string;
+        colorErrorActive: string;
+        colorErrorTextHover: string;
+        colorErrorText: string;
+        colorErrorTextActive: string;
+        colorError: string;
+        colorInfo: string;
+        colorInfoBg: string;
+        colorInfoBgHover: string;
+        colorInfoBorder: string;
+        colorInfoBorderHover: string;
+        colorInfoHover: string;
+        colorInfoActive: string;
+        colorInfoTextHover: string;
+        colorInfoText: string;
+        colorInfoTextActive: string;
+        colorTextBase: string;
+        colorBgBase: string;
+        colorText: string;
+        colorTextSecondary: string;
+        colorTextQuaternary: string;
+        colorTextTertiary: string;
+        colorBgContainer: string;
+        colorBgLayout: string;
+        colorBgSpotlight: string;
+        colorBgMask: string;
+        colorBorder: string;
+        colorBorderSecondary: string;
+        colorFillQuaternary: string;
+        colorFillTertiary: string;
+        colorFillSecondary: string;
+        colorFill: string;
+        boxShadowSecondary: string;
+        boxShadow: string;
+        borderRadius: number;
+        wireframe: boolean;
+        colorPrimaryActive: string;
+    };
+    components: {
+        Dropdown: {
+            colorError: string;
+        };
+        Button: {
+            borderRadius: number;
+        };
+        Segmented: {
+            itemColor: string;
+            itemHoverColor: string;
+            itemHoverBg: string;
+        };
+        Rate: {
+            colorFillContent: string;
+            colorText: string;
+        };
+        InputNumber: {
+            handleVisible: boolean;
+        };
+    };
 };
-export default _default;
+export default defaultTheme;

package/es/theme/default.js

@@ -1,72 +1,95 @@
-export 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
+    }
+  }
+};
+export default defaultTheme;

package/es/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/es/theme/index.js

@@ -5,31 +5,26 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import { theme } from 'antd';
-export * from 'antd/es/theme/internal';
-export * from 'antd/es/theme';
-var defaultSeed = _objectSpread(_objectSpread({}, theme.defaultSeed), {}, {
-  colorPrimary: '#006AFF',
-  colorInfo: '#006aff',
-  colorSuccess: '#0ac185',
-  colorWarning: '#ffac33',
-  colorError: '#ff4b4b',
-  borderRadius: 6,
-  // 以下四种预设颜色和语义色保持一致
-  blue: '#006aff',
-  green: '#0ac185',
-  yellow: '#ffac33',
-  red: '#ff4b4b'
+import { pick } from 'lodash';
+// umi 插件只能 import 支持 CommonJS 语法库和文件，因此需要使用 lib 产物
+
+import defaultTheme from "./default";
+export * from 'antd/lib/theme/internal';
+export * from 'antd/lib/theme';
+var seedTokenKeys = Object.keys(theme.defaultSeed);
+var seedToken = _objectSpread(_objectSpread({}, pick(defaultTheme.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 = _objectSpread(_objectSpread({}, theme.defaultSeed), seedToken);
 
 // should use reference assign instead of clone assign
 var defaultConfig = theme.defaultConfig;
 defaultConfig.token = defaultSeed;
 export default _objectSpread(_objectSpread({}, theme), {}, {
   defaultSeed: defaultSeed,
-  defaultConfig: defaultConfig,
-  components: {
-    InputNumber: {
-      handleVisible: true
-    }
-  }
+  defaultConfig: defaultConfig
 });