@oceanbase/ui 1.0.0-alpha.2 → 1.0.0-alpha.3

package/lib/GraphToolbar/index.js

@@ -37,13 +37,14 @@ var import_icons = require("@oceanbase/icons");
 var import_util = require("@oceanbase/util");
 var import_design = require("@oceanbase/design");
 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_util2 = require("../_util");
 var import_zh_CN = __toESM(require("./locale/zh-CN"));
 var import_graph_fit_view_icon = __toESM(require("../assets/graph_fit_view_icon.svg"));
 var import_graph_reset_icon = __toESM(require("../assets/graph_reset_icon.svg"));
 var import_index = require("./index.less");
+var import_jsx_runtime = require("react/jsx-runtime");
 function getCenterPointByGraph(graph) {
   const group = graph == null ? void 0 : graph.get("group");
   if (group) {
@@ -79,70 +80,81 @@ var GraphToolbar = ({
       }, 16)
     );
   }, [graph]);
-  return /* @__PURE__ */ import_react.default.createElement(import_design.Space, { size: 16, className: `${prefix} ${`${prefix}-${mode}`} ${className}` }, showFullscreen && /* @__PURE__ */ import_react.default.createElement(import_design.Tooltip, { title: locale.fullscreen }, /* @__PURE__ */ import_react.default.createElement(
-    import_icons.FullscreenOutlined,
-    {
-      className: "pointable",
-      onClick: () => {
-        if (onFullscreen) {
-          onFullscreen();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_design.Space, { size: 16, className: `${prefix} ${`${prefix}-${mode}`} ${className}`, children: [
+    showFullscreen && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design.Tooltip, { title: locale.fullscreen, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_icons.FullscreenOutlined,
+      {
+        className: "pointable",
+        onClick: () => {
+          if (onFullscreen) {
+            onFullscreen();
+          }
         }
       }
-    }
-  )), /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefix}-zoom-wrapper` }, /* @__PURE__ */ import_react.default.createElement(import_design.Tooltip, { title: locale.shrink }, /* @__PURE__ */ import_react.default.createElement(
-    import_icons.MinusOutlined,
-    {
-      className: zoom >= 0.3 ? `${prefix}-pointable` : `${prefix}-disabled`,
-      onClick: () => {
-        if (zoom >= 0.3) {
-          const newZoom = zoom - 0.1;
-          setZoom(newZoom);
-          graph == null ? void 0 : graph.zoomTo(newZoom, getCenterPointByGraph(graph));
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: `${prefix}-zoom-wrapper`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design.Tooltip, { title: locale.shrink, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_icons.MinusOutlined,
+        {
+          className: zoom >= 0.3 ? `${prefix}-pointable` : `${prefix}-disabled`,
+          onClick: () => {
+            if (zoom >= 0.3) {
+              const newZoom = zoom - 0.1;
+              setZoom(newZoom);
+              graph == null ? void 0 : graph.zoomTo(newZoom, getCenterPointByGraph(graph));
+            }
+          }
         }
-      }
-    }
-  )), (0, import_util.toPercent)(zoom), /* @__PURE__ */ import_react.default.createElement(import_design.Tooltip, { title: locale.enlarge }, /* @__PURE__ */ import_react.default.createElement(
-    import_icons.PlusOutlined,
-    {
-      className: zoom <= 0.9 ? `${prefix}-pointable` : `${prefix}-disabled`,
-      onClick: () => {
-        if (zoom <= 0.9) {
-          const newZoom = zoom + 0.1;
-          setZoom(newZoom);
-          graph == null ? void 0 : graph.zoomTo(newZoom, getCenterPointByGraph(graph));
+      ) }),
+      (0, import_util.toPercent)(zoom),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design.Tooltip, { title: locale.enlarge, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_icons.PlusOutlined,
+        {
+          className: zoom <= 0.9 ? `${prefix}-pointable` : `${prefix}-disabled`,
+          onClick: () => {
+            if (zoom <= 0.9) {
+              const newZoom = zoom + 0.1;
+              setZoom(newZoom);
+              graph == null ? void 0 : graph.zoomTo(newZoom, getCenterPointByGraph(graph));
+            }
+          }
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design.Tooltip, { title: locale.reset, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "img",
+      {
+        src: import_graph_reset_icon.default,
+        alt: "",
+        className: `${prefix}-pointable`,
+        onClick: () => {
+          setZoom(1);
+          graph == null ? void 0 : graph.zoomTo(1, getCenterPointByGraph(graph));
         }
       }
-    }
-  ))), /* @__PURE__ */ import_react.default.createElement(import_design.Tooltip, { title: locale.reset }, /* @__PURE__ */ import_react.default.createElement(
-    "img",
-    {
-      src: import_graph_reset_icon.default,
-      alt: "",
-      className: `${prefix}-pointable`,
-      onClick: () => {
-        setZoom(1);
-        graph == null ? void 0 : graph.zoomTo(1, getCenterPointByGraph(graph));
-      }
-    }
-  )), /* @__PURE__ */ import_react.default.createElement(import_design.Tooltip, { title: locale.fitView }, /* @__PURE__ */ import_react.default.createElement(
-    "img",
-    {
-      src: import_graph_fit_view_icon.default,
-      alt: "",
-      className: `${prefix}-pointable`,
-      onClick: () => {
-        graph == null ? void 0 : graph.fitView();
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design.Tooltip, { title: locale.fitView, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "img",
+      {
+        src: import_graph_fit_view_icon.default,
+        alt: "",
+        className: `${prefix}-pointable`,
+        onClick: () => {
+          graph == null ? void 0 : graph.fitView();
+        }
       }
-    }
-  )), onReload && /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(import_design.Divider, { type: "vertical", className: `${prefix}-divider` })), onReload && /* @__PURE__ */ import_react.default.createElement(import_design.Tooltip, { title: locale.refresh }, /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(
-    import_icons.SyncOutlined,
-    {
-      className: `${prefix}-pointable`,
-      onClick: () => {
-        onReload();
+    ) }),
+    onReload && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design.Divider, { type: "vertical", className: `${prefix}-divider` }) }),
+    onReload && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design.Tooltip, { title: locale.refresh, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_icons.SyncOutlined,
+      {
+        className: `${prefix}-pointable`,
+        onClick: () => {
+          onReload();
+        }
       }
-    }
-  ))));
+    ) }) })
+  ] });
 };
 var GraphToolbar_default = (0, import_LocaleWrapper.default)({
   componentName: "GraphToolbar",

package/lib/Highlight/DiffView/DiffCells.js

@@ -33,7 +33,7 @@ __export(DiffCells_exports, {
 });
 module.exports = __toCommonJS(DiffCells_exports);
 var import_classnames = __toESM(require("classnames"));
-var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 function DiffCells({
   diffPrefixCls,
   data,
@@ -58,13 +58,20 @@ function DiffCells({
   if (rowIndex !== void 0) {
     rowIndex += rowOffset;
   }
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("td", { className: (0, import_classnames.default)(`${diffPrefixCls}-index`, mergedClassName, hashId) }, rowIndex), /* @__PURE__ */ React.createElement("td", { className: (0, import_classnames.default)(`${diffPrefixCls}-mark`, mergedClassName, hashId) }, add && "+", remove && "-"), /* @__PURE__ */ React.createElement(
-    "td",
-    {
-      onMouseDown,
-      style: { width, userSelect: lock ? "none" : void 0 },
-      className: (0, import_classnames.default)(`${diffPrefixCls}-code`, mergedClassName, hashId),
-      dangerouslySetInnerHTML: { __html: (data == null ? void 0 : data.value) ?? (emptyText || "") }
-    }
-  ));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { className: (0, import_classnames.default)(`${diffPrefixCls}-index`, mergedClassName, hashId), children: rowIndex }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("td", { className: (0, import_classnames.default)(`${diffPrefixCls}-mark`, mergedClassName, hashId), children: [
+      add && "+",
+      remove && "-"
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "td",
+      {
+        onMouseDown,
+        style: { width, userSelect: lock ? "none" : void 0 },
+        className: (0, import_classnames.default)(`${diffPrefixCls}-code`, mergedClassName, hashId),
+        dangerouslySetInnerHTML: { __html: (data == null ? void 0 : data.value) ?? (emptyText || "") }
+      }
+    )
+  ] });
 }

package/lib/Highlight/DiffView/index.js

@@ -42,6 +42,7 @@ var import_util = require("../../_util");
 var import_useKeyDownCopyEvent = require("../useKeyDownCopyEvent");
 var import_DiffCells = __toESM(require("./DiffCells"));
 var import__2 = require("../index.less");
+var import_jsx_runtime = require("react/jsx-runtime");
 var MAX_MERGE_TIMES = 1e4;
 var EMPTY_TEXT = `<span class="hljs-comment">// 没有数据</span>`;
 function getHighlightRows(language, code) {
@@ -221,7 +222,7 @@ var DiffView = ({
   }, [diffData]);
   let viewRows;
   if (!report) {
-    viewRows = /* @__PURE__ */ import_react.default.createElement("tr", null, /* @__PURE__ */ import_react.default.createElement(
+    viewRows = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_DiffCells.default,
       {
         width: "100%",
@@ -232,34 +233,37 @@ var DiffView = ({
           type: "keep"
         }
       }
-    ));
+    ) });
   } else if (split) {
-    viewRows = mergedData.rows.map(({ source: src, target: tgt }, index) => /* @__PURE__ */ import_react.default.createElement("tr", { key: index }, /* @__PURE__ */ import_react.default.createElement(
-      import_DiffCells.default,
-      {
-        width: "50%",
-        diffPrefixCls,
-        data: src,
-        emptyText: index === 0 && mergedData.sourceEmpty && EMPTY_TEXT,
-        onMouseDown: onSourceMouseDown,
-        lock: selectable !== "source",
-        rowOffset: rowOffsetSrc
-      }
-    ), /* @__PURE__ */ import_react.default.createElement(
-      import_DiffCells.default,
-      {
-        width: "50%",
-        diffPrefixCls,
-        data: tgt,
-        emptyText: index === 0 && mergedData.targetEmpty && EMPTY_TEXT,
-        onMouseDown: onTargetMouseDown,
-        lock: selectable !== "target",
-        rowOffset: rowOffsetTgt
-      }
-    )));
+    viewRows = mergedData.rows.map(({ source: src, target: tgt }, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("tr", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_DiffCells.default,
+        {
+          width: "50%",
+          diffPrefixCls,
+          data: src,
+          emptyText: index === 0 && mergedData.sourceEmpty && EMPTY_TEXT,
+          onMouseDown: onSourceMouseDown,
+          lock: selectable !== "source",
+          rowOffset: rowOffsetSrc
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_DiffCells.default,
+        {
+          width: "50%",
+          diffPrefixCls,
+          data: tgt,
+          emptyText: index === 0 && mergedData.targetEmpty && EMPTY_TEXT,
+          onMouseDown: onTargetMouseDown,
+          lock: selectable !== "target",
+          rowOffset: rowOffsetTgt
+        }
+      )
+    ] }, index));
   } else {
     viewRows = diffData.sourceRows.map((src, index) => {
-      return /* @__PURE__ */ import_react.default.createElement("tr", { key: index }, /* @__PURE__ */ import_react.default.createElement(
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_DiffCells.default,
         {
           width: "100%",
@@ -267,12 +271,12 @@ var DiffView = ({
           data: src ?? diffData.targetRows[index],
           rowOffset: rowOffsetTgt
         }
-      ));
+      ) }, index);
     });
   }
   const codeRef = import_react.default.useRef();
   (0, import_useKeyDownCopyEvent.useKeyDownCopyEvent)(codeRef);
-  return /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "div",
     {
       style: {
@@ -289,9 +293,9 @@ var DiffView = ({
           [`${diffPrefixCls}-split`]: split
         },
         className
-      )
-    },
-    /* @__PURE__ */ import_react.default.createElement("table", null, /* @__PURE__ */ import_react.default.createElement("tbody", null, viewRows))
+      ),
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("table", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tbody", { children: viewRows }) })
+    }
   );
 };
 var DiffView_default = DiffView;

