@oceanbase/design 0.2.13 → 0.2.15

package/lib/table/index.d.ts

@@ -24,12 +24,12 @@ export interface TableProps<T> extends AntTableProps<T> {
 declare function Table<T>(props: TableProps<T>): ReactElement<any, string | React.JSXElementConstructor<any>>;
 declare namespace Table {
     var SELECTION_COLUMN: {};
-    var EXPAND_COLUMN: any;
+    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: any;
+    var Summary;
 }
 export default Table;

package/lib/table/index.js

@@ -65,13 +65,12 @@ function Table(props) {
   };
   const { getPrefixCls } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
   const prefixCls = getPrefixCls("table", customizePrefixCls);
-  const { wrapSSR, hashId } = (0, import_style.default)(prefixCls);
+  const { wrapSSR } = (0, import_style.default)(prefixCls);
   const tableCls = (0, import_classnames.default)(
     {
       [`${prefixCls}-expandable`]: !(0, import_lodash.isEmpty)(expandable)
     },
-    className,
-    hashId
+    className
   );
   const [openPopver, setOpenPopver] = (0, import_react.useState)(false);
   const [currentSelectedRowKeys, setCurrentSelectedRowKeys] = (0, import_react.useState)();
@@ -121,7 +120,10 @@ function Table(props) {
   }, [currentSelectedRows]);
   const renderOptionsBar = (total, range) => {
     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)));
+      return (
+        // @ts-ignore
+        /* @__PURE__ */ import_react.default.createElement("span", null, pagination && (pagination == null ? void 0 : pagination.showTotal) && (pagination == null ? void 0 : pagination.showTotal(total, range)))
+      );
     }
     return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-batch-operation-bar` }, /* @__PURE__ */ import_react.default.createElement(
       import_antd.Space,
@@ -165,6 +167,7 @@ function Table(props) {
         } : void 0,
         pagination: pagination === false ? false : {
           ...pagination,
+          // @ts-ignore
           showTotal: renderOptionsBar
         }
       }

package/lib/tabs/index.js

@@ -60,8 +60,8 @@ var Tabs = ({
   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);
-  const tabsCls = (0, import_classnames.default)(className, hashId);
+  const { wrapSSR } = (0, import_style.default)(prefixCls);
+  const tabsCls = (0, import_classnames.default)(className);
   const ref = (0, import_react.useRef)();
   const isHorizontal = !tabPosition || tabPosition === "top" || tabPosition === "bottom";
   let newItems = items == null ? void 0 : items.map((item) => {

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

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

package/lib/theme/index.d.ts

@@ -50,54 +50,6 @@ declare const _default: {
         gold: string;
     };
     defaultConfig: {
-        defaultSeed: {
-            colorPrimary: string;
-            colorInfo: string;
-            colorSuccess: string;
-            colorWarning: string;
-            colorError: string;
-            borderRadius: number;
-            blue: string;
-            green: string;
-            yellow: string;
-            red: string;
-            colorTextBase: string;
-            colorBgBase: string;
-            colorLink: 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;
     };

package/lib/theme/index.js

@@ -40,13 +40,12 @@ var defaultSeed = {
   yellow: "#ffac33",
   red: "#ff4b4b"
 };
+var defaultConfig = import_antd.theme.defaultConfig;
+defaultConfig.token = defaultSeed;
 var theme_default = {
   ...import_antd.theme,
   defaultSeed,
-  defaultConfig: {
-    ...import_antd.theme.defaultConfig,
-    defaultSeed
-  },
+  defaultConfig,
   components: {
     InputNumber: {
       handleVisible: true

package/lib/theme/internal.d.ts

@@ -0,0 +1 @@
+export * from 'antd/es/theme/internal';

package/lib/theme/internal.js

@@ -0,0 +1,23 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/theme/internal.ts
+var internal_exports = {};
+module.exports = __toCommonJS(internal_exports);
+__reExport(internal_exports, require("antd/es/theme/internal"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("antd/es/theme/internal")
+});

package/lib/tooltip/MouseTooltip.js

@@ -101,7 +101,7 @@ var MouseTooltip = ({
       },
       ...restProps
     },
-    /* @__PURE__ */ import_react.default.createElement("div", { ref }, title)
+    /* @__PURE__ */ import_react.default.createElement("div", { ref }, typeof title === "function" ? title() : title)
   ));
 };
 if (process.env.NODE_ENV !== "production") {

package/lib/tooltip/index.d.ts

@@ -5,6 +5,8 @@ export type TooltipType = 'default' | 'light' | 'success' | 'info' | 'warning' |
 export interface TooltipProps extends AntTooltipPropsWithTitle {
     type?: TooltipType;
     mouseFollow?: boolean;
+    closeIcon?: boolean | React.ReactNode;
+    onClose?: (e: React.MouseEvent<HTMLElement>) => void;
 }
 export declare const getTooltipTypeList: () => {
     type: string;

package/lib/tooltip/index.js

@@ -36,8 +36,13 @@ __export(tooltip_exports, {
 module.exports = __toCommonJS(tooltip_exports);
 var import_antd = require("antd");
 var import_react = __toESM(require("react"));
+var import_icons = require("@oceanbase/icons");
+var import_lodash = require("lodash");
 var import_static_function = require("../static-function");
 var import_MouseTooltip = __toESM(require("./MouseTooltip"));
+var import_config_provider = __toESM(require("../config-provider"));
+var import_style = __toESM(require("./style"));
+var import_classnames = __toESM(require("classnames"));
 __reExport(tooltip_exports, require("antd/es/tooltip"), module.exports);
 var getTooltipTypeList = () => [
   {
@@ -72,33 +77,70 @@ var Tooltip = ({
   color,
   overlayInnerStyle,
   mouseFollow,
+  closeIcon = false,
+  onClose,
+  title,
+  className,
+  open: propOpen,
   ...restProps
 }) => {
+  const { getPrefixCls } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
+  const { prefixCls: customizePrefixCls } = restProps;
+  const prefixCls = getPrefixCls("tooltip", customizePrefixCls);
+  const { wrapSSR, hashId } = (0, import_style.default)(prefixCls);
+  const tooltipCls = (0, import_classnames.default)(className, hashId);
+  const [innerOpen, setInnerOpen] = (0, import_react.useState)(void 0);
+  const open = (0, import_lodash.isNil)(propOpen) ? innerOpen : propOpen;
+  const handleCloseClick = (e) => {
+    e.stopPropagation();
+    onClose == null ? void 0 : onClose(e);
+    if (e.defaultPrevented) {
+      return;
+    }
+    setInnerOpen(false);
+  };
+  const hasCloseIcon = !!closeIcon;
+  const CloseIconNode = (0, import_react.useMemo)(() => {
+    if (!hasCloseIcon) {
+      return null;
+    }
+    return closeIcon === true ? /* @__PURE__ */ import_react.default.createElement(import_icons.CloseOutlined, { className: `${prefixCls}-close-icon`, onClick: handleCloseClick }) : /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefixCls}-close-icon`, onClick: handleCloseClick }, closeIcon);
+  }, [closeIcon]);
+  const titleNode = typeof title === "function" ? title() : title;
+  const titleWithCloseIcon = /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { className: `${prefixCls}-close-icon-wrap` }, titleNode, CloseIconNode);
   const typeList = getTooltipTypeList();
   const typeItem = typeList.find((item) => item.type === type);
