@oceanbase/ui 1.0.0-alpha.1 → 1.0.0-alpha.11

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

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _default = exports.default = {
+  goHome: 'ホームに戻る',
+  noPermission: 'このページへのアクセス権限がありません',
+  noPage: 'このページが見つかりません',
+  normal: '正常動作',
+  test: 'クリックしてクラッシュをテスト',
+  collapse: 'ページがクラッシュしました',
+  incompatible: 'ブラウザがサポートされていません',
+  proposal: 'ブラウザのバージョンが古すぎます。セキュリティリスクを避けるため、Chrome 80以上のご利用をおすすめします'
+};

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

@@ -1,34 +1,16 @@
-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);
+"use strict";
 
-// src/Boundary/locale/zh-CN.ts
-var zh_CN_exports = {};
-__export(zh_CN_exports, {
-  default: () => zh_CN_default
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(zh_CN_exports);
-var zh_CN_default = {
-  goHome: "返回首页",
-  noPermission: "你没有此页面的访问权限",
-  noPage: "此页面未找到",
-  normal: "正常运行",
-  test: "点击测试崩溃效果",
-  collapse: "页面崩溃了～",
-  incompatible: "浏览器版本不兼容",
-  proposal: "浏览器版本过低，为避免可能存在的安全隐患，建议使用Chrome浏览器的80及以上版本"
-};
+exports.default = void 0;
+var _default = exports.default = {
+  goHome: '返回首页',
+  noPermission: '你没有此页面的访问权限',
+  noPage: '此页面未找到',
+  normal: '正常运行',
+  test: '点击测试崩溃效果',
+  collapse: '页面崩溃了',
+  incompatible: '浏览器版本不兼容',
+  proposal: '浏览器版本过低，为避免可能存在的安全隐患，建议使用Chrome浏览器的80及以上版本'
+};

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

@@ -1,34 +1,16 @@
-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);
+"use strict";
 
-// src/Boundary/locale/zh-TW.ts
-var zh_TW_exports = {};
-__export(zh_TW_exports, {
-  default: () => zh_TW_default
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(zh_TW_exports);
-var zh_TW_default = {
-  goHome: "返回首頁",
-  noPermission: "你沒有此頁面的存取權限",
-  noPage: "此頁面未找到",
-  normal: "正常運行",
-  test: "點擊測試崩潰效果",
-  collapse: "頁面崩潰了～",
-  incompatible: "流覽器版本不相容",
-  proposal: "流覽器版本過低，為避免可能存在的安全隱患，建議使用Chrome瀏覽器的80及以上版本"
-};
+exports.default = void 0;
+var _default = exports.default = {
+  goHome: '返回首頁',
+  noPermission: '你沒有此頁面的存取權限',
+  noPage: '此頁面未找到',
+  normal: '正常運行',
+  test: '點擊測試崩潰效果',
+  collapse: '頁面崩潰了',
+  incompatible: '流覽器版本不相容',
+  proposal: '流覽器版本過低，為避免可能存在的安全隱患，建議使用Chrome瀏覽器的80及以上版本'
+};

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import type { GenerateStyle } from '@oceanbase/design/es/theme';
+import type { OBToken } from '../../_util/genComponentStyleHook';
+export type BoundaryToken = OBToken;
+export declare const genBoundaryStyle: GenerateStyle<BoundaryToken>;
+declare const _default: (prefixCls: string) => {
+    wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;
+    hashId: string;
+};
+export default _default;

package/lib/Boundary/style/index.js

@@ -0,0 +1,55 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.genBoundaryStyle = exports.default = void 0;
+var _genComponentStyleHook = require("../../_util/genComponentStyleHook");
+const genBoundaryStyle = token => {
+  const {
+    colorTextTertiary
+  } = token;
+  return {
+    [`.boundary-container`]: {
+      display: 'flex',
+      alignItems: 'center',
+      justifyContent: 'center',
+      height: '100%',
+      '.empty': {
+        display: 'flex',
+        flexDirection: 'column',
+        alignItems: 'center',
+        justifyContent: 'center',
+        paddingBottom: 60,
+        '> img': {
+          height: 102,
+          marginBottom: 24
+        },
+        '> h4': {
+          margin: 0,
+          fontSize: 18
+        },
+        '> span': {
+          marginTop: 8,
+          color: colorTextTertiary,
+          fontSize: 14,
+          textAlign: 'center'
+        },
+        '> button': {
+          marginTop: 24
+        }
+      }
+    },
+    [`.boundary-code`]: {
+      minHeight: 'calc(100vh - 120px)'
+    }
+  };
+};
+exports.genBoundaryStyle = genBoundaryStyle;
+var _default = prefixCls => {
+  const useStyle = (0, _genComponentStyleHook.genComponentStyleHook)('Boundary', token => {
+    return [genBoundaryStyle(token)];
+  });
+  return useStyle(prefixCls);
+};
+exports.default = _default;

package/lib/Boundary/utils.js

@@ -1,29 +1,11 @@
-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);
+"use strict";
 
-// src/Boundary/utils.ts
-var utils_exports = {};
-__export(utils_exports, {
-  getBrowserNameVersion: () => getBrowserNameVersion
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(utils_exports);
-var getBrowserNameVersion = () => {
-  const ua = navigator.userAgent.toLowerCase();
+exports.getBrowserNameVersion = void 0;
+const getBrowserNameVersion = () => {
+  const ua = navigator.userAgent.toLowerCase(); //获取用户端信息
   const info = {
     IE: /msie/.test(ua) && !/opera/.test(ua),
     //匹配IE浏览器
@@ -33,14 +15,10 @@ var getBrowserNameVersion = () => {
     //匹配Safari浏览器
     Chrome: /chrome/.test(ua),
     //匹配Chrome浏览器
-    Firefox: /gecko/.test(ua) && !/webkit/.test(ua)
-    //匹配Firefox浏览器
+    Firefox: /gecko/.test(ua) && !/webkit/.test(ua) //匹配Firefox浏览器
   };
-  return Object.keys(info).filter((item) => {
+  return Object.keys(info).filter(item => {
     return info[item];
   });
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  getBrowserNameVersion
-});
+exports.getBrowserNameVersion = getBrowserNameVersion;

package/lib/ContentWithIcon/index.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import './index.less';
 export interface ContentWithIconProps {
     content?: React.ReactNode;
     tooltip?: any;

package/lib/ContentWithIcon/index.js

@@ -1,45 +1,20 @@
-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);
+"use strict";
 
-// src/ContentWithIcon/index.tsx
-var ContentWithIcon_exports = {};
-__export(ContentWithIcon_exports, {
-  default: () => ContentWithIcon_default
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(ContentWithIcon_exports);
-var import_react = __toESM(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 prefix = (0, import_util.getPrefix)("content-with-question");
-var ContentWithIcon = ({
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _antd = require("antd");
+var _icons = require("@oceanbase/icons");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _style = _interopRequireDefault(require("./style"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+"use client";
+const ContentWithIcon = ({
   content,
   tooltip,
   prefixIcon = null,
@@ -53,78 +28,101 @@ var ContentWithIcon = ({
   textHidden = true,
   size = 14,
   infoColor,
-  exclamationColor = "#FAAD14",
+  exclamationColor = '#FAAD14',
   ...restProps
 }) => {
+  const {
+    getPrefixCls
+  } = (0, _react.useContext)(_antd.ConfigProvider.ConfigContext);
+  const prefixCls = getPrefixCls('content-with-icon');
+  const {
+    wrapSSR
+  } = (0, _style.default)(prefixCls);
   const defaultIconType = () => {
-    if (iconType === "question") {
-      return /* @__PURE__ */ import_react.default.createElement(
-        import_icons.QuestionCircleOutlined,
-        {
-          style: { color: color === "default" ? "#132039" : color, fontSize: size },
-          className: `${prefix}-help`
-        }
-      );
+    if (iconType === 'question') {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.QuestionCircleOutlined, {
+        style: {
+          color: color === 'default' ? '#132039' : color,
+          fontSize: size
+        },
+        className: `${prefixCls}-help`
+      });
     }
-    if (iconType === "info") {
+    if (iconType === 'info') {
       if (infoColor) {
-        return /* @__PURE__ */ import_react.default.createElement(
-          import_icons.InfoCircleFilled,
-          {
-            style: { color: infoColor, fontSize: size },
-            className: `${prefix}-help`
-          }
-        );
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.InfoCircleFilled, {
+          style: {
+            color: infoColor,
+            fontSize: size
+          },
+          className: `${prefixCls}-help`
+        });
       } else {
-        return /* @__PURE__ */ import_react.default.createElement(
-          import_icons.InfoCircleOutlined,
-          {
-            style: { color: "3333333", fontSize: size },
-            className: `${prefix}-help`
-          }
-        );
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.InfoCircleOutlined, {
+          style: {
+            color: '3333333',
+            fontSize: size
+          },
+          className: `${prefixCls}-help`
+        });
       }
     }
-    if (iconType === "exclamation") {
-      return /* @__PURE__ */ import_react.default.createElement(
-        import_icons.ExclamationCircleFilled,
-        {
-          style: { color: exclamationColor, fontSize: size },
-          className: `${prefix}-help`
-        }
-      );
+    if (iconType === 'exclamation') {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.ExclamationCircleFilled, {
+        style: {
+          color: exclamationColor,
+          fontSize: size
+        },
+        className: `${prefixCls}-help`
+      });
     }
   };
-  suffixIcon = suffixIcon !== null && iconType ? defaultIconType() : suffixIcon;
-  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" } }, "文本示意不超过二十字文本示意不超过二十字"))
-    ) : (
-      // 提示文案描述带有链接
-      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())
-    ) : null;
+
+  // 图标在文字后
+  suffixIcon = suffixIcon !== null && iconType ? defaultIconType() : suffixIcon; // 自定义图标，非内置
+
+  // FIXME: antd 已经废弃 icon type 的用法，该组件也需要做相应处理，后面将会是传入 Icon 的形式而非 type
+  const getIcon = iconConfig => {
+    return iconConfig ? !textHidden && iconType === 'info' ?
+    /*#__PURE__*/
+    // 文本描述直接展示且只在 info 类型下生效
+    (0, _jsxRuntime.jsxs)(_antd.Space, {
+      size: 4,
+      children: [iconConfig, /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        style: {
+          color: '#5C6B8A'
+        },
+        children: "\u6587\u672C\u793A\u610F\u4E0D\u8D85\u8FC7\u4E8C\u5341\u5B57\u6587\u672C\u793A\u610F\u4E0D\u8D85\u8FC7\u4E8C\u5341\u5B57"
+      })]
+    }) :
+    // 提示文案描述带有链接
+    tooltipWithLink ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Popover, {
+      ...popOver,
+      children: /*#__PURE__*/(0, _react.isValidElement)(iconConfig) ? iconConfig : defaultIconType()
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Tooltip, {
+      ...tooltip,
+      children: /*#__PURE__*/(0, _react.isValidElement)(iconConfig) ? iconConfig : defaultIconType()
+    }) : null;
   };
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
-    "span",
-    {
-      className: (0, import_classnames.default)({
-        [`${prefix}-item`]: true,
-        [className]: !!className
-      }),
-      ...restProps
-    },
-    /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { size: 4 }, getIcon(
+  return wrapSSR( /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+    className: (0, _classnames.default)({
+      [`${prefixCls}-item`]: true,
+      [className]: !!className
+    }),
+    ...restProps,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_antd.Space, {
+      size: 4,
+      children: [getIcon(
       //  图标在文字前
-      prefixIcon === true ? defaultIconType() : prefixIcon
-    ), /* @__PURE__ */ import_react.default.createElement(
-      "span",
-      {
+      prefixIcon === true ? defaultIconType() : prefixIcon), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
         "data-testid": "content",
-        style: { color: color === "default" ? "#5C6B8A" : color, fontSize: size }
-      },
-      content ?? children
-    ), getIcon(suffixIcon))
-  ));
+        style: {
+          color: color === 'default' ? '#5C6B8A' : color,
+          fontSize: size
+        },
+        children: content ?? children
+      }), getIcon(suffixIcon)]
+    })
+  }));
 };
-var ContentWithIcon_default = ContentWithIcon;
+var _default = exports.default = ContentWithIcon;

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import type { GenerateStyle } from '@oceanbase/design/es/theme';
+import type { OBToken } from '../../_util/genComponentStyleHook';
+export type ContentWithIconToken = OBToken;
+export declare const genContentWithIconStyle: GenerateStyle<ContentWithIconToken>;
+declare const _default: (prefixCls: string) => {
+    wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;
+    hashId: string;
+};
+export default _default;

package/lib/ContentWithIcon/style/index.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.genContentWithIconStyle = exports.default = void 0;
+var _genComponentStyleHook = require("../../_util/genComponentStyleHook");
+const genContentWithIconStyle = token => {
+  const {
+    componentCls
+  } = token;
+  return {
+    [`${componentCls}-item`]: {
+      display: 'inline-flex',
+      alignItems: 'center',
+      [`${componentCls}-prefix`]: {
+        marginRight: 8
+      },
+      [`${componentCls}-suffix`]: {
+        marginLeft: 8
+      },
+      [`${componentCls}-help`]: {
+        cursor: 'help'
+      },
+      [`${componentCls}-color`]: {
+        color: 'red'
+      }
+    }
+  };
+};
+exports.genContentWithIconStyle = genContentWithIconStyle;
+var _default = prefixCls => {
+  const useStyle = (0, _genComponentStyleHook.genComponentStyleHook)('ContentWithIcon', token => {
+    return [genContentWithIconStyle(token)];
+  });
+  return useStyle(prefixCls);
+};
+exports.default = _default;

package/lib/ContentWithQuestion/index.js

@@ -1,43 +1,20 @@
-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);
+"use strict";
 
-// src/ContentWithQuestion/index.tsx
-var ContentWithQuestion_exports = {};
-__export(ContentWithQuestion_exports, {
-  default: () => ContentWithQuestion_default
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-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_style = __toESM(require("./style"));
-var ContentWithQuestion = ({
+exports.default = void 0;
+var _icons = require("@oceanbase/icons");
+var _design = require("@oceanbase/design");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireWildcard(require("react"));
+var _style = _interopRequireDefault(require("./style"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+"use client";
+const ContentWithQuestion = ({
   content,
   tooltip,
   prefixIcon = null,
@@ -47,14 +24,30 @@ var ContentWithQuestion = ({
   children,
   ...restProps
 }) => {
-  const { getPrefixCls } = (0, import_react.useContext)(import_design.ConfigProvider.ConfigContext);
-  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;
+  const {
+    getPrefixCls
+  } = (0, _react.useContext)(_design.ConfigProvider.ConfigContext);
+  const prefixCls = getPrefixCls('content-with-question', customizePrefixCls);
+  const {
+    wrapSSR
+  } = (0, _style.default)(prefixCls);
+  const getIcon = iconConfig => {
+    return iconConfig ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_design.Tooltip, {
+      ...tooltip,
+      children: /*#__PURE__*/(0, _react.isValidElement)(iconConfig) ? iconConfig : /*#__PURE__*/(0, _jsxRuntime.jsx)(_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)))
-  );
+  return wrapSSR( /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+    className: (0, _classnames.default)(`${prefixCls}-item`, className),
+    ...restProps,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_design.Space, {
+      children: [getIcon(prefixIcon), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        "data-testid": "content",
+        children: content ?? children
+      }), getIcon(suffixIcon)]
+    })
+  }));
 };
-var ContentWithQuestion_default = ContentWithQuestion;
+var _default = exports.default = ContentWithQuestion;