package/lib/Highlight/HighlightCell.js

@@ -33,7 +33,7 @@ __export(HighlightCell_exports, {
 });
 module.exports = __toCommonJS(HighlightCell_exports);
 var import_classnames = __toESM(require("classnames"));
-var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 function HighlightCell({
   prefixCls,
   theme,
@@ -46,13 +46,16 @@ function HighlightCell({
   hashId
 }) {
   const rowIndex = data == null ? void 0 : data.index;
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, lineNumber ? /* @__PURE__ */ React.createElement("td", { className: (0, import_classnames.default)(`${prefixCls}-${theme}-index`, `${prefixCls}-index`, hashId) }, rowIndex) : null, /* @__PURE__ */ React.createElement(
-    "td",
-    {
-      onMouseDown,
-      style: { width, userSelect: lock ? "none" : void 0 },
-      className: (0, import_classnames.default)(`${prefixCls}-content`, hashId),
-      dangerouslySetInnerHTML: { __html: (data == null ? void 0 : data.value) ?? (emptyText || "") }
-    }
-  ));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    lineNumber ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { className: (0, import_classnames.default)(`${prefixCls}-${theme}-index`, `${prefixCls}-index`, hashId), children: rowIndex }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "td",
+      {
+        onMouseDown,
+        style: { width, userSelect: lock ? "none" : void 0 },
+        className: (0, import_classnames.default)(`${prefixCls}-content`, hashId),
+        dangerouslySetInnerHTML: { __html: (data == null ? void 0 : data.value) ?? (emptyText || "") }
+      }
+    )
+  ] });
 }

