@oceanbase/design 0.2.23 → 0.2.25

package/lib/form/FormItem.d.ts

@@ -8,7 +8,7 @@ export type WrapperTooltipProps = Omit<TooltipProps, 'mouseFollow'> & {
 export 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";
+        status?: "" | "warning" | "success" | "error" | "validating";
         errors: ReactNode[];
         warnings: ReactNode[];
     };

package/lib/form/FormItem.js

@@ -34,10 +34,10 @@ __export(FormItem_exports, {
 module.exports = __toCommonJS(FormItem_exports);
 var import_antd = require("antd");
 var import_react = __toESM(require("react"));
-var import_tooltip = require("../tooltip");
+var import_useTooltipTypeList = require("../tooltip/hooks/useTooltipTypeList");
 var AntFormItem = import_antd.Form.Item;
 var Item = ({ children, tooltip, ...restProps }) => {
-  const typeList = (0, import_tooltip.getTooltipTypeList)();
+  const typeList = (0, import_useTooltipTypeList.useTooltipTypeList)();
   if (typeof tooltip === "object" && !import_react.default.isValidElement(tooltip)) {
     const { icon, type, overlayInnerStyle, ...restTooltipProps } = tooltip;
     const typeItem = typeList.find((item) => item.type === type);

package/lib/index.d.ts

@@ -11,6 +11,8 @@ export { default as Modal } from './modal';
 export { message, notification, token } from './static-function';
 export { default as Table } from './table';
 export { default as Tabs } from './tabs';
+export { default as Tag } from './tag';
+export { default as Select } from './select';
 export type { TabsProps } from './tabs';
 export { default as theme } from './theme';
 export { default as Tooltip } from './tooltip';

package/lib/index.js

@@ -39,9 +39,11 @@ __export(src_exports, {
   Descriptions: () => import_descriptions.default,
   Form: () => import_form.default,
   Modal: () => import_modal.default,
+  Select: () => import_select.default,
   Spin: () => import_spin.default,
   Table: () => import_table.default,
   Tabs: () => import_tabs.default,
+  Tag: () => import_tag.default,
   Tooltip: () => import_tooltip.default,
   message: () => import_static_function.message,
   notification: () => import_static_function.notification,
@@ -64,6 +66,8 @@ var import_modal = __toESM(require("./modal"));
 var import_static_function = require("./static-function");
 var import_table = __toESM(require("./table"));
 var import_tabs = __toESM(require("./tabs"));
+var import_tag = __toESM(require("./tag"));
+var import_select = __toESM(require("./select"));
 var import_theme = __toESM(require("./theme"));
 var import_tooltip = __toESM(require("./tooltip"));
 var import_breadcrumb = __toESM(require("./breadcrumb"));
@@ -82,9 +86,11 @@ var { useToken } = import_theme2.default;
   Descriptions,
   Form,
   Modal,
+  Select,
   Spin,
   Table,
   Tabs,
+  Tag,
   Tooltip,
   message,
   notification,

package/lib/select/index.d.ts

@@ -1 +1,5 @@
+import type { SelectProps as AntSelectProps } from 'antd/es/select';
 export * from 'antd/es/select';
+export type SelectProps = AntSelectProps;
+declare const Select: any;
+export default Select;

package/lib/select/index.js

@@ -1,7 +1,13 @@
+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))
@@ -11,12 +17,42 @@ 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/select/index.ts
+// src/select/index.tsx
 var select_exports = {};
+__export(select_exports, {
+  default: () => select_default
+});
 module.exports = __toCommonJS(select_exports);
+var import_antd = require("antd");
+var import_classnames = __toESM(require("classnames"));
+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;
+if (process.env.NODE_ENV !== "production") {
+  Select.displayName = import_antd.Select.displayName;
+}
+var select_default = Select;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ...require("antd/es/select")

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { FullToken, GenerateStyle } from 'antd/es/theme/internal';
+export type SelectToken = FullToken<'Select'>;
+export declare const genSelectStyle: GenerateStyle<SelectToken>;
+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/select/style/index.js

@@ -0,0 +1,46 @@
+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/select/style/index.ts
+var style_exports = {};
+__export(style_exports, {
+  default: () => style_default,
+  genSelectStyle: () => genSelectStyle
+});
+module.exports = __toCommonJS(style_exports);
+var import_genComponentStyleHook = require("../../_util/genComponentStyleHook");
+var genSelectStyle = (token) => {
+  const { componentCls } = token;
+  return {
+    [`${componentCls}-multiple`]: {
+      [`${componentCls}-selection-item`]: {
+        border: `1px solid ${token.colorBorder}66`
+      }
+    }
+  };
+};
+var style_default = (prefixCls) => {
+  const useStyle = (0, import_genComponentStyleHook.genComponentStyleHook)("Select", (token) => {
+    return [genSelectStyle(token)];
+  });
+  return useStyle(prefixCls);
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  genSelectStyle
+});

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/internal").AliasToken;
+declare let token: import("antd/lib/theme/interface").AliasToken;
 declare let message: MessageInstance & {
     useMessage: typeof antMessage.useMessage;
 };

package/lib/table/index.js

@@ -76,7 +76,7 @@ function Table(props) {
   const [currentSelectedRowKeys, setCurrentSelectedRowKeys] = (0, import_react.useState)();
   const [currentSelectedRows, setCurrentSelectedRows] = (0, import_react.useState)([]);
   const [currentSelectedInfo, setCurrentSelectedInfo] = (0, import_react.useState)({});
-  const newColumns = columns.map((item) => {
+  const newColumns = columns == null ? void 0 : columns.map((item) => {
     if (item.ellipsis) {
       return {
         ...item,

package/lib/table/style/index.js

@@ -177,11 +177,6 @@ var genTableStyle = (token) => {
             }
           }
         }
-      },
-      [`${componentCls}-pagination`]: {
-        [`&${antCls}-pagination`]: {
-          borderTop: "none"
-        }
       }
     },
     // 分页器样式
@@ -207,6 +202,14 @@ var genTableStyle = (token) => {
             }
           }
         }
+      },
+      [`${componentCls}${componentCls}-bordered`]: {
+        [`&+${componentCls}-pagination`]: {
+          [`&${antCls}-pagination`]: {
+            // Remove pagination borderTop for bordered Table
+            borderTop: "none"
+          }
+        }
       }
     },
     // 批量操作栏中的弹出层样式

package/lib/tag/index.d.ts

@@ -1 +1,12 @@
+import type { TagProps as AntTagProps } from 'antd/es/tag';
+import React from 'react';
 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;
+    CheckableTag: React.ForwardRefExoticComponent<import("antd/es/tag").CheckableTagProps & React.RefAttributes<HTMLSpanElement>>;
+};
+export default Tag;

package/lib/tag/index.js

@@ -1,7 +1,13 @@
+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))
@@ -11,12 +17,60 @@ 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/tag/index.ts
+// src/tag/index.tsx
 var tag_exports = {};
