@oceanbase/design 0.2.23 → 0.2.25

package/lib/tooltip/index.js

@@ -30,58 +30,35 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/tooltip/index.tsx
 var tooltip_exports = {};
 __export(tooltip_exports, {
-  default: () => tooltip_default,
-  getTooltipTypeList: () => getTooltipTypeList
+  default: () => tooltip_default
 });
 module.exports = __toCommonJS(tooltip_exports);
 var import_antd = require("antd");
 var import_react = __toESM(require("react"));
 var import_icons = require("@oceanbase/icons");
+var import_classnames = __toESM(require("classnames"));
 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"));
+var import_useTooltipTypeList = require("./hooks/useTooltipTypeList");
 __reExport(tooltip_exports, require("antd/es/tooltip"), module.exports);
-var getTooltipTypeList = () => [
-  {
-    type: "light",
-    color: import_static_function.token.colorText,
-    backgroundColor: import_static_function.token.colorBgElevated
-  },
-  {
-    type: "success",
-    color: import_static_function.token.colorSuccess,
-    backgroundColor: import_static_function.token.colorSuccessBg
-  },
-  {
-    type: "info",
-    color: import_static_function.token.colorInfo,
-    backgroundColor: import_static_function.token.colorInfoBg
-  },
-  {
-    type: "warning",
-    color: import_static_function.token.colorWarning,
-    backgroundColor: import_static_function.token.colorWarningBg
-  },
-  {
-    type: "error",
-    color: import_static_function.token.colorError,
-    backgroundColor: import_static_function.token.colorErrorBg
-  }
-];
 var Tooltip = ({
   children,
+  title,
   type = "default",
   color,
-  overlayInnerStyle,
   mouseFollow,
   closeIcon = false,
   onClose,
-  title,
+  open,
+  defaultOpen,
+  onOpenChange,
+  visible,
+  defaultVisible,
+  onVisibleChange,
+  overlayInnerStyle,
   className,
-  open: propOpen,
   ...restProps
 }) => {
   const { getPrefixCls } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
@@ -89,8 +66,15 @@ var Tooltip = ({
   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 [innerOpen, setInnerOpen] = (0, import_react.useState)(open ?? visible ?? defaultOpen ?? defaultVisible);
+  const newOpen = open ?? visible ?? innerOpen;
+  (0, import_react.useEffect)(() => {
+    if (!(0, import_lodash.isNil)(open)) {
+      setInnerOpen(open);
+    } else if (!(0, import_lodash.isNil)(visible)) {
+      setInnerOpen(visible);
+    }
+  }, [open, visible]);
   const handleCloseClick = (e) => {
     e.stopPropagation();
     onClose == null ? void 0 : onClose(e);
@@ -99,16 +83,10 @@ var Tooltip = ({
     }
     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 closeIconNode = closeIcon ? 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) : null;
   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 newTitle = closeIcon ? /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { className: `${prefixCls}-close-icon-wrap` }, titleNode, closeIconNode) : titleNode;
+  const typeList = (0, import_useTooltipTypeList.useTooltipTypeList)();
   const typeItem = typeList.find((item) => item.type === type);
   return wrapSSR(
     mouseFollow ? /* @__PURE__ */ import_react.default.createElement(
@@ -127,11 +105,14 @@ var Tooltip = ({
     ) : /* @__PURE__ */ import_react.default.createElement(
       import_antd.Tooltip,
       {
-        title: hasCloseIcon ? titleWithCloseIcon : title,
+        title: newTitle,
         color: color || (typeItem == null ? void 0 : typeItem.backgroundColor),
-        open,
-        onOpenChange: (newOpen) => {
-          setInnerOpen(newOpen);
+        open: newOpen,
+        defaultOpen,
+        onOpenChange: (value) => {
+          setInnerOpen(value);
+          onVisibleChange == null ? void 0 : onVisibleChange(value);
+          onOpenChange == null ? void 0 : onOpenChange(value);
         },
         overlayInnerStyle: {
           color: typeItem == null ? void 0 : typeItem.color,
@@ -151,6 +132,5 @@ Tooltip.__ANT_TOOLTIP = true;
 var tooltip_default = Tooltip;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  getTooltipTypeList,
   ...require("antd/es/tooltip")
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oceanbase/design",
-  "version": "0.2.23",
+  "version": "0.2.25",
   "description": "The Design System of OceanBase",
   "keywords": [
     "oceanbase",
@@ -12,7 +12,7 @@
   "homepage": "https://github.com/oceanbase/oceanbase-design/packages/design",
   "repository": {
     "type": "git",
-    "url": "git@github.com:oceanbase/design.git"
+    "url": "git@github.com:oceanbase/oceanbase-design.git"
   },
   "publishConfig": {
     "registry": "https://registry.npmjs.org",
@@ -36,10 +36,10 @@
   },
   "dependencies": {
     "@ant-design/cssinjs": "^1.17.2",
-    "@oceanbase/icons": "^0.2.8",
-    "@oceanbase/util": "^0.2.10",
+    "@oceanbase/icons": "^0.2.9",
+    "@oceanbase/util": "^0.2.11",
     "ahooks": "^2.10.14",
-    "antd": "^5.10.1",
+    "antd": "^5.10.3",
     "classnames": "^2.3.2",
     "lodash": "^4.17.21",
     "lottie-web": "^5.12.2",
@@ -56,5 +56,5 @@
     "react": ">=16.9.0",
     "react-dom": ">=16.9.0"
   },
-  "gitHead": "1138341df7a35d3d4939ccea79225ddf220de2cc"
+  "gitHead": "98cd4d8a2af9b6e5dcde6210fc61f9efb74c7e01"
 }