package/lib/Highlight/JsonView.js

@@ -33,12 +33,13 @@ __export(JsonView_exports, {
 });
 module.exports = __toCommonJS(JsonView_exports);
 var import_classnames = __toESM(require("classnames"));
-var import_react = __toESM(require("react"));
+var import_react = require("react");
 var import_react_json_view = __toESM(require("react-json-view"));
 var import_util = require("../_util");
 var import__ = require(".");
 var import_useKeyDownCopyEvent = require("./useKeyDownCopyEvent");
 var import_index = require("./index.less");
+var import_jsx_runtime = require("react/jsx-runtime");
 var JsonView_default = ({
   json,
   theme,
@@ -53,7 +54,7 @@ var JsonView_default = ({
   const isDarkTheme = theme === import__.THEME_DARK;
   const codeRef = (0, import_react.useRef)();
   (0, import_useKeyDownCopyEvent.useKeyDownCopyEvent)(codeRef);
-  return /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "div",
     {
       style,
@@ -66,18 +67,18 @@ var JsonView_default = ({
           [`${prefixCls}-light`]: !isDarkTheme
         },
         className
+      ),
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_react_json_view.default,
+        {
+          enableClipboard: copyable && onCopyChange,
+          src: json,
+          theme: isDarkTheme ? "ocean" : void 0,
+          displayDataTypes: false,
+          style: { height },
+          name: false
+        }
       )
-    },
-    /* @__PURE__ */ import_react.default.createElement(
-      import_react_json_view.default,
-      {
-        enableClipboard: copyable && onCopyChange,
-        src: json,
-        theme: isDarkTheme ? "ocean" : void 0,
-        displayDataTypes: false,
-        style: { height },
-        name: false
-      }
-    )
+    }
   );
 };