+__export(tag_exports, {
+  default: () => tag_default
+});
 module.exports = __toCommonJS(tag_exports);
+var import_antd = require("antd");
+var import_design = require("../index");
+var import_classnames = __toESM(require("classnames"));
+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 });
+};
+if (process.env.NODE_ENV !== "production") {
+  Tag.displayName = import_antd.Tag.displayName;
+}
+Tag.CheckableTag = CheckableTag;
+var tag_default = Tag;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ...require("antd/es/tag")

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { type FullToken, type GenerateStyle } from 'antd/es/theme/internal';
+export type TagToken = FullToken<'Tag'>;
+export declare const genTagStyle: GenerateStyle<TagToken>;
+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/tag/style/index.js

@@ -0,0 +1,92 @@
+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/tag/style/index.ts
+var style_exports = {};
+__export(style_exports, {
+  default: () => style_default,
+  genTagStyle: () => genTagStyle
+});
+module.exports = __toCommonJS(style_exports);
+var import_genComponentStyleHook = require("../../_util/genComponentStyleHook");
+var import_internal = require("antd/lib/theme/internal");
+var import_tinycolor = require("@ctrl/tinycolor");
+var getTagBorderColor = (color) => {
+  return new import_tinycolor.TinyColor(color).setAlpha(0.4).toHex8String();
+};
+var genTagPresetStatusStyle = (token, status) => {
+  const borderColorMap = {
+    success: token.colorSuccessBorder,
+    processing: token.colorInfoBorder,
+    error: token.colorErrorBorder,
+    warning: token.colorWarningBorder
+  };
+  return {
+    [`${token.componentCls}${token.componentCls}-${status}`]: {
+      borderColor: getTagBorderColor(borderColorMap[status])
+    }
+  };
+};
+var genPresetStyle = (token) => (0, import_internal.genPresetColor)(token, (colorKey, { textColor, lightBorderColor }) => {
+  return {
+    [`${token.componentCls}${token.componentCls}-${colorKey}`]: {
+      color: textColor,
+      borderColor: getTagBorderColor(lightBorderColor)
+    }
+  };
+});
+var genTagStyle = (token) => {
+  const { componentCls } = token;
+  return {
+    [`${componentCls}`]: {
+      borderColor: getTagBorderColor(token.colorBorder),
+      [`&-ellipsis`]: {
+        maxWidth: "100%",
+        textOverflow: "ellipsis",
+        overflow: "hidden",
+        verticalAlign: "bottom"
+      },
+      [`&-checkable`]: {
+        borderColor: "transparent"
+      },
+      [`&-hidden`]: {
+        display: "none"
+      },
+      [`&-borderless`]: {
+        border: "transparent"
+      }
+    }
+  };
+};
+var style_default = (prefixCls) => {
+  const useStyle = (0, import_genComponentStyleHook.genComponentStyleHook)("Tag", (token) => {
+    return [
+      genTagStyle(token),
+      genPresetStyle(token),
+      genTagPresetStatusStyle(token, "success"),
+      genTagPresetStatusStyle(token, "error"),
+      genTagPresetStatusStyle(token, "processing"),
+      genTagPresetStatusStyle(token, "warning")
+    ];
+  });
+  return useStyle(prefixCls);
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  genTagStyle
+});

