@oceanbase/design 0.2.9 → 0.2.11

package/lib/tabs/index.js

@@ -35,12 +35,13 @@ __export(tabs_exports, {
 module.exports = __toCommonJS(tabs_exports);
 var import_util = require("@oceanbase/util");
 var import_antd = require("antd");
-var import_classnames = __toESM(require("classnames"));
 var import_react = __toESM(require("react"));
+var import_classnames = __toESM(require("classnames"));
 var import_config_provider = __toESM(require("../config-provider"));
 var import_useInkBar = __toESM(require("./hooks/useInkBar"));
 var import_useLegacyItems = __toESM(require("./hooks/useLegacyItems"));
 var import_style = __toESM(require("./style"));
+var import_ahooks = require("ahooks");
 var import_TabPane = __toESM(require("./TabPane"));
 __reExport(tabs_exports, require("antd/es/tabs"), module.exports);
 var Tabs = ({
@@ -76,6 +77,11 @@ var Tabs = ({
   const [activeKey, setActiveKey] = (0, import_react.useState)(
     activeKeyProp || defaultActiveKey || ((_a = newItems == null ? void 0 : newItems[0]) == null ? void 0 : _a.key)
   );
+  (0, import_ahooks.useUpdateEffect)(() => {
+    if (activeKeyProp) {
+      setActiveKey(activeKeyProp);
+    }
+  }, [activeKeyProp]);
   (0, import_useInkBar.default)({
     prefixCls,
     activeKey,

package/lib/tabs/style/index.d.ts

@@ -0,0 +1,8 @@
+import type { FullToken, GenerateStyle } from 'antd/es/theme/internal';
+export declare type TabsToken = FullToken<'Tabs'>;
+export declare const genTagStyle: GenerateStyle<TabsToken>;
+declare const _default: (prefixCls: string) => {
+    wrapSSR: (node: import("react").ReactNode) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+    hashId: string;
+};
+export default _default;

package/lib/theme/default.d.ts

@@ -0,0 +1,74 @@
+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;
+    colorIcon: string;
+    boxShadowSecondary: string;
+    boxShadow: string;
+    borderRadius: number;
+    wireframe: boolean;
+    colorPrimaryActive: string;
+};
+export default _default;

package/lib/theme/default.js

@@ -0,0 +1,97 @@
+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/theme/default.ts
+var default_exports = {};
+__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: "#004CE6",
+  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: "rgb(245, 248, 254, 0.45)",
+  colorFillTertiary: "rgb(245, 248, 254, 0.65)",
+  colorFillSecondary: "rgb(245, 248, 254, 0.85)",
+  colorFill: "#F5F8FE",
+  colorIcon: "#8592AD",
+  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"
+};

package/lib/theme/index.d.ts

@@ -47,130 +47,62 @@ declare const _default: {
         lime: string;
         gold: string;
     };
-    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;
-        colorIcon: string;
-        boxShadowSecondary: string;
-        boxShadow: string;
-        borderRadius: number;
-        wireframe: boolean;
-        colorPrimaryActive: string;
-        blue: string;
-        green: string;
-        yellow: string;
-        red: string;
-        fontFamily: string;
-        fontFamilyCode: string;
-        fontSize: number;
-        lineWidth: number;
-        lineType: string;
-        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;
-        motion: boolean;
-        purple: string;
-        cyan: string;
-        magenta: string;
-        pink: string;
-        orange: string;
-        volcano: string;
-        geekblue: string;
-        lime: string;
-        gold: string;
-    };
-    components: {
-        Dropdown: {
+    defaultConfig: {
+        defaultSeed: {
+            colorPrimary: string;
+            colorInfo: string;
+            colorSuccess: string;
+            colorWarning: string;
             colorError: string;
-        };
-        Button: {
             borderRadius: number;
+            blue: string;
+            green: string;
+            yellow: string;
+            red: string;
+            colorTextBase: string;
+            colorBgBase: string;
+            fontFamily: string;
+            fontFamilyCode: string;
+            fontSize: number;
+            lineWidth: number;
+            lineType: string;
+            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;
+            purple: string;
+            cyan: string;
+            magenta: string;
+            pink: string;
+            orange: string;
+            volcano: string;
+            geekblue: string;
+            lime: string;
+            gold: string;
         };
+        token: import("antd/es/theme/internal").SeedToken;
+        hashed: boolean;
+    };
+    components: {
         InputNumber: {
             handleVisible: boolean;
         };
     };
-    defaultConfig: {
-        token: import("antd/es/theme/internal").SeedToken;
-        hashed: boolean;
-    };
     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

@@ -42,87 +42,11 @@ var defaultSeed = {
 var theme_default = {
   ...import_antd.theme,
   defaultSeed,
-  token: {
-    ...defaultSeed,
-    colorPrimaryBg: "#EAF1FF",
-    colorPrimary: "#006AFF",
-    colorPrimaryBgHover: "#EAF1FF",
-    colorPrimaryBorder: "#B3CCFF",
-    colorPrimaryBorderHover: "#5189FB",
-    colorPrimaryHover: "#004CE6",
-    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",
-    colorIcon: "#8592AD",
-    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"
+  defaultConfig: {
+    ...import_antd.theme.defaultConfig,
+    defaultSeed
   },
   components: {
-    Dropdown: {
-      colorError: "#FF4B4B"
-    },
-    Button: {
-      borderRadius: 6
-    },
     InputNumber: {
       handleVisible: true
     }

package/lib/tooltip/index.d.ts

@@ -0,0 +1,19 @@
+import type { TooltipPropsWithTitle as AntTooltipPropsWithTitle } from 'antd/es/tooltip';
+import React from 'react';
+export * from 'antd/es/tooltip';
+export declare type TooltipType = 'default' | 'light' | 'success' | 'info' | 'warning' | 'error';
+export interface TooltipProps extends AntTooltipPropsWithTitle {
+    type?: TooltipType;
+    mouseFollow?: boolean;
+}
+export declare const getTooltipTypeList: () => {
+    type: string;
+    color: string;
+    backgroundColor: string;
+}[];
+declare type CompoundedComponent = React.FC<TooltipProps> & {
+    /** @internal */
+    __ANT_TOOLTIP: boolean;
+};
+declare const Tooltip: CompoundedComponent;
+export default Tooltip;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@oceanbase/design",
-  "version": "0.2.9",
-  "description": "The Design System for OceanBase",
+  "version": "0.2.11",
+  "description": "The Design System of OceanBase",
   "keywords": [
     "OceanBase",
     "database",
@@ -10,7 +10,7 @@
     "react",
     "component"
   ],
-  "homepage": "https://github.com/oceanbase/design/packages/design",
+  "homepage": "https://github.com/oceanbase/oceanbase-design/packages/design",
   "repository": {
     "type": "git",
     "url": "git@github.com:oceanbase/design.git"
@@ -36,25 +36,25 @@
     "postbuild": "cp src/style/reset.css dist/"
   },
   "dependencies": {
-    "@ant-design/cssinjs": "^1.9.1",
-    "@ant-design/icons": "^4.2.1",
-    "@ant-design/pro-components": "^2.4.12",
-    "@oceanbase/util": "^0.2.2",
-    "ahooks": "^2.10.0",
-    "antd": "^5.6.0",
-    "classnames": "^2.2.6",
-    "lodash": "^4.17.15",
-    "rc-util": "^5.33.0",
+    "@ant-design/cssinjs": "^1.11.1",
+    "@ant-design/icons": "^4.8.0",
+    "@ant-design/pro-components": "^2.6.4",
+    "@oceanbase/util": "^0.2.3",
+    "ahooks": "^2.10.14",
+    "antd": "^5.6.4",
+    "classnames": "^2.3.2",
+    "lodash": "^4.17.21",
+    "rc-util": "^5.34.1",
     "react-sticky-mouse-tooltip": "^0.0.1"
   },
   "devDependencies": {
-    "@babel/cli": "^7.21.0",
-    "@babel/preset-env": "^7.21.4",
-    "antd-token-previewer": "^1.1.0-22"
+    "@babel/cli": "^7.22.6",
+    "@babel/preset-env": "^7.22.6",
+    "antd-token-previewer": "^1.1.0"
   },
   "peerDependencies": {
     "react": "^16.9.0",
     "react-dom": "^16.9.0"
   },
-  "gitHead": "50d5e0e6ecf64b44f17c1e5de8dd5d6d5be14eab"
+  "gitHead": "7832a50e185575f5f159f08ae0ef79136aab7a22"
 }