package/lib/Highlight/index.d.ts

@@ -29,7 +29,7 @@ export declare const THEME_DARK = "dark";
 export declare const THEME_LIGHT = "light";
 declare const ThemeTypes: ["dark", "light"];
 export type ThemeType = (typeof ThemeTypes)[number];
-declare const supportedLanguages: ("css" | "json" | "jsx" | "tsx" | "ruby" | "javascript" | "typescript" | "groovy" | "java" | "python" | "bash" | "cpp" | "http" | "markdown" | "nginx" | "sql" | "xml" | "dockerfile" | "go" | "yaml" | "solidity")[];
+declare const supportedLanguages: ("ruby" | "css" | "json" | "jsx" | "tsx" | "javascript" | "typescript" | "groovy" | "java" | "python" | "bash" | "cpp" | "http" | "markdown" | "nginx" | "sql" | "xml" | "dockerfile" | "go" | "yaml" | "solidity")[];
 export type LanguageType = (typeof supportedLanguages)[number] | 'html';
 export interface HighlightProps extends LocaleWrapperProps {
     /**

package/lib/Highlight/index.js

@@ -70,6 +70,7 @@ var import_yaml = __toESM(require("./languages/yaml"));
 var import_zh_CN = __toESM(require("./locale/zh-CN"));
 var import_useKeyDownCopyEvent = require("./useKeyDownCopyEvent");
 var import_index = require("./index.less");
+var import_jsx_runtime = require("react/jsx-runtime");
 var languageMap = {
   javascript: import_javascript.default,
   typescript: import_typescript.default,
@@ -143,7 +144,7 @@ var Highlight = (props) => {
     }));
     setCodeBlock(
       rowList.map((src, index) => {
-        return /* @__PURE__ */ import_react.default.createElement("tr", { key: index }, /* @__PURE__ */ import_react.default.createElement(
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           import_HighlightCell.default,
           {
             lineNumber,
@@ -152,7 +153,7 @@ var Highlight = (props) => {
             theme,
             prefixCls
           }
-        ));
+        ) }, index);
       })
     );
   };