package/lib/tooltip/MouseTooltip.js

@@ -35,7 +35,7 @@ module.exports = __toCommonJS(MouseTooltip_exports);
 var import_ahooks = require("ahooks");
 var import_react = __toESM(require("react"));
 var import_react_sticky_mouse_tooltip = __toESM(require("react-sticky-mouse-tooltip"));
-var import_static_function = require("../static-function");
+var import_theme = __toESM(require("../theme"));
 var MouseTooltip = ({
   children,
   title,
@@ -49,6 +49,7 @@ var MouseTooltip = ({
   mouseLeaveDelay = 0.1,
   ...restProps
 }) => {
+  const { token } = import_theme.default.useToken();
   const [visible, setVisible] = (0, import_react.useState)(false);
   const { color: textColor, ...restOverlayInnerStyle } = overlayInnerStyle || {};
   const handleVisibleChange = (value) => {
@@ -91,10 +92,10 @@ var MouseTooltip = ({
         // 需要大于 Popover 的 1030 zIndex 值，否则会被遮挡
         zIndex: 1100,
         padding: "6px 8px",
-        boxShadow: import_static_function.token.boxShadowSecondary,
-        borderRadius: import_static_function.token.borderRadius,
-        color: textColor || import_static_function.token.colorTextLightSolid,
-        backgroundColor: backgroundColor || import_static_function.token.colorBgSpotlight,
+        boxShadow: token.boxShadowSecondary,
+        borderRadius: token.borderRadius,
+        color: textColor || token.colorTextLightSolid,
+        backgroundColor: backgroundColor || token.colorBgSpotlight,
         left: isOverWidth ? mouse.clientX - tooltipWidth - offset : mouse.clientX + offset,
         top: isOverHeight ? mouse.clientY - tooltipHeight - offset : mouse.clientY + offset,
         ...restOverlayInnerStyle

package/lib/tooltip/hooks/useTooltipTypeList.d.ts

@@ -0,0 +1,5 @@
+export declare const useTooltipTypeList: () => {
+    type: string;
+    color: string;
+    backgroundColor: string;
+}[];

package/lib/tooltip/hooks/useTooltipTypeList.js

@@ -0,0 +1,69 @@
+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/tooltip/hooks/useTooltipTypeList.ts
+var useTooltipTypeList_exports = {};
+__export(useTooltipTypeList_exports, {
+  useTooltipTypeList: () => useTooltipTypeList
+});
+module.exports = __toCommonJS(useTooltipTypeList_exports);
+var import_theme = __toESM(require("../../theme"));
+var useTooltipTypeList = () => {
+  const { token } = import_theme.default.useToken();
+  return [
+    {
+      type: "light",
+      color: token.colorText,
+      backgroundColor: token.colorBgElevated
+    },
+    {
+      type: "success",
+      color: token.colorSuccess,
+      backgroundColor: token.colorSuccessBg
+    },
+    {
+      type: "info",
+      color: token.colorInfo,
+      backgroundColor: token.colorInfoBg
+    },
+    {
+      type: "warning",
+      color: token.colorWarning,
+      backgroundColor: token.colorWarningBg
+    },
+    {
+      type: "error",
+      color: token.colorError,
+      backgroundColor: token.colorErrorBg
+    }
+  ];
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useTooltipTypeList
+});

package/lib/tooltip/index.d.ts

@@ -8,11 +8,6 @@ export interface TooltipProps extends AntTooltipPropsWithTitle {
     closeIcon?: boolean | React.ReactNode;
     onClose?: (e: React.MouseEvent<HTMLElement>) => void;
 }
-export declare const getTooltipTypeList: () => {
-    type: string;
-    color: string;
-    backgroundColor: string;
-}[];
 type CompoundedComponent = React.FC<TooltipProps> & {
     /** @internal */
     __ANT_TOOLTIP: boolean;