@oceanbase/ui 0.4.20 → 0.4.22

package/lib/BasicLayout/locale/ja-JP.js

@@ -0,0 +1,36 @@
+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/BasicLayout/locale/ja-JP.ts
+var ja_JP_exports = {};
+__export(ja_JP_exports, {
+  default: () => ja_JP_default
+});
+module.exports = __toCommonJS(ja_JP_exports);
+var ja_JP_default = {
+  help: "ヘルプ",
+  welcome: "ウェルカムページ",
+  versionNotice: "更新情報",
+  viewDocs: "マニュアルを見る",
+  downloadDocs: "マニュアルをダウンロード",
+  about: "製品について",
+  version: "バージョン",
+  releaseTime: "リリース日",
+  company: "Beijing OceanBase Technology Co., Ltd.",
+  right: "All Rights Reserved"
+};

package/lib/BatchOperationBar/index.js

@@ -36,10 +36,11 @@ var import_icons = require("@oceanbase/icons");
 var import_design = require("@oceanbase/design");
 var import_classnames = __toESM(require("classnames"));
 var import_lodash = require("lodash");
-var import_react = __toESM(require("react"));
+var import_react = require("react");
 var import_LocaleWrapper = __toESM(require("../locale/LocaleWrapper"));
 var import_index = require("./index.less");
 var import_zh_CN = __toESM(require("./locale/zh-CN"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var prefix = "ob-batch-operation-bar";
 var BatchOperationBar = (props) => {
   var _a, _b;
@@ -55,9 +56,9 @@ var BatchOperationBar = (props) => {
     className = "",
     cancelText = locale == null ? void 0 : locale.cancelText,
     openText = locale == null ? void 0 : locale.openText,
-    openIcon = /* @__PURE__ */ import_react.default.createElement(import_icons.DownOutlined, null),
+    openIcon = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.DownOutlined, {}),
     hiddenText = locale == null ? void 0 : locale.hiddenText,
-    hiddenIcon = /* @__PURE__ */ import_react.default.createElement(import_icons.UpOutlined, null),
+    hiddenIcon = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.UpOutlined, {}),
     showCancelBtn = true,
     showOpenBtn = true,
     position = ["bottom", "right"],
@@ -95,7 +96,7 @@ var BatchOperationBar = (props) => {
   const disPlayBtnRender = () => {
     if (!showOpenBtn)
       return null;
-    return /* @__PURE__ */ import_react.default.createElement(
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
       "div",
       {
         className: (0, import_classnames.default)({
@@ -103,18 +104,20 @@ var BatchOperationBar = (props) => {
           [`${prefix}-close-btn`]: !isOpen,
           [`${prefix}-display-btn`]: true
         }),
-        onClick: () => setIsOpen(!isOpen)
-      },
-      /* @__PURE__ */ import_react.default.createElement(
-        "span",
-        {
-          className: (0, import_classnames.default)({
-            [`${prefix}-display-text`]: true
-          })
-        },
-        isOpen ? hiddenText : openText
-      ),
-      isOpen ? hiddenIcon : openIcon
+        onClick: () => setIsOpen(!isOpen),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "span",
+            {
+              className: (0, import_classnames.default)({
+                [`${prefix}-display-text`]: true
+              }),
+              children: isOpen ? hiddenText : openText
+            }
+          ),
+          isOpen ? hiddenIcon : openIcon
+        ]
+      }
     );
   };
   (0, import_react.useEffect)(() => {
@@ -123,40 +126,52 @@ var BatchOperationBar = (props) => {
     else
       setSelectedData(selectedRows);
   }, [selectedRows]);
-  return /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     "div",
     {
       className: (0, import_classnames.default)({
         [className]: !!className,
         [prefix]: true
       }),
-      style
-    },
-    /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}-header` }, /* @__PURE__ */ import_react.default.createElement(import_design.Space, null, !!alertRender ? alertRender == null ? void 0 : alertRender(selectedData) : /* @__PURE__ */ import_react.default.createElement(import_design.Space, null, title && /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefix}-title` }, title), /* @__PURE__ */ import_react.default.createElement("span", null, (_b = (_a = locale == null ? void 0 : locale.alertText) == null ? void 0 : _a.replace) == null ? void 0 : _b.call(_a, /\$\{\}/, (selectedData == null ? void 0 : selectedData.length) || 0))), !!showCancelBtn && /* @__PURE__ */ import_react.default.createElement(
-      "span",
-      {
-        className: (0, import_classnames.default)({
-          [`${prefix}-cancel`]: true
-        }),
-        onClick: () => cleanSelectedRows()
-      },
-      cancelText
-    ), disPlayBtnRender()), !!alertOptionRender && /* @__PURE__ */ import_react.default.createElement("div", null, alertOptionRender == null ? void 0 : alertOptionRender({
-      selectedRows: selectedData,
-      setSelectedRows,
-      cleanSelectedRows
-    }))),
-    /* @__PURE__ */ import_react.default.createElement(
-      "div",
-      {
-        className: (0, import_classnames.default)({
-          [`${prefix}-content`]: true,
-          [`${prefix}-content-active`]: !!isOpen,
-          [`${prefix}-content-hidden`]: !isOpen
-        })
-      },
-      typeof content === "function" ? content == null ? void 0 : content({ selectedRows: selectedData, setSelectedRows, cleanSelectedRows }) : content
-    )
+      style,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: `${prefix}-header`, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_design.Space, { children: [
+            !!alertRender ? alertRender == null ? void 0 : alertRender(selectedData) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_design.Space, { children: [
+              title && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: `${prefix}-title`, children: title }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: (_b = (_a = locale == null ? void 0 : locale.alertText) == null ? void 0 : _a.replace) == null ? void 0 : _b.call(_a, /\$\{\}/, (selectedData == null ? void 0 : selectedData.length) || 0) })
+            ] }),
+            !!showCancelBtn && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "span",
+              {
+                className: (0, import_classnames.default)({
+                  [`${prefix}-cancel`]: true
+                }),
+                onClick: () => cleanSelectedRows(),
+                children: cancelText
+              }
+            ),
+            disPlayBtnRender()
+          ] }),
+          !!alertOptionRender && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: alertOptionRender == null ? void 0 : alertOptionRender({
+            selectedRows: selectedData,
+            setSelectedRows,
+            cleanSelectedRows
+          }) })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "div",
+          {
+            className: (0, import_classnames.default)({
+              [`${prefix}-content`]: true,
+              [`${prefix}-content-active`]: !!isOpen,
+              [`${prefix}-content-hidden`]: !isOpen
+            }),
+            children: typeof content === "function" ? content == null ? void 0 : content({ selectedRows: selectedData, setSelectedRows, cleanSelectedRows }) : content
+          }
+        )
+      ]
+    }
   );
 };
 var BatchOperationBar_default = (0, import_LocaleWrapper.default)({

package/lib/BatchOperationBar/locale/ja-JP.d.ts

@@ -0,0 +1,7 @@
+declare const _default: {
+    cancelText: string;
+    openText: string;
+    hiddenText: string;
+    alertText: string;
+};
+export default _default;

package/lib/BatchOperationBar/locale/ja-JP.js

@@ -0,0 +1,30 @@
+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/BatchOperationBar/locale/ja-JP.ts
+var ja_JP_exports = {};
+__export(ja_JP_exports, {
+  default: () => ja_JP_default
+});
+module.exports = __toCommonJS(ja_JP_exports);
+var ja_JP_default = {
+  cancelText: "選択解除",
+  openText: "選択済みを展開",
+  hiddenText: "選択済みを折りたたむ",
+  alertText: "${} 件を選択しました"
+};

package/lib/Boundary/Components/Code.js

@@ -33,18 +33,19 @@ __export(Code_exports, {
 });
 module.exports = __toCommonJS(Code_exports);
 var import_design = require("@oceanbase/design");
-var import_react = __toESM(require("react"));
+var import_react = require("react");
 var import_LocaleWrapper = __toESM(require("../../locale/LocaleWrapper"));
 var import_constant = require("../constant");
 var import_zh_CN = __toESM(require("../locale/zh-CN"));
 var import_classnames = __toESM(require("classnames"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var BoundaryCode = (props) => {
   const { children, onClick, code, imageUrl, title, buttonText, locale, className, ...restProps } = props;
   const info = (0, import_react.useMemo)(() => {
     const data = (0, import_constant.CODE_PRESET)(locale);
     return data[code];
   }, [code, locale]);
-  return /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "div",
     {
       className: (0, import_classnames.default)(
@@ -53,9 +54,14 @@ var BoundaryCode = (props) => {
         `ob-boundary-${code}`,
         className
       ),
-      ...restProps
-    },
-    /* @__PURE__ */ import_react.default.createElement("div", { className: "empty" }, /* @__PURE__ */ import_react.default.createElement("img", { src: imageUrl || info.imageUrl }), /* @__PURE__ */ import_react.default.createElement("h4", null, title || info.title), children, /* @__PURE__ */ import_react.default.createElement(import_design.Button, { type: "primary", onClick: onClick || info.onClick }, buttonText || info.buttonText))
+      ...restProps,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "empty", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", { src: imageUrl || info.imageUrl }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h4", { children: title || info.title }),
+        children,
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design.Button, { type: "primary", onClick: onClick || info.onClick, children: buttonText || info.buttonText })
+      ] })
+    }
   );
 };
 var Code = (0, import_LocaleWrapper.default)({

package/lib/Boundary/Components/Exception.js

@@ -38,6 +38,7 @@ var import_LocaleWrapper = __toESM(require("../../locale/LocaleWrapper"));
 var import_constant = require("../constant");
 var import_zh_CN = __toESM(require("../locale/zh-CN"));
 var import_classnames = __toESM(require("classnames"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var BoundaryException = class extends import_react.default.PureComponent {
   constructor() {
     super(...arguments);
@@ -85,31 +86,36 @@ var BoundaryException = class extends import_react.default.PureComponent {
     const errorDescription = info == null ? void 0 : info.componentStack;
     const errorMessage = (error || "").toString();
     if ((_a = this.state) == null ? void 0 : _a.hasError) {
-      return /* @__PURE__ */ import_react.default.createElement(
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         "div",
         {
           className: (0, import_classnames.default)("boundary-container", "ob-boundary-error", className),
-          ...restProps
-        },
-        /* @__PURE__ */ import_react.default.createElement("div", { className: "empty" }, /* @__PURE__ */ import_react.default.createElement("img", { src: imageUrl || errorInfo.imageUrl }), /* @__PURE__ */ import_react.default.createElement("h4", null, title || errorInfo.title), showError ? /* @__PURE__ */ import_react.default.createElement(
-          import_design.Alert,
-          {
-            type: "error",
-            showIcon: true,
-            message: errorMessage,
-            description: errorDescription,
-            style: {
-              marginTop: 24,
-              overflow: "auto",
-              maxHeight: "50vh",
-              // 为了避免被 Empty 的水平居中样式影响，需要设置 textAlign
-              textAlign: "left"
-            }
-          }
-        ) : subscription && /* @__PURE__ */ import_react.default.createElement("span", null, subscription), hasButton ? /* @__PURE__ */ import_react.default.createElement(import_design.Button, { type: "primary", onClick: () => this.onClick() }, buttonText || errorInfo.buttonText) : "")
+          ...restProps,
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "empty", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", { src: imageUrl || errorInfo.imageUrl }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h4", { children: title || errorInfo.title }),
+            showError ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_design.Alert,
+              {
+                type: "error",
+                showIcon: true,
+                message: errorMessage,
+                description: errorDescription,
+                style: {
+                  marginTop: 24,
+                  overflow: "auto",
+                  maxHeight: "50vh",
+                  // 为了避免被 Empty 的水平居中样式影响，需要设置 textAlign
+                  textAlign: "left"
+                }
+              }
+            ) : subscription && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: subscription }),
+            hasButton ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design.Button, { type: "primary", onClick: () => this.onClick(), children: buttonText || errorInfo.buttonText }) : ""
+          ] })
+        }
       );
     } else if (isNotCompatible) {
-      return /* @__PURE__ */ import_react.default.createElement(
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         "div",
         {
           className: (0, import_classnames.default)(
@@ -117,9 +123,13 @@ var BoundaryException = class extends import_react.default.PureComponent {
             "ob-boundary-browser-not-compatible",
             className
           ),
-          ...restProps
-        },
-        /* @__PURE__ */ import_react.default.createElement("div", { className: "empty" }, /* @__PURE__ */ import_react.default.createElement("img", { src: imageUrl || notCompatibleInfo.imageUrl }), /* @__PURE__ */ import_react.default.createElement("h4", null, title || notCompatibleInfo.title), /* @__PURE__ */ import_react.default.createElement("span", null, subscription ? subscription : notCompatibleInfo.subscription))
+          ...restProps,
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "empty", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", { src: imageUrl || notCompatibleInfo.imageUrl }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h4", { children: title || notCompatibleInfo.title }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: subscription ? subscription : notCompatibleInfo.subscription })
+          ] })
+        }
       );
     }
     return this.props.children;