@@ -168,7 +169,7 @@ var Highlight = (props) => {
   };
   if (innerHTML) {
     customProps.dangerouslySetInnerHTML = { __html: children };
-    return /* @__PURE__ */ import_react.default.createElement("div", { ...customProps });
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ...customProps });
   }
   const CopyButton = () => {
     const [copyId, setCopyId] = (0, import_react.useState)();
@@ -178,7 +179,7 @@ var Highlight = (props) => {
       };
     });
     const [copied, setCopied] = (0, import_react.useState)(false);
-    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)(
       import_react_copy_to_clipboard.default,
       {
         text: children && children.length ? children : "",
@@ -190,35 +191,37 @@ var Highlight = (props) => {
             setCopied(false);
           }, 2e3);
           setCopyId(tempCopyId);
-        }
-      },
-      /* @__PURE__ */ import_react.default.createElement(
-        "button",
-        {
-          disabled: copied,
-          className: (0, import_classnames.default)(`${prefixCls}-copy`),
-          style: {
-            background: `${theme === THEME_DARK ? `#2b303b` : token.colorBgLayout}`
-          }
         },
-        /* @__PURE__ */ import_react.default.createElement(
-          import_icons.CopyOutlined,
-          {
-            className: (0, import_classnames.default)(`${prefixCls}-copy-icon`, { scoll: copied }),
-            style: { color: `${theme === THEME_DARK ? token.colorBgLayout : `#2b303b`}` }
-          }
-        ),
-        /* @__PURE__ */ import_react.default.createElement(
-          import_icons.CheckOutlined,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          "button",
           {
-            className: (0, import_classnames.default)(`${prefixCls}-copy-icon`),
-            style: { color: "rgb(63,177,99)" }
+            disabled: copied,
+            className: (0, import_classnames.default)(`${prefixCls}-copy`),
+            style: {
+              background: `${theme === THEME_DARK ? `#2b303b` : token.colorBgLayout}`
+            },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_icons.CopyOutlined,
+                {
+                  className: (0, import_classnames.default)(`${prefixCls}-copy-icon`, { scoll: copied }),
+                  style: { color: `${theme === THEME_DARK ? token.colorBgLayout : `#2b303b`}` }
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_icons.CheckOutlined,
+                {
+                  className: (0, import_classnames.default)(`${prefixCls}-copy-icon`),
+                  style: { color: "rgb(63,177,99)" }
+                }
+              )
+            ]
           }
         )
-      )
-    ));
+      }
+    ) });
   };
