@oceanbase/design 0.2.5 → 0.2.7

package/lib/table/index.js

@@ -34,7 +34,6 @@ __export(table_exports, {
 });
 module.exports = __toCommonJS(table_exports);
 var import_antd = require("antd");
-var import_locale = require("antd/es/locale");
 var import_classnames = __toESM(require("classnames"));
 var import_lodash = require("lodash");
 var import_react = __toESM(require("react"));
@@ -43,6 +42,7 @@ var import_en_US = __toESM(require("../locale/en-US"));
 var import_style = __toESM(require("./style"));
 __reExport(table_exports, require("antd/es/table"), module.exports);
 function Table(props) {
+  var _a;
   const {
     locale: customLocale,
     columns,
@@ -56,8 +56,13 @@ function Table(props) {
     prefixCls: customizePrefixCls,
     className
   } = props;
-  const [contextLocale] = (0, import_locale.useLocale)("Table", import_en_US.default.Table);
-  const locale = { ...contextLocale, ...customLocale };
+  const { batchOperationBar, ...restLocale } = {
+    ...customLocale,
+    batchOperationBar: {
+      ...(_a = import_en_US.default.Table) == null ? void 0 : _a.batchOperationBar,
+      ...customLocale == null ? void 0 : customLocale.batchOperationBar
+    }
+  };
   const { getPrefixCls } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
   const prefixCls = getPrefixCls("table", customizePrefixCls);
   const { wrapSSR, hashId } = (0, import_style.default)(prefixCls);
@@ -110,11 +115,11 @@ function Table(props) {
     handleSelectedData([], [], currentSelectedInfo);
   };
   (0, import_react.useEffect)(() => {
-    if ((0, import_lodash.isEmpty)(currentSelectedRows) && toolSelectedContent)
+    if ((0, import_lodash.isEmpty)(currentSelectedRows) && toolSelectedContent) {
       setOpenPopver(false);
+    }
   }, [currentSelectedRows]);
   const renderOptionsBar = (total, range) => {
-    var _a, _b, _c;
     if ((0, import_lodash.isEmpty)(rowSelection) || (0, import_lodash.isEmpty)(currentSelectedRowKeys)) {
       return /* @__PURE__ */ import_react.default.createElement("span", null, pagination && (pagination == null ? void 0 : pagination.showTotal) && (pagination == null ? void 0 : pagination.showTotal(total, range)));
     }
@@ -127,8 +132,8 @@ function Table(props) {
         }
       },
       toolAlertRender && toolAlertRender(currentSelectedRowKeys, currentSelectedRows),
-      !toolAlertRender && toolAlertRender !== false && /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefixCls}-batch-operation-selection` }, /* @__PURE__ */ import_react.default.createElement("span", null, (_a = locale.batchOperationBar) == null ? void 0 : _a.selected), /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefixCls}-batch-operation-selection-count` }, (currentSelectedRowKeys == null ? void 0 : currentSelectedRowKeys.length) || 0), /* @__PURE__ */ import_react.default.createElement("span", null, (_b = locale.batchOperationBar) == null ? void 0 : _b.object)),
-      !hiddenCancelBtn && /* @__PURE__ */ import_react.default.createElement("a", { onClick: handleOptionsCancel }, locale.batchOperationBar.cancel),
+      !toolAlertRender && toolAlertRender !== false && /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefixCls}-batch-operation-selection` }, /* @__PURE__ */ import_react.default.createElement("span", null, batchOperationBar == null ? void 0 : batchOperationBar.selected), /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefixCls}-batch-operation-selection-count` }, (currentSelectedRowKeys == null ? void 0 : currentSelectedRowKeys.length) || 0), /* @__PURE__ */ import_react.default.createElement("span", null, batchOperationBar == null ? void 0 : batchOperationBar.object)),
+      !hiddenCancelBtn && /* @__PURE__ */ import_react.default.createElement("a", { onClick: handleOptionsCancel }, batchOperationBar == null ? void 0 : batchOperationBar.cancel),
       toolSelectedContent && /* @__PURE__ */ import_react.default.createElement(
         import_antd.Popover,
         {
@@ -138,7 +143,7 @@ function Table(props) {
           trigger: "click",
           open: openPopver
         },
-        /* @__PURE__ */ import_react.default.createElement("a", { onClick: () => setOpenPopver(!openPopver) }, openPopver ? (_c = locale.batchOperationBar) == null ? void 0 : _c.collapse : locale.batchOperationBar.open)
+        /* @__PURE__ */ import_react.default.createElement("a", { onClick: () => setOpenPopver(!openPopver) }, openPopver ? batchOperationBar == null ? void 0 : batchOperationBar.collapse : batchOperationBar == null ? void 0 : batchOperationBar.open)
       )
     ), toolOptionsRender && /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { size: 8 }, toolOptionsRender == null ? void 0 : toolOptionsRender(currentSelectedRowKeys, currentSelectedRows))), /* @__PURE__ */ import_react.default.createElement("span", null, pagination && (pagination == null ? void 0 : pagination.showTotal) && (pagination == null ? void 0 : pagination.showTotal(total, range))));
   };