package/lib/Boundary/Components/Function.js

@@ -33,20 +33,26 @@ __export(Function_exports, {
 });
 module.exports = __toCommonJS(Function_exports);
 var import_design = require("@oceanbase/design");
-var import_react = __toESM(require("react"));
+var import_react = require("react");
 var import_classnames = __toESM(require("classnames"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var BoundaryFunction = (props) => {
   const { children, state, config, onClick, className, ...restProps } = props;
   const info = (0, import_react.useMemo)(() => {
     return state ? config[state] : config[Object.keys(config)[0]];
   }, [config, state]);
-  return /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "div",
     {
       className: (0, import_classnames.default)("boundary-container", "ob-boundary-function", className),
-      ...restProps
-    },
-    /* @__PURE__ */ import_react.default.createElement("div", { className: "empty" }, /* @__PURE__ */ import_react.default.createElement("img", { src: info.imageUrl }), /* @__PURE__ */ import_react.default.createElement("h4", null, info.title), children, info.buttonText && /* @__PURE__ */ import_react.default.createElement(import_design.Button, { type: "primary", onClick: onClick || info.onClick }, info.buttonText))
+      ...restProps,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "empty", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", { src: info.imageUrl }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h4", { children: info.title }),
+        children,
+        info.buttonText && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design.Button, { type: "primary", onClick: onClick || info.onClick, children: info.buttonText })
+      ] })
+    }
   );
 };
 // Annotate the CommonJS export names for ESM import in node:

