@oceanbase/design 0.2.25 → 0.2.27

package/lib/select/index.js

@@ -39,16 +39,20 @@ var import_react = __toESM(require("react"));
 var import_config_provider = __toESM(require("../config-provider"));
 var import_style = __toESM(require("./style"));
 __reExport(select_exports, require("antd/es/select"), module.exports);
-var { Option, OptGroup } = import_antd.Select;
-var Select = ({ prefixCls: customizePrefixCls, className, ...restProps }) => {
-  const { getPrefixCls } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
-  const prefixCls = getPrefixCls("select", customizePrefixCls);
-  const { wrapSSR } = (0, import_style.default)(prefixCls);
-  const selectCls = (0, import_classnames.default)(className);
-  return wrapSSR(/* @__PURE__ */ import_react.default.createElement(import_antd.Select, { prefixCls: customizePrefixCls, className: selectCls, ...restProps }));
-};
-Select.Option = Option;
-Select.OptGroup = OptGroup;
+var InternalSelect = import_react.default.forwardRef(
+  ({ prefixCls: customizePrefixCls, className, ...restProps }, ref) => {
+    const { getPrefixCls } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
+    const prefixCls = getPrefixCls("select", customizePrefixCls);
+    const { wrapSSR } = (0, import_style.default)(prefixCls);
+    const selectCls = (0, import_classnames.default)(className);
+    return wrapSSR(
+      /* @__PURE__ */ import_react.default.createElement(import_antd.Select, { ref, prefixCls: customizePrefixCls, className: selectCls, ...restProps })
+    );
+  }
+);
+var Select = InternalSelect;
+Select.Option = import_antd.Select.Option;
+Select.OptGroup = import_antd.Select.OptGroup;
 if (process.env.NODE_ENV !== "production") {
   Select.displayName = import_antd.Select.displayName;
 }

package/lib/spin/index.js

@@ -75,6 +75,7 @@ var Spin = ({
   );
 };
 Spin.setDefaultIndicator = import_antd.Spin.setDefaultIndicator;
+Spin.setDefaultIndicator(/* @__PURE__ */ import_react.default.createElement(Spin, null));
 if (process.env.NODE_ENV !== "production") {
   Spin.displayName = import_antd.Spin.displayName;
 }

package/lib/static-function/index.d.ts

