@oceanbase/design 1.0.0-alpha.2 → 1.0.0-alpha.4

package/lib/tooltip/MouseTooltip.js

@@ -33,9 +33,10 @@ __export(MouseTooltip_exports, {
 });
 module.exports = __toCommonJS(MouseTooltip_exports);
 var import_ahooks = require("ahooks");
-var import_react = __toESM(require("react"));
+var import_react = require("react");
 var import_ReactStickyMouseTooltip = __toESM(require("./ReactStickyMouseTooltip"));
 var import_theme = __toESM(require("../theme"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var MouseTooltip = ({
   children,
   title,
@@ -70,47 +71,50 @@ var MouseTooltip = ({
   const isOverWidth = clientX + tooltipWidth + 8 > pageWidth;
   const isOverHeight = clientY + tooltipHeight + 8 > pageHeight;
   const offset = 8;
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
-    "span",
-    {
-      onMouseEnter: () => {
-        if (outerOpen || outerVisible) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "span",
+      {
+        onMouseEnter: () => {
+          if (outerOpen || outerVisible) {
+            setTimeout(() => {
+              handleVisibleChange(true);
+            }, mouseEnterDelay * 1e3);
+          }
+        },
+        onMouseLeave: () => {
           setTimeout(() => {
-            handleVisibleChange(true);
-          }, mouseEnterDelay * 1e3);
-        }
-      },
-      onMouseLeave: () => {
-        setTimeout(() => {
-          handleVisibleChange(false);
-        }, mouseLeaveDelay * 1e3);
+            handleVisibleChange(false);
+          }, mouseLeaveDelay * 1e3);
+        },
+        children
       }
-    },
-    children
-  ), title && /* @__PURE__ */ import_react.default.createElement(
-    import_ReactStickyMouseTooltip.default,
-    {
-      visible,
-      style: {
-        // 需要大于 Popover 的 1030 zIndex 值，否则会被遮挡
-        zIndex: 1100,
-        padding: "6px 8px",
-        boxShadow: token.boxShadowSecondary,
-        borderRadius: token.borderRadius,
-        // @ts-ignore
-        color: textColor || ((_a = token.Tooltip) == null ? void 0 : _a.colorTextLightSolid) || token.colorTextLightSolid,
-        backgroundColor: (
+    ),
+    title && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_ReactStickyMouseTooltip.default,
+      {
+        visible,
+        style: {
+          // 需要大于 Popover 的 1030 zIndex 值，否则会被遮挡
+          zIndex: 1100,
+          padding: "6px 8px",
+          boxShadow: token.boxShadowSecondary,
+          borderRadius: token.borderRadius,
           // @ts-ignore
-          backgroundColor || ((_b = token.Tooltip) == null ? void 0 : _b.colorBgSpotlight) || token.colorBgSpotlight
-        ),
-        left: isOverWidth ? clientX - tooltipWidth - offset : clientX + offset,
-        top: isOverHeight ? clientY - tooltipHeight - offset : clientY + offset,
-        ...restOverlayInnerStyle
-      },
-      ...restProps
-    },
-    /* @__PURE__ */ import_react.default.createElement("div", { ref }, typeof title === "function" ? title() : title)
-  ));
+          color: textColor || ((_a = token.Tooltip) == null ? void 0 : _a.colorTextLightSolid) || token.colorTextLightSolid,
+          backgroundColor: (
+            // @ts-ignore
+            backgroundColor || ((_b = token.Tooltip) == null ? void 0 : _b.colorBgSpotlight) || token.colorBgSpotlight
+          ),
+          left: isOverWidth ? clientX - tooltipWidth - offset : clientX + offset,
+          top: isOverHeight ? clientY - tooltipHeight - offset : clientY + offset,
+          ...restOverlayInnerStyle
+        },
+        ...restProps,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref, children: typeof title === "function" ? title() : title })
+      }
+    )
+  ] });
 };
 if (process.env.NODE_ENV !== "production") {
   MouseTooltip.displayName = "MouseTooltip";

package/lib/tooltip/ReactStickyMouseTooltip.js

@@ -33,6 +33,7 @@ __export(ReactStickyMouseTooltip_exports, {
 });
 module.exports = __toCommonJS(ReactStickyMouseTooltip_exports);
 var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var ReactStickyMouseTooltip = class extends import_react.default.PureComponent {
   constructor() {
     super(...arguments);
@@ -76,7 +77,7 @@ var ReactStickyMouseTooltip = class extends import_react.default.PureComponent {
     this.removeListener();
   }
   render() {
-    return /* @__PURE__ */ import_react.default.createElement(
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       "div",
       {
         className: this.props.className,
@@ -86,9 +87,9 @@ var ReactStickyMouseTooltip = class extends import_react.default.PureComponent {
           top: this.state.yPosition + this.props.offsetY,
           left: this.state.xPosition + this.props.offsetX,
           ...this.props.style
-        }
-      },
-      this.props.children
+        },
+        children: this.props.children
+      }
     );
   }
 };