package/lib/Boundary/locale/en-US.js

@@ -28,7 +28,7 @@ var en_US_default = {
   noPage: "This page was not found",
   normal: "normal operation",
   test: "Click to test crash effect",
-  collapse: "The page crashed ~",
+  collapse: "The page crashed",
   incompatible: "Incompatible browser version",
   proposal: "The browser version is too low. In order to avoid possible security risks, it is recommended to use Chrome browser version 80 or above"
 };

package/lib/Boundary/locale/ja-JP.d.ts

@@ -0,0 +1,11 @@
+declare const _default: {
+    goHome: string;
+    noPermission: string;
+    noPage: string;
+    normal: string;
+    test: string;
+    collapse: string;
+    incompatible: string;
+    proposal: string;
+};
+export default _default;

package/lib/Boundary/locale/ja-JP.js

@@ -0,0 +1,34 @@
+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/Boundary/locale/ja-JP.ts
+var ja_JP_exports = {};
+__export(ja_JP_exports, {
+  default: () => ja_JP_default
+});
+module.exports = __toCommonJS(ja_JP_exports);
+var ja_JP_default = {
+  goHome: "ホームに戻る",
+  noPermission: "このページへのアクセス権限がありません",
+  noPage: "このページが見つかりません",
+  normal: "正常動作",
+  test: "クリックしてクラッシュをテスト",
+  collapse: "ページがクラッシュしました",
+  incompatible: "ブラウザがサポートされていません",
+  proposal: "ブラウザのバージョンが古すぎます。セキュリティリスクを避けるため、Chrome 80以上のご利用をおすすめします"
+};