@@ -149,7 +154,7 @@ function Table(props) {
         ...props,
         prefixCls: customizePrefixCls,
         className: tableCls,
-        locale,
+        locale: restLocale,
         columns: newColumns,
         rowSelection: rowSelection ? {
           ...rowSelection,

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

@@ -0,0 +1,8 @@
+import type { FullToken, GenerateStyle } from 'antd/es/theme/internal';
+export declare type TableToken = FullToken<'Table'>;
+export declare const genTableStyle: GenerateStyle<TableToken>;
+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/table/style/index.js

@@ -74,21 +74,15 @@ var genTableStyle = (token) => {
       // body 样式
       [`${componentCls}-tbody`]: {
         // 斑马纹样式
-        [`tr:nth-child(2n + 1):not(${componentCls}-placeholder):not(${componentCls}-row-selected)`]: {
-          td: {
-            backgroundColor: colorBgBase
-          }
+        [`tr:nth-child(2n + 1):not(${componentCls}-placeholder):not(${componentCls}-row-selected) > td`]: {
+          backgroundColor: colorBgBase
         },
-        [`tr:nth-child(2n):not(${componentCls}-placeholder):not(${componentCls}-row-selected):not(${componentCls}-expanded-row)`]: {
-          td: {
-            backgroundColor: colorFillQuaternary
-          }
+        [`tr:nth-child(2n):not(${componentCls}-placeholder):not(${componentCls}-row-selected):not(${componentCls}-expanded-row) > td`]: {
+          backgroundColor: colorFillQuaternary
         },
         // hover 行样式
-        [`tr:not(${componentCls}-placeholder):not(${componentCls}-expanded-row):hover`]: {
-          td: {
-            backgroundColor: `${colorPrimaryBgHover} !important`
-          }
+        [`tr:not(${componentCls}-placeholder):not(${componentCls}-expanded-row):hover > td`]: {
+          backgroundColor: `${colorPrimaryBgHover} !important`
         },
         // 选中行样式
         [`tr${componentCls}-row-selected > td`]: {
@@ -158,7 +152,7 @@ var genTableStyle = (token) => {
         [`${componentCls}-tbody`]: {
           // 去掉斑马纹
           [`tr:nth-child(2n):not(${componentCls}-placeholder):not(${componentCls}-row-selected):not(${componentCls}-expanded-row)`]: {
-            td: {
+            ["& > td"]: {
               backgroundColor: colorBgBase
             },
             ["&:hover"]: {

package/lib/tabs/index.js

@@ -56,6 +56,7 @@ var Tabs = ({
   className,
   ...restProps
 }) => {
+  var _a;
   const { getPrefixCls } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
   const prefixCls = getPrefixCls("tabs", customizePrefixCls);
   const { wrapSSR, hashId } = (0, import_style.default)(prefixCls);
@@ -73,7 +74,7 @@ var Tabs = ({
   });
   newItems = (0, import_useLegacyItems.default)(newItems, children, prefixCls);
   const [activeKey, setActiveKey] = (0, import_react.useState)(
-    activeKeyProp || defaultActiveKey || (newItems == null ? void 0 : newItems[0].key)
+    activeKeyProp || defaultActiveKey || ((_a = newItems == null ? void 0 : newItems[0]) == null ? void 0 : _a.key)
   );
   (0, import_useInkBar.default)({
     prefixCls,

package/lib/theme/index.d.ts

@@ -2,10 +2,10 @@ export * from 'antd/es/theme';
 declare const _default: {
     defaultSeed: {
         colorPrimary: string;
+        colorInfo: string;
         colorSuccess: string;
         colorWarning: string;
         colorError: string;
-        colorInfo: string;
         borderRadius: number;
         blue: string;
         green: string;

package/lib/theme/index.js

@@ -28,16 +28,16 @@ __reExport(theme_exports, require("antd/es/theme"), module.exports);
 var defaultSeed = {
   ...import_antd.theme.defaultSeed,
   colorPrimary: "#006AFF",
+  colorInfo: "#006aff",
   colorSuccess: "#0ac185",
   colorWarning: "#ffac33",
   colorError: "#ff4b4b",
-  colorInfo: "#006aff",
   borderRadius: 6,
   // 以下四种预设颜色和语义色保持一致
-  blue: "#0ac185",
-  green: "#ffac33",
-  yellow: "#ff4b4b",
-  red: "#006aff"
+  blue: "#006aff",
+  green: "#0ac185",
+  yellow: "#ffac33",
+  red: "#ff4b4b"
 };
 var theme_default = {
   ...import_antd.theme,

package/lib/tooltip/MouseTooltip.js

@@ -39,6 +39,7 @@ var import_static_function = require("../static-function");
 var MouseTooltip = ({
   children,
   title,
+  color: backgroundColor,
   visible: outerVisible = true,
   open: outerOpen = true,
   onOpenChange,
@@ -49,11 +50,11 @@ var MouseTooltip = ({
   ...restProps
 }) => {
   const [visible, setVisible] = (0, import_react.useState)(false);
-  const { color, ...restOverlayInnerStyle } = overlayInnerStyle || {};
+  const { color: textColor, ...restOverlayInnerStyle } = overlayInnerStyle || {};
   const handleVisibleChange = (value) => {
     setVisible(value);
-    onOpenChange(value);
-    onVisibleChange(value);
+    onOpenChange == null ? void 0 : onOpenChange(value);
+    onVisibleChange == null ? void 0 : onVisibleChange(value);
   };
   const mouse = (0, import_ahooks.useMouse)();
   const ref = (0, import_react.useRef)(null);
@@ -78,11 +79,11 @@ var MouseTooltip = ({
       onMouseLeave: () => {
         setTimeout(() => {
           handleVisibleChange(false);
-        }, mouseLeaveDelay);
+        }, mouseLeaveDelay * 1e3);
       }
     },
     children
-  ), /* @__PURE__ */ import_react.default.createElement(
+  ), title && /* @__PURE__ */ import_react.default.createElement(
     import_react_sticky_mouse_tooltip.default,
     {
       visible,
@@ -92,8 +93,8 @@ var MouseTooltip = ({
         padding: "6px 8px",
         boxShadow: import_static_function.token.boxShadowSecondary,
         borderRadius: import_static_function.token.borderRadius,
-        color: color || import_static_function.token.colorTextLightSolid,
-        backgroundColor: import_static_function.token.colorBgSpotlight,
+        color: textColor || import_static_function.token.colorTextLightSolid,
+        backgroundColor: backgroundColor || import_static_function.token.colorBgSpotlight,
         left: isOverWidth ? mouse.clientX - tooltipWidth - offset : mouse.clientX + offset,
         top: isOverHeight ? mouse.clientY - tooltipHeight - offset : mouse.clientY + offset,
         ...restOverlayInnerStyle

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oceanbase/design",
-  "version": "0.2.5",
+  "version": "0.2.7",
   "description": "The Design System for OceanBase",
   "keywords": [
     "OceanBase",
@@ -32,7 +32,8 @@
     "LICENSE"
   ],
   "scripts": {
-    "build": "father build"
+    "build": "father build",
+    "postbuild": "cp src/style/reset.css dist/"
   },
   "dependencies": {
     "@ant-design/cssinjs": "^1.9.1",
@@ -55,5 +56,5 @@
     "react": "^16.9.0",
     "react-dom": "^16.9.0"
   },
-  "gitHead": "fa3eea6c268ba32858604c74c853147006c20e98"
+  "gitHead": "aee73083e592c5060c9b72173664153783e97e23"
 }

package/es/alert/index.d.ts

@@ -1,13 +0,0 @@
-import type { AlertProps as AntAlertProps } from 'antd/es/alert';
-import React from 'react';
-export * from 'antd/es/alert';
-export interface AlertProps extends AntAlertProps {
-    ghost?: boolean;
-    colored?: boolean;
-}
-declare const Alert: {
-    ({ ghost, colored, prefixCls: customizePrefixCls, className, ...restProps }: AlertProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    ErrorBoundary: typeof import("antd/es/alert/ErrorBoundary").default;
-    displayName: string;
-};
-export default Alert;

package/es/button/index.d.ts

@@ -1,11 +0,0 @@
-import type { ButtonProps as AntButtonProps } from 'antd/es/button';
-import React from 'react';
-export * from 'antd/es/button';
-export declare type ButtonProps = AntButtonProps;
-declare const Button: {
-    ({ prefixCls: customizePrefixCls, className, ...restProps }: ButtonProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    Group: React.FC<import("antd/es/button").ButtonGroupProps>;
-    __ANT_BUTTON: any;
-    displayName: string;
-};
-export default Button;

package/es/descriptions/index.d.ts

@@ -1,11 +0,0 @@
-import type { DescriptionsProps as AntDescriptionsProps } from 'antd/es/descriptions';
-import type { ReactElement } from 'react';
-import React from 'react';
-export * from 'antd/es/descriptions';
-export declare type DescriptionsProps = AntDescriptionsProps;
-declare const Descriptions: {
-    ({ children, bordered, prefixCls: customizePrefixCls, className, ...restProps }: DescriptionsProps): ReactElement<any, string | React.JSXElementConstructor<any>>;
-    displayName: string;
-    Item: React.FC<import("antd/es/descriptions/Item").DescriptionsItemProps>;
-};
-export default Descriptions;

package/es/form/FormItem.d.ts

@@ -1,16 +0,0 @@
-import type { FormItemProps as AntFormItemProps } from 'antd/es/form';
-import type { ReactNode } from 'react';
-import React from 'react';
-import type { TooltipProps } from '../tooltip';
-export declare type WrapperTooltipProps = Omit<TooltipProps, 'mouseFollow'> & {
-    icon?: React.ReactElement;
-};
-export declare type LabelTooltipType = WrapperTooltipProps | React.ReactNode;
-declare const FormItem: (<Values = any>(props: AntFormItemProps<Values>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & {
-    useStatus: () => {
-        status?: "" | "success" | "error" | "warning" | "validating";
-        errors: ReactNode[];
-        warnings: ReactNode[];
-    };
-};
-export default FormItem;

package/es/form/index.d.ts

@@ -1,3 +0,0 @@
-import { Form } from 'antd';
-export * from 'antd/es/form';
-export default Form;

package/es/form/interface.d.ts

@@ -1 +0,0 @@
-export * from 'antd/es/form/interface';

package/es/locale/index.d.ts

@@ -1,5 +0,0 @@
-import type { Locale as AntLocale } from 'antd/es/locale';
-import type { TableLocale } from '../table';
-export interface Locale extends AntLocale {
-    Table?: TableLocale;
-}

package/es/message/interface.d.ts

@@ -1 +0,0 @@
-export * from 'antd/es/message/interface';

package/es/modal/interface.d.ts

@@ -1 +0,0 @@
-export * from 'antd/es/modal/interface';

package/es/notification/interface.d.ts

@@ -1 +0,0 @@
-export * from 'antd/es/notification/interface';

package/es/table/interface.d.ts

@@ -1 +0,0 @@
-export * from 'antd/es/table/interface';

package/es/tabs/hooks/useInkBar.d.ts

@@ -1,12 +0,0 @@
-import type { SizeType } from 'antd/es/config-provider/SizeContext';
-import type { TabsPosition, TabsType } from 'antd/es/tabs';
-import type { MutableRefObject } from 'react';
-declare const _default: ({ prefixCls, activeKey, size, type, tabPosition, containerRef, }: {
-    prefixCls: string;
-    activeKey: string;
-    size: SizeType;
-    type: TabsType;
-    tabPosition: TabsPosition;
-    containerRef: MutableRefObject<HTMLDivElement>;
-}) => void;
-export default _default;

package/es/tabs/hooks/useLegacyItems.d.ts

@@ -1,3 +0,0 @@
-import * as React from 'react';
-import type { TabsProps } from '..';
-export default function useLegacyItems(items?: TabsProps['items'], children?: React.ReactNode, prefixCls?: string): any[];

package/es/tooltip/index.d.ts

@@ -1,19 +0,0 @@
-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/lib/alert/index.d.ts

@@ -1,13 +0,0 @@
-import type { AlertProps as AntAlertProps } from 'antd/es/alert';
-import React from 'react';
-export * from 'antd/es/alert';
-export interface AlertProps extends AntAlertProps {
-    ghost?: boolean;
-    colored?: boolean;
-}
-declare const Alert: {
-    ({ ghost, colored, prefixCls: customizePrefixCls, className, ...restProps }: AlertProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    ErrorBoundary: typeof import("antd/es/alert/ErrorBoundary").default;
-    displayName: string;
-};
-export default Alert;

package/lib/button/index.d.ts

@@ -1,11 +0,0 @@
-import type { ButtonProps as AntButtonProps } from 'antd/es/button';
-import React from 'react';
-export * from 'antd/es/button';
-export declare type ButtonProps = AntButtonProps;
-declare const Button: {
-    ({ prefixCls: customizePrefixCls, className, ...restProps }: ButtonProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    Group: React.FC<import("antd/es/button").ButtonGroupProps>;
-    __ANT_BUTTON: any;
-    displayName: string;
-};
-export default Button;

package/lib/descriptions/index.d.ts

@@ -1,11 +0,0 @@
-import type { DescriptionsProps as AntDescriptionsProps } from 'antd/es/descriptions';
-import type { ReactElement } from 'react';
-import React from 'react';
-export * from 'antd/es/descriptions';
-export declare type DescriptionsProps = AntDescriptionsProps;
-declare const Descriptions: {
-    ({ children, bordered, prefixCls: customizePrefixCls, className, ...restProps }: DescriptionsProps): ReactElement<any, string | React.JSXElementConstructor<any>>;
-    displayName: string;
-    Item: React.FC<import("antd/es/descriptions/Item").DescriptionsItemProps>;
-};
-export default Descriptions;

package/lib/form/FormItem.d.ts

@@ -1,16 +0,0 @@
-import type { FormItemProps as AntFormItemProps } from 'antd/es/form';
-import type { ReactNode } from 'react';
-import React from 'react';
-import type { TooltipProps } from '../tooltip';
-export declare type WrapperTooltipProps = Omit<TooltipProps, 'mouseFollow'> & {
-    icon?: React.ReactElement;
-};
-export declare type LabelTooltipType = WrapperTooltipProps | React.ReactNode;
-declare const FormItem: (<Values = any>(props: AntFormItemProps<Values>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & {
-    useStatus: () => {
-        status?: "" | "success" | "error" | "warning" | "validating";
-        errors: ReactNode[];
-        warnings: ReactNode[];
-    };
-};
-export default FormItem;

package/lib/form/index.d.ts

@@ -1,3 +0,0 @@
-import { Form } from 'antd';
-export * from 'antd/es/form';
-export default Form;

package/lib/form/interface.d.ts

@@ -1 +0,0 @@
-export * from 'antd/es/form/interface';

package/lib/locale/index.d.ts

@@ -1,5 +0,0 @@
-import type { Locale as AntLocale } from 'antd/es/locale';
-import type { TableLocale } from '../table';
-export interface Locale extends AntLocale {
-    Table?: TableLocale;
-}

package/lib/message/interface.d.ts

@@ -1 +0,0 @@
-export * from 'antd/es/message/interface';

package/lib/modal/interface.d.ts

@@ -1 +0,0 @@
-export * from 'antd/es/modal/interface';

package/lib/notification/interface.d.ts

@@ -1 +0,0 @@
-export * from 'antd/es/notification/interface';

package/lib/table/interface.d.ts

@@ -1 +0,0 @@
-export * from 'antd/es/table/interface';

package/lib/tabs/hooks/useInkBar.d.ts

@@ -1,12 +0,0 @@
-import type { SizeType } from 'antd/es/config-provider/SizeContext';
-import type { TabsPosition, TabsType } from 'antd/es/tabs';
-import type { MutableRefObject } from 'react';
-declare const _default: ({ prefixCls, activeKey, size, type, tabPosition, containerRef, }: {
-    prefixCls: string;
-    activeKey: string;
-    size: SizeType;
-    type: TabsType;
-    tabPosition: TabsPosition;
-    containerRef: MutableRefObject<HTMLDivElement>;
-}) => void;
-export default _default;

package/lib/tabs/hooks/useLegacyItems.d.ts

@@ -1,3 +0,0 @@
-import * as React from 'react';
-import type { TabsProps } from '..';
-export default function useLegacyItems(items?: TabsProps['items'], children?: React.ReactNode, prefixCls?: string): any[];

package/lib/tooltip/index.d.ts

@@ -1,19 +0,0 @@
-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;