-  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.jsxs)(
     "pre",
     {
       ...customProps,
@@ -226,29 +229,31 @@ var Highlight = (props) => {
         ...customStyle,
         position: "relative"
       },
-      className: (0, import_classnames.default)(`${prefixCls}`, className, themeClass)
-    },
-    copyable && /* @__PURE__ */ import_react.default.createElement(CopyButton, null),
-    /* @__PURE__ */ import_react.default.createElement(
-      "table",
-      {
-        style: {
-          height
-        },
-        className: (0, import_classnames.default)(
-          `${theme === THEME_DARK ? `${prefixCls}-dark` : `${prefixCls}-light`}`
+      className: (0, import_classnames.default)(`${prefixCls}`, className, themeClass),
+      children: [
+        copyable && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CopyButton, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "table",
+          {
+            style: {
+              height
+            },
+            className: (0, import_classnames.default)(
+              `${theme === THEME_DARK ? `${prefixCls}-dark` : `${prefixCls}-light`}`
+            ),
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tbody", { children: codeBlock })
+          }
         )
-      },
-      /* @__PURE__ */ import_react.default.createElement("tbody", null, codeBlock)
-    )
-  ));
+      ]
+    }
+  ) });
 };
 var HighlightWrapper = (props) => {
   const { language, children } = props;
   if (language === "json" && children && typeof children === "object" && !import_react.default.isValidElement(children)) {
-    return /* @__PURE__ */ import_react.default.createElement(import_JsonView.default, { ...props, json: children });
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_JsonView.default, { ...props, json: children });
   }
-  return /* @__PURE__ */ import_react.default.createElement(Highlight, { ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Highlight, { ...props });
 };
 HighlightWrapper.Diff = import_DiffView.default;
 var Highlight_default = (0, import_LocaleWrapper.default)({

package/lib/IconFont/index.js

@@ -1,8 +1,6 @@
-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)
@@ -16,14 +14,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   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);
 
 // src/IconFont/index.tsx
@@ -32,10 +22,10 @@ __export(IconFont_exports, {
   default: () => IconFont_default
 });
 module.exports = __toCommonJS(IconFont_exports);
-var import_react = __toESM(require("react"));
 var import_iconfont = require("./font/iconfont.css");
+var import_jsx_runtime = require("react/jsx-runtime");
 var IconFont = (props) => {
   const { type, className, ...restProps } = props;
-  return /* @__PURE__ */ import_react.default.createElement("i", { className: `iconfont ${type} ${className}`, ...restProps });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("i", { className: `iconfont ${type} ${className}`, ...restProps });
 };
 var IconFont_default = IconFont;

package/lib/LightFilter/index.js

@@ -32,14 +32,15 @@ __export(LightFilter_exports, {
   default: () => LightFilter_default
 });
 module.exports = __toCommonJS(LightFilter_exports);
-var import_react = __toESM(require("react"));
+var import_react = require("react");
 var import_pro_components = require("@ant-design/pro-components");
 var import_design = require("@oceanbase/design");
 var import_style = __toESM(require("./style"));
+var import_jsx_runtime = require("react/jsx-runtime");
 function LightFilter({ prefixCls: customizePrefixCls, ...restProps }) {
   const { getPrefixCls } = (0, import_react.useContext)(import_design.ConfigProvider.ConfigContext);
   const prefixCls = getPrefixCls("pro-form-light-filter", customizePrefixCls);
   const { wrapSSR } = (0, import_style.default)(prefixCls);
-  return wrapSSR(/* @__PURE__ */ import_react.default.createElement(import_pro_components.LightFilter, { prefixCls: customizePrefixCls, ...restProps }));
+  return wrapSSR(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_pro_components.LightFilter, { prefixCls: customizePrefixCls, ...restProps }));
 }
 var LightFilter_default = LightFilter;