package/lib/Boundary/locale/zh-CN.js

@@ -28,7 +28,7 @@ var zh_CN_default = {
   noPage: "此页面未找到",
   normal: "正常运行",
   test: "点击测试崩溃效果",
-  collapse: "页面崩溃了～",
+  collapse: "页面崩溃了",
   incompatible: "浏览器版本不兼容",
   proposal: "浏览器版本过低，为避免可能存在的安全隐患，建议使用Chrome浏览器的80及以上版本"
 };

package/lib/Boundary/locale/zh-TW.js

@@ -28,7 +28,7 @@ var zh_TW_default = {
   noPage: "此頁面未找到",
   normal: "正常運行",
   test: "點擊測試崩潰效果",
-  collapse: "頁面崩潰了～",
+  collapse: "頁面崩潰了",
   incompatible: "流覽器版本不相容",
   proposal: "流覽器版本過低，為避免可能存在的安全隱患，建議使用Chrome瀏覽器的80及以上版本"
 };

package/lib/ContentWithIcon/index.js

@@ -32,12 +32,13 @@ __export(ContentWithIcon_exports, {
   default: () => ContentWithIcon_default
 });
 module.exports = __toCommonJS(ContentWithIcon_exports);
-var import_react = __toESM(require("react"));
+var import_react = require("react");
 var import_antd = require("antd");
 var import_icons = require("@oceanbase/icons");
 var import_classnames = __toESM(require("classnames"));
 var import_util = require("../_util");
 var import_index = require("./index.less");