package/lib/tooltip/index.js

@@ -42,6 +42,7 @@ var import_config_provider = __toESM(require("../config-provider"));
 var import_style = __toESM(require("./style"));
 var import_useTooltipTypeList = require("./hooks/useTooltipTypeList");
 __reExport(tooltip_exports, require("antd/es/tooltip"), module.exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var Tooltip = import_react.default.forwardRef(
   ({
     children,
@@ -79,13 +80,16 @@ var Tooltip = import_react.default.forwardRef(
       }
       setInnerOpen(false);
     };
-    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 closeIconNode = closeIcon ? closeIcon === true ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.CloseOutlined, { className: `${prefixCls}-close-icon`, onClick: handleCloseClick }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: `${prefixCls}-close-icon`, onClick: handleCloseClick, children: closeIcon }) : null;
     const titleNode = typeof title === "function" ? title() : title;
-    const newTitle = closeIcon ? /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { className: `${prefixCls}-close-icon-wrap` }, titleNode, closeIconNode) : titleNode;
+    const newTitle = closeIcon ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_antd.Space, { className: `${prefixCls}-close-icon-wrap`, children: [
+      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(
+      mouseFollow ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_MouseTooltip.default,
         {
           title,
@@ -96,10 +100,10 @@ var Tooltip = import_react.default.forwardRef(
           },
           className: mouseTooltipCls,
           overlay,
-          ...restProps
-        },
-        children
-      ) : /* @__PURE__ */ import_react.default.createElement(
+          ...restProps,
+          children
+        }
+      ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_antd.Tooltip,
         {
           ref,
@@ -118,9 +122,9 @@ var Tooltip = import_react.default.forwardRef(
           },
           className: tooltipCls,
           overlay,
-          ...restProps
-        },
-        children
+          ...restProps,
+          children
+        }
       )
     );
   }

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { FullToken, GenerateStyle } from 'antd/es/theme/internal';
+import type { FullToken, GenerateStyle } from '../../theme/interface';
 export type TooltipToken = FullToken<'Tooltip'>;
 export declare const genTooltipStyle: GenerateStyle<TooltipToken>;
 declare const _default: (prefixCls: string) => {

package/lib/tree-select/index.js

@@ -41,6 +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(tree_select_exports, require("antd/es/tree-select"), module.exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var InternalTreeSelect = import_react.default.forwardRef(
   ({ locale: customLocale, prefixCls: customizePrefixCls, className, ...restProps }, ref) => {
     const { locale: contextLocale, getPrefixCls } = (0, import_react.useContext)(
@@ -57,7 +58,7 @@ var InternalTreeSelect = import_react.default.forwardRef(
     const { wrapSSR } = (0, import_style.default)(prefixCls);
     const treeSelectCls = (0, import_classnames.default)(className);
     return wrapSSR(
-      /* @__PURE__ */ import_react.default.createElement(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_antd.TreeSelect,
         {
           ref,

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { FullToken, GenerateStyle } from 'antd/es/theme/internal';
+import type { FullToken, GenerateStyle } from '../../theme/interface';
 export type TreeSelectToken = FullToken<'TreeSelect'>;
 export declare const genTreeSelectStyle: GenerateStyle<TreeSelectToken>;
 declare const _default: (prefixCls: string) => {

package/lib/typography/Link.js

@@ -39,6 +39,7 @@ var import_config_provider = __toESM(require("../config-provider"));
 var import_useClassName = __toESM(require("./hooks/useClassName"));
 var import_style = __toESM(require("./style"));
 __reExport(Link_exports, require("antd/es/typography/Link"), module.exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var { Link: AntLink } = import_antd.Typography;
 var Link = import_react.default.forwardRef(
   ({ editable, prefixCls: customizePrefixCls, className, children, ...restProps }, ref) => {
@@ -47,16 +48,16 @@ var Link = import_react.default.forwardRef(
     const { wrapSSR } = (0, import_style.default)(prefixCls);
     const typographyCls = (0, import_useClassName.default)(prefixCls, className, editable);
     return wrapSSR(
-      /* @__PURE__ */ import_react.default.createElement(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         AntLink,
         {
           ref,
           editable,
           prefixCls: customizePrefixCls,
           className: typographyCls,
-          ...restProps
-        },
-        children
+          ...restProps,
+          children
+        }
       )
     );
   }

package/lib/typography/Paragraph.js

@@ -39,6 +39,7 @@ var import_config_provider = __toESM(require("../config-provider"));
 var import_useClassName = __toESM(require("./hooks/useClassName"));
 var import_style = __toESM(require("./style"));
 __reExport(Paragraph_exports, require("antd/es/typography/Paragraph"), module.exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var { Paragraph: AntParagraph } = import_antd.Typography;
 var Paragraph = import_react.default.forwardRef(
   ({ editable, prefixCls: customizePrefixCls, className, children, ...restProps }, ref) => {
@@ -47,16 +48,16 @@ var Paragraph = import_react.default.forwardRef(
     const { wrapSSR } = (0, import_style.default)(prefixCls);
     const typographyCls = (0, import_useClassName.default)(prefixCls, className, editable);
     return wrapSSR(
-      /* @__PURE__ */ import_react.default.createElement(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         AntParagraph,
         {
           ref,
           editable,
           prefixCls: customizePrefixCls,
           className: typographyCls,
-          ...restProps
-        },
-        children
+          ...restProps,
+          children
+        }
       )
     );
   }

package/lib/typography/Text.js

@@ -39,6 +39,7 @@ var import_config_provider = __toESM(require("../config-provider"));
 var import_useClassName = __toESM(require("./hooks/useClassName"));
 var import_style = __toESM(require("./style"));
 __reExport(Text_exports, require("antd/es/typography/Text"), module.exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var { Text: AntText } = import_antd.Typography;
 var Text = import_react.default.forwardRef(
   ({ editable, prefixCls: customizePrefixCls, className, children, ...restProps }, ref) => {
@@ -47,16 +48,16 @@ var Text = import_react.default.forwardRef(
     const { wrapSSR } = (0, import_style.default)(prefixCls);
     const typographyCls = (0, import_useClassName.default)(prefixCls, className, editable);
     return wrapSSR(
-      /* @__PURE__ */ import_react.default.createElement(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         AntText,
         {
           ref,
           editable,
           prefixCls: customizePrefixCls,
           className: typographyCls,
-          ...restProps
-        },
-        children
+          ...restProps,
+          children
+        }
       )
     );
   }

package/lib/typography/Title.js

@@ -39,6 +39,7 @@ var import_config_provider = __toESM(require("../config-provider"));
 var import_useClassName = __toESM(require("./hooks/useClassName"));
 var import_style = __toESM(require("./style"));
 __reExport(Title_exports, require("antd/es/typography/Title"), module.exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var { Title: AntTitle } = import_antd.Typography;
 var Title = import_react.default.forwardRef(
   ({ editable, prefixCls: customizePrefixCls, className, children, ...restProps }, ref) => {
@@ -47,16 +48,16 @@ var Title = import_react.default.forwardRef(
     const { wrapSSR } = (0, import_style.default)(prefixCls);
     const typographyCls = (0, import_useClassName.default)(prefixCls, className, editable);
     return wrapSSR(
-      /* @__PURE__ */ import_react.default.createElement(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         AntTitle,
         {
           ref,
           editable,
           prefixCls: customizePrefixCls,
           className: typographyCls,
-          ...restProps
-        },
-        children
+          ...restProps,
+          children
+        }
       )
     );
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oceanbase/design",
-  "version": "1.0.0-alpha.2",
+  "version": "1.0.0-alpha.4",
   "description": "The Design System of OceanBase",
   "keywords": [
     "oceanbase",
@@ -43,9 +43,9 @@
     "@inline-svg-unique-id/react": "^1.2.3",
     "@oceanbase/aliyun-theme": "^0.1.6",
     "@oceanbase/icons": "^1.0.0-alpha.0",
-    "@oceanbase/util": "^1.0.0-alpha.1",
+    "@oceanbase/util": "^1.0.0-alpha.2",
     "ahooks": "^2.10.14",
-    "antd": "^5.27.4",
+    "antd": "^5.29.1",
     "classnames": "^2.5.1",
     "lodash": "^4.17.21",
     "lottie-web": "^5.13.0",
@@ -53,17 +53,18 @@
     "rc-util": "^5.44.4"
   },
   "devDependencies": {
+    "@ant-design/cssinjs-utils": "^1.1.3",
     "@babel/cli": "^7.28.3",
-    "@babel/preset-env": "^7.28.3",
+    "@babel/preset-env": "^7.28.5",
     "antd-token-previewer": "^2.0.8",
     "rc-select": "^14.16.8",
     "rc-slider": "^11.1.9",
-    "rc-table": "^7.54.0",
+    "rc-table": "^7.55.1",
     "rc-tree-select": "^5.27.0"
   },
   "peerDependencies": {
     "react": ">=16.9.0",
     "react-dom": ">=16.9.0"
   },
-  "gitHead": "72910b1a2b037811f3ed5561ee5e897d7b744135"
+  "gitHead": "7619cf0d3f5d29dd4c7b67be8265ace300d7e731"
 }

package/es/_util/genStyle.d.ts

@@ -1,2 +0,0 @@
-import type { CSSObject } from '@ant-design/cssinjs';
-export declare const genCompactStyle: (componentCls: string, subComponentCls?: string) => CSSObject;

package/es/_util/getWeakenBorderColor.d.ts

@@ -1 +0,0 @@
-export declare function getWeakenBorderColor(color: string): string;

package/es/_util/getWeakenBorderColor.js

@@ -1,4 +0,0 @@
-import { TinyColor } from '@ctrl/tinycolor';
-export function getWeakenBorderColor(color) {
-  return new TinyColor(color).setAlpha(0.4).toHex8String();
-}

package/lib/_util/genStyle.d.ts

@@ -1,2 +0,0 @@
-import type { CSSObject } from '@ant-design/cssinjs';
-export declare const genCompactStyle: (componentCls: string, subComponentCls?: string) => CSSObject;

package/lib/_util/genStyle.js

@@ -1,43 +0,0 @@
-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/_util/genStyle.ts
-var genStyle_exports = {};
-__export(genStyle_exports, {
-  genCompactStyle: () => genCompactStyle
-});
-module.exports = __toCommonJS(genStyle_exports);
-var genCompactStyle = (componentCls, subComponentCls = "") => {
-  return {
-    [`&${componentCls}-compact-item:not(${componentCls}-compact-last-item)${componentCls}-compact-first-item ${subComponentCls}`]: {
-      borderStartEndRadius: 0,
-      borderEndEndRadius: 0
-    },
-    [`&${componentCls}-compact-item:not(${componentCls}-compact-first-item):not(${componentCls}-compact-last-item) ${subComponentCls}`]: {
-      borderRadius: 0
-    },
-    [`&${componentCls}-compact-item:not(${componentCls}-compact-first-item)${componentCls}-compact-last-item ${subComponentCls}`]: {
-      borderStartStartRadius: 0,
-      borderEndStartRadius: 0
-    }
-  };
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  genCompactStyle
-});

package/lib/_util/getWeakenBorderColor.d.ts

@@ -1 +0,0 @@
-export declare function getWeakenBorderColor(color: string): string;