@@ -2,7 +2,7 @@ import { message as antMessage, Modal as AntModal, notification as antNotificati
 import type { MessageInstance } from 'antd/es/message/interface';
 import type { ModalStaticFunctions } from 'antd/es/modal/confirm';
 import type { NotificationInstance } from 'antd/es/notification/interface';
-declare let token: import("antd/lib/theme/interface").AliasToken;
+declare let token: import("antd/lib/theme/interface/alias").AliasToken;
 declare let message: MessageInstance & {
     useMessage: typeof antMessage.useMessage;
 };

package/lib/static-function/index.js

@@ -43,7 +43,7 @@ var import_default = __toESM(require("../theme/default"));
 var { defaultAlgorithm, defaultSeed, useToken } = import_theme.default;
 var mapToken = {
   ...defaultAlgorithm(defaultSeed),
-  ...import_default.default,
+  ...import_default.default.token,
   override: {}
 };
 var token = (0, import_alias.default)(mapToken);

package/lib/table/index.d.ts

@@ -1,8 +1,10 @@
 import type { TableProps as AntTableProps } from 'antd';
 import type { ColumnsType } from 'antd/es/table';
 import type { TableLocale as AntTableLocale } from 'antd/es/table/interface';
+import type { Reference } from 'rc-table';
 import type { ReactElement, ReactNode } from 'react';
 import React from 'react';
+import type { AnyObject } from '../_util/type';
 export * from 'antd/es/table';
 export interface TableLocale extends AntTableLocale {
     batchOperationBar?: {
@@ -21,15 +23,18 @@ export interface TableProps<T> extends AntTableProps<T> {
     toolSelectedContent?: (selectedRowKeys: any, selectedRows: any) => ReactNode;
     locale?: TableLocale;
 }
-declare function Table<T>(props: TableProps<T>): ReactElement<any, string | React.JSXElementConstructor<any>>;
-declare namespace Table {
-    var SELECTION_COLUMN: {};
-    var EXPAND_COLUMN: {};
-    var SELECTION_ALL: "SELECT_ALL";
-    var SELECTION_INVERT: "SELECT_INVERT";
-    var SELECTION_NONE: "SELECT_NONE";
-    var Column: typeof import("antd/es/table/Column").default;
-    var ColumnGroup: typeof import("antd/es/table/ColumnGroup").default;
-    var Summary;
-}
-export default Table;
+declare const _default: (<RecordType extends AnyObject = AnyObject>(props: TableProps<RecordType> & {
+    children?: ReactNode;
+} & {
+    ref?: React.Ref<Reference>;
+}) => ReactElement<any, string | React.JSXElementConstructor<any>>) & {
+    SELECTION_COLUMN: {};
+    EXPAND_COLUMN: {};
+    SELECTION_ALL: "SELECT_ALL";
+    SELECTION_INVERT: "SELECT_INVERT";
+    SELECTION_NONE: "SELECT_NONE";
+    Column: typeof import("antd/es/table/Column").default;
+    ColumnGroup: typeof import("antd/es/table/ColumnGroup").default;
+    Summary: typeof import("rc-table/lib/Footer/Summary").default;
+};
+export default _default;

package/lib/table/index.js

@@ -41,7 +41,7 @@ var import_config_provider = __toESM(require("../config-provider"));
 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) {
+function Table(props, ref) {
   var _a;
   const {
     locale: customLocale,
@@ -72,7 +72,7 @@ function Table(props) {
     },
     className
   );
-  const [openPopver, setOpenPopver] = (0, import_react.useState)(false);
+  const [openPopover, setOpenPopover] = (0, import_react.useState)(false);
   const [currentSelectedRowKeys, setCurrentSelectedRowKeys] = (0, import_react.useState)();
   const [currentSelectedRows, setCurrentSelectedRows] = (0, import_react.useState)([]);
   const [currentSelectedInfo, setCurrentSelectedInfo] = (0, import_react.useState)({});
@@ -115,7 +115,7 @@ function Table(props) {
   };
   (0, import_react.useEffect)(() => {
     if ((0, import_lodash.isEmpty)(currentSelectedRows) && toolSelectedContent) {
-      setOpenPopver(false);
+      setOpenPopover(false);
     }
   }, [currentSelectedRows]);
   const renderOptionsBar = (total, range) => {
@@ -143,9 +143,9 @@ function Table(props) {
           overlayClassName: `${prefixCls}-batch-operation-selection-popover`,
           content: toolSelectedContent == null ? void 0 : toolSelectedContent(currentSelectedRowKeys, currentSelectedRows),
           trigger: "click",
-          open: openPopver
+          open: openPopover
         },
-        /* @__PURE__ */ import_react.default.createElement("a", { onClick: () => setOpenPopver(!openPopver) }, openPopver ? batchOperationBar == null ? void 0 : batchOperationBar.collapse : batchOperationBar == null ? void 0 : batchOperationBar.open)
+        /* @__PURE__ */ import_react.default.createElement("a", { onClick: () => setOpenPopover(!openPopover) }, openPopover ? 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))));
   };
@@ -154,6 +154,7 @@ function Table(props) {
       import_antd.Table,
       {
         ...props,
+        ref,
         prefixCls: customizePrefixCls,
         className: tableCls,
         locale: restLocale,
@@ -174,15 +175,17 @@ function Table(props) {
     )
   );
 }
-Table.SELECTION_COLUMN = import_antd.Table.SELECTION_COLUMN;
-Table.EXPAND_COLUMN = import_antd.Table.EXPAND_COLUMN;
-Table.SELECTION_ALL = import_antd.Table.SELECTION_ALL;
-Table.SELECTION_INVERT = import_antd.Table.SELECTION_INVERT;
-Table.SELECTION_NONE = import_antd.Table.SELECTION_NONE;
-Table.Column = import_antd.Table.Column;
-Table.ColumnGroup = import_antd.Table.ColumnGroup;
-Table.Summary = import_antd.Table.Summary;
-var table_default = Table;
+var ForwardTable = import_react.default.forwardRef(Table);
+var table_default = Object.assign(ForwardTable, {
+  SELECTION_COLUMN: import_antd.Table.SELECTION_COLUMN,
+  EXPAND_COLUMN: import_antd.Table.EXPAND_COLUMN,
+  SELECTION_ALL: import_antd.Table.SELECTION_ALL,
+  SELECTION_INVERT: import_antd.Table.SELECTION_INVERT,
+  SELECTION_NONE: import_antd.Table.SELECTION_NONE,
+  Column: import_antd.Table.Column,
+  ColumnGroup: import_antd.Table.ColumnGroup,
+  Summary: import_antd.Table.Summary
+});
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ...require("antd/es/table")

package/lib/tag/index.d.ts

@@ -4,9 +4,7 @@ export * from 'antd/es/tag';
 export interface TagProps extends AntTagProps {
     ellipsis?: boolean;
 }
-declare const Tag: {
-    ({ prefixCls: customizePrefixCls, className, ellipsis, ...restProps }: TagProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
-    displayName: string;
+declare const _default: React.ForwardRefExoticComponent<TagProps & React.RefAttributes<HTMLSpanElement>> & {
     CheckableTag: React.ForwardRefExoticComponent<import("antd/es/tag").CheckableTagProps & React.RefAttributes<HTMLSpanElement>>;
 };
-export default Tag;
+export default _default;

package/lib/tag/index.js

@@ -40,37 +40,34 @@ var import_react = __toESM(require("react"));
 var import_config_provider = __toESM(require("../config-provider"));
 var import_style = __toESM(require("./style"));
 __reExport(tag_exports, require("antd/es/tag"), module.exports);
-var { CheckableTag } = import_antd.Tag;
-var Tag = ({
-  prefixCls: customizePrefixCls,
-  className,
-  ellipsis = true,
-  ...restProps
-}) => {
-  var _a, _b;
-  const { getPrefixCls } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
-  const prefixCls = getPrefixCls("tag", customizePrefixCls);
-  const { wrapSSR } = (0, import_style.default)(prefixCls);
-  const tagCls = (0, import_classnames.default)(
-    {
-      [`${prefixCls}-ellipsis`]: ellipsis
-    },
-    className
-  );
-  const childrenType = (_a = restProps.children) == null ? void 0 : _a.type;
-  const { ellipsis: defalutEllipsis, children: defaultChildren } = ((_b = restProps.children) == null ? void 0 : _b.props) || {};
-  const ellipsisConfig = typeof defalutEllipsis === "object" ? defalutEllipsis : {
-    tooltip: (childrenType == null ? void 0 : childrenType.__ANT_TOOLTIP) ? false : defaultChildren || restProps.children
-  };
-  return ellipsis ? wrapSSR(
-    /* @__PURE__ */ import_react.default.createElement(import_design.Typography.Text, { ellipsis: { ...ellipsisConfig } }, /* @__PURE__ */ import_react.default.createElement(import_antd.Tag, { prefixCls: customizePrefixCls, className: tagCls, ...restProps }))
-  ) : /* @__PURE__ */ import_react.default.createElement(import_antd.Tag, { prefixCls: customizePrefixCls, className: tagCls, ...restProps });
-};
+var Tag = import_react.default.forwardRef(
+  ({ prefixCls: customizePrefixCls, className, ellipsis = true, ...restProps }, ref) => {
+    var _a, _b;
+    const { getPrefixCls } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
+    const prefixCls = getPrefixCls("tag", customizePrefixCls);
+    const { wrapSSR } = (0, import_style.default)(prefixCls);
+    const tagCls = (0, import_classnames.default)(
+      {
+        [`${prefixCls}-ellipsis`]: ellipsis
+      },
+      className
+    );
+    const childrenType = (_a = restProps.children) == null ? void 0 : _a.type;
+    const { ellipsis: defalutEllipsis, children: defaultChildren } = ((_b = restProps.children) == null ? void 0 : _b.props) || {};
+    const ellipsisConfig = typeof defalutEllipsis === "object" ? defalutEllipsis : {
+      tooltip: (childrenType == null ? void 0 : childrenType.__ANT_TOOLTIP) ? false : defaultChildren || restProps.children
+    };
+    return ellipsis ? wrapSSR(
+      /* @__PURE__ */ import_react.default.createElement(import_design.Typography.Text, { ellipsis: { ...ellipsisConfig } }, /* @__PURE__ */ import_react.default.createElement(import_antd.Tag, { ref, prefixCls: customizePrefixCls, className: tagCls, ...restProps }))
+    ) : /* @__PURE__ */ import_react.default.createElement(import_antd.Tag, { ref, prefixCls: customizePrefixCls, className: tagCls, ...restProps });
+  }
+);
 if (process.env.NODE_ENV !== "production") {
   Tag.displayName = import_antd.Tag.displayName;
 }
-Tag.CheckableTag = CheckableTag;
-var tag_default = Tag;
+var tag_default = Object.assign(Tag, {
+  CheckableTag: import_antd.Tag.CheckableTag
+});
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ...require("antd/es/tag")

package/lib/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/lib/theme/dark.js

@@ -0,0 +1,44 @@
+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/theme/dark.ts
+var dark_exports = {};
+__export(dark_exports, {
+  default: () => dark_default
+});
+module.exports = __toCommonJS(dark_exports);
+var import_index = __toESM(require("./index"));
+var darkTheme = {
+  token: import_index.default.defaultSeed,
+  components: {
+    InputNumber: {
+      handleVisible: true
+    }
+  }
+};
+var dark_default = darkTheme;

package/lib/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;