+var import_jsx_runtime = require("react/jsx-runtime");
 var prefix = (0, import_util.getPrefix)("content-with-question");
 var ContentWithIcon = ({
   content,
@@ -58,7 +59,7 @@ var ContentWithIcon = ({
 }) => {
   const defaultIconType = () => {
     if (iconType === "question") {
-      return /* @__PURE__ */ import_react.default.createElement(
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_icons.QuestionCircleOutlined,
         {
           style: { color: color === "default" ? "#132039" : color, fontSize: size },
@@ -68,7 +69,7 @@ var ContentWithIcon = ({
     }
     if (iconType === "info") {
       if (infoColor) {
-        return /* @__PURE__ */ import_react.default.createElement(
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           import_icons.InfoCircleFilled,
           {
             style: { color: infoColor, fontSize: size },
@@ -76,7 +77,7 @@ var ContentWithIcon = ({
           }
         );
       } else {
-        return /* @__PURE__ */ import_react.default.createElement(
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           import_icons.InfoCircleOutlined,
           {
             style: { color: "3333333", fontSize: size },
@@ -86,7 +87,7 @@ var ContentWithIcon = ({
       }
     }
     if (iconType === "exclamation") {
-      return /* @__PURE__ */ import_react.default.createElement(
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_icons.ExclamationCircleFilled,
         {
           style: { color: exclamationColor, fontSize: size },
@@ -99,32 +100,39 @@ var ContentWithIcon = ({
   const getIcon = (iconConfig) => {
     return iconConfig ? !textHidden && iconType === "info" ? (
       // 文本描述直接展示且只在 info 类型下生效
-      /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { size: 4 }, iconConfig, /* @__PURE__ */ import_react.default.createElement("span", { style: { color: "#5C6B8A" } }, "文本示意不超过二十字文本示意不超过二十字"))
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_antd.Space, { size: 4, children: [
+        iconConfig,
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { color: "#5C6B8A" }, children: "文本示意不超过二十字文本示意不超过二十字" })
+      ] })
     ) : (
       // 提示文案描述带有链接
-      tooltipWithLink ? /* @__PURE__ */ import_react.default.createElement(import_antd.Popover, { ...popOver }, (0, import_react.isValidElement)(iconConfig) ? iconConfig : defaultIconType()) : /* @__PURE__ */ import_react.default.createElement(import_antd.Tooltip, { ...tooltip }, (0, import_react.isValidElement)(iconConfig) ? iconConfig : defaultIconType())
+      tooltipWithLink ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Popover, { ...popOver, children: (0, import_react.isValidElement)(iconConfig) ? iconConfig : defaultIconType() }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Tooltip, { ...tooltip, children: (0, import_react.isValidElement)(iconConfig) ? iconConfig : defaultIconType() })
     ) : null;
   };
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "span",
     {
       className: (0, import_classnames.default)({
         [`${prefix}-item`]: true,
         [className]: !!className
       }),
-      ...restProps
-    },
-    /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { size: 4 }, getIcon(
-      //  图标在文字前
-      prefixIcon === true ? defaultIconType() : prefixIcon
-    ), /* @__PURE__ */ import_react.default.createElement(
-      "span",
-      {
-        "data-testid": "content",
-        style: { color: color === "default" ? "#5C6B8A" : color, fontSize: size }
-      },
-      content ?? children
-    ), getIcon(suffixIcon))
-  ));
+      ...restProps,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_antd.Space, { size: 4, children: [
+        getIcon(
+          //  图标在文字前
+          prefixIcon === true ? defaultIconType() : prefixIcon
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "span",
+          {
+            "data-testid": "content",
+            style: { color: color === "default" ? "#5C6B8A" : color, fontSize: size },
+            children: content ?? children
+          }
+        ),
+        getIcon(suffixIcon)
+      ] })
+    }
+  ) });
 };
 var ContentWithIcon_default = ContentWithIcon;

package/lib/ContentWithQuestion/index.js

@@ -35,8 +35,9 @@ module.exports = __toCommonJS(ContentWithQuestion_exports);
 var import_icons = require("@oceanbase/icons");
 var import_design = require("@oceanbase/design");
 var import_classnames = __toESM(require("classnames"));
-var import_react = __toESM(require("react"));
+var import_react = require("react");
 var import_style = __toESM(require("./style"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var ContentWithQuestion = ({
   content,
   tooltip,
@@ -51,10 +52,14 @@ var ContentWithQuestion = ({
   const prefixCls = getPrefixCls("content-with-question", customizePrefixCls);
   const { wrapSSR } = (0, import_style.default)(prefixCls);
   const getIcon = (iconConfig) => {
-    return iconConfig ? /* @__PURE__ */ import_react.default.createElement(import_design.Tooltip, { ...tooltip }, (0, import_react.isValidElement)(iconConfig) ? iconConfig : /* @__PURE__ */ import_react.default.createElement(import_icons.QuestionCircleOutlined, { className: `${prefixCls}-help` })) : null;
+    return iconConfig ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design.Tooltip, { ...tooltip, children: (0, import_react.isValidElement)(iconConfig) ? iconConfig : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.QuestionCircleOutlined, { className: `${prefixCls}-help` }) }) : null;
   };
   return wrapSSR(
-    /* @__PURE__ */ import_react.default.createElement("span", { className: (0, import_classnames.default)(`${prefixCls}-item`, className), ...restProps }, /* @__PURE__ */ import_react.default.createElement(import_design.Space, null, getIcon(prefixIcon), /* @__PURE__ */ import_react.default.createElement("span", { "data-testid": "content" }, content ?? children), getIcon(suffixIcon)))
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: (0, import_classnames.default)(`${prefixCls}-item`, className), ...restProps, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_design.Space, { children: [
+      getIcon(prefixIcon),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { "data-testid": "content", children: content ?? children }),
+      getIcon(suffixIcon)
+    ] }) })
   );
 };
 var ContentWithQuestion_default = ContentWithQuestion;