-  return mouseFollow ? /* @__PURE__ */ import_react.default.createElement(
+  return wrapSSR(mouseFollow ? /* @__PURE__ */ import_react.default.createElement(
     import_MouseTooltip.default,
     {
+      title,
       color: color || (typeItem == null ? void 0 : typeItem.backgroundColor),
       overlayInnerStyle: {
         color: typeItem == null ? void 0 : typeItem.color,
         ...overlayInnerStyle
       },
+      className: tooltipCls,
       ...restProps
     },
     children
   ) : /* @__PURE__ */ import_react.default.createElement(
     import_antd.Tooltip,
     {
+      title: hasCloseIcon ? titleWithCloseIcon : title,
       color: color || (typeItem == null ? void 0 : typeItem.backgroundColor),
+      open,
+      onOpenChange: (open2) => {
+        setInnerOpen(open2);
+      },
       overlayInnerStyle: {
         color: typeItem == null ? void 0 : typeItem.color,
         ...overlayInnerStyle
       },
+      className: tooltipCls,
       ...restProps
     },
     children
-  );
+  ));
 };
 if (process.env.NODE_ENV !== "production") {
   Tooltip.displayName = import_antd.Tooltip.displayName;

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

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

@@ -0,0 +1,55 @@
+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/tooltip/style/index.ts
+var style_exports = {};
+__export(style_exports, {
+  default: () => style_default,
+  genTooltipStyle: () => genTooltipStyle
+});
+module.exports = __toCommonJS(style_exports);
+var import_genComponentStyleHook = require("../../_util/genComponentStyleHook");
+var genTooltipStyle = (token) => {
+  const { componentCls } = token;
+  return {
+    [componentCls]: {
+      [`${componentCls}-close-icon-wrap`]: {
+        display: "flex",
+        justifyContent: "space-between",
+        alignItems: "flex-start",
+        wordBreak: "break-all",
+        [`${componentCls}-close-icon`]: {
+          cursor: "pointer"
+        }
+      }
+    }
+  };
+};
+var style_default = (prefixCls) => {
+  const useStyle = (0, import_genComponentStyleHook.genComponentStyleHook)("Tooltip", (token) => {
+    return [genTooltipStyle(token)];
+  }, ({ zIndexPopupBase, colorBgSpotlight }) => ({
+    zIndexPopup: zIndexPopupBase + 70,
+    colorBgDefault: colorBgSpotlight
+  }));
+  return useStyle(prefixCls);
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  genTooltipStyle
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oceanbase/design",
-  "version": "0.2.13",
+  "version": "0.2.15",
   "description": "The Design System of OceanBase",
   "keywords": [
     "OceanBase",
@@ -36,24 +36,25 @@
     "postbuild": "cp src/style/reset.css dist/"
   },
   "dependencies": {
-    "@ant-design/cssinjs": "^1.16.1",
-    "@oceanbase/icons": "^0.2.3",
-    "@oceanbase/util": "^0.2.5",
+    "@ant-design/cssinjs": "^1.17.0",
+    "@oceanbase/icons": "^0.2.5",
+    "@oceanbase/util": "^0.2.7",
     "ahooks": "^2.10.14",
-    "antd": "^5.8.0",
+    "antd": "^5.8.6",
     "classnames": "^2.3.2",
     "lodash": "^4.17.21",
-    "rc-util": "^5.35.0",
+    "lottie-web": "^5.12.2",
+    "rc-util": "^5.37.0",
     "react-sticky-mouse-tooltip": "^0.0.1"
   },
   "devDependencies": {
-    "@babel/cli": "^7.22.9",
-    "@babel/preset-env": "^7.22.9",
+    "@babel/cli": "^7.22.15",
+    "@babel/preset-env": "^7.22.15",
     "antd-token-previewer": "^1.1.0"
   },
   "peerDependencies": {
     "react": "^16.9.0",
     "react-dom": "^16.9.0"
   },
-  "gitHead": "7444bbf570d5d05c83bf86f54543ae0cdf97b6e0"
+  "gitHead": "32a30c6e5c9a3d01a0e3052d37c29b8124967247"
 }