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

package/lib/SideTip/Dragger.js

@@ -35,6 +35,7 @@ module.exports = __toCommonJS(Dragger_exports);
 var import_classnames = __toESM(require("classnames"));
 var import_react = __toESM(require("react"));
 var import_utils = require("./utils");
+var import_jsx_runtime = require("react/jsx-runtime");
 var INIT_RIGHT = 32;
 var INIT_BOTTOM = 32;
 var Draggable = class extends import_react.default.Component {
@@ -245,7 +246,7 @@ var Draggable = class extends import_react.default.Component {
       [`${containerPrefix}-hide`]: hide,
       [`${containerPrefix}-hide-not-dragged`]: hide && !dragged
     });
-    return /* @__PURE__ */ import_react.default.createElement(
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       "div",
       {
         id,
@@ -254,9 +255,9 @@ var Draggable = class extends import_react.default.Component {
         onMouseEnter,
         onMouseLeave,
         style: hide ? { ...containerStyle, right: -width / 1.5 } : containerStyle,
-        className: containerClassName
-      },
-      children
+        className: containerClassName,
+        children
+      }
     );
   }
 };

package/lib/SideTip/IconLoading.js

@@ -32,9 +32,9 @@ __export(IconLoading_exports, {
   default: () => IconLoading_default
 });
 module.exports = __toCommonJS(IconLoading_exports);
-var import_react = __toESM(require("react"));
 var import_icons = __toESM(require("@oceanbase/icons"));
-var LoadingSvg = () => /* @__PURE__ */ import_react.default.createElement(
+var import_jsx_runtime = require("react/jsx-runtime");
+var LoadingSvg = () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
   "svg",
   {
     version: "1.1",
@@ -46,31 +46,31 @@ var LoadingSvg = () => /* @__PURE__ */ import_react.default.createElement(
     height: "1em",
     stroke: "currentColor",
     viewBox: "3 3 34 34",
-    preserveAspectRatio: "xMinYMin meet"
-  },
-  /* @__PURE__ */ import_react.default.createElement(
-    "path",
-    {
-      strokeWidth: "1",
-      strokeMiterlimit: "10",
-      d: "M5.203,20\n			c0-8.159,6.638-14.797,14.797-14.797V5C11.729,5,5,11.729,5,20s6.729,15,15,15v-0.203C11.841,34.797,5.203,28.159,5.203,20z",
-      transform: "rotate(278.217 20 20)"
-    },
-    /* @__PURE__ */ import_react.default.createElement(
-      "animateTransform",
+    preserveAspectRatio: "xMinYMin meet",
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "path",
       {
-        attributeName: "transform",
-        type: "rotate",
-        from: "0 20 20",
-        to: "360 20 20",
-        calcMode: "spline",
-        keySplines: "0.2, 0.2, 0.2, 0.2",
-        keyTimes: "0;1",
-        dur: "1.2s",
-        repeatCount: "indefinite"
+        strokeWidth: "1",
+        strokeMiterlimit: "10",
+        d: "M5.203,20\n			c0-8.159,6.638-14.797,14.797-14.797V5C11.729,5,5,11.729,5,20s6.729,15,15,15v-0.203C11.841,34.797,5.203,28.159,5.203,20z",
+        transform: "rotate(278.217 20 20)",
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "animateTransform",
+          {
+            attributeName: "transform",
+            type: "rotate",
+            from: "0 20 20",
+            to: "360 20 20",
+            calcMode: "spline",
+            keySplines: "0.2, 0.2, 0.2, 0.2",
+            keyTimes: "0;1",
+            dur: "1.2s",
+            repeatCount: "indefinite"
+          }
+        )
       }
     )
-  )
+  }
 );
-var iconLoading = (props) => /* @__PURE__ */ import_react.default.createElement(import_icons.default, { component: LoadingSvg, ...props });
+var iconLoading = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.default, { component: LoadingSvg, ...props });
 var IconLoading_default = iconLoading;

package/lib/SideTip/index.js

@@ -42,6 +42,7 @@ var import_Dragger = __toESM(require("./Dragger"));
 var import_IconLoading = __toESM(require("./IconLoading"));
 var import_zh_CN = __toESM(require("./locale/zh-CN"));
 var import_index = require("./index.less");
+var import_jsx_runtime = require("react/jsx-runtime");
 var STORE_SIDETIP_HIDE = "ob-sidetip-hide";
 var getLocalStorageKey = (id) => {
   return [`${STORE_SIDETIP_HIDE}`, id].join("-");
@@ -132,7 +133,7 @@ var SideTip = (props) => {
     typeCls && `${buttonPrefix}-icon-${typeCls}`,
     sizeCls && `${buttonPrefix}-icon-${sizeCls}`
   );
-  const iconDom = /* @__PURE__ */ import_react.default.createElement("span", { className: iconClassName }, import_react.default.isValidElement(icon) ? icon : /* @__PURE__ */ import_react.default.createElement("img", { src: icon, alt: "icon", width: "100%", height: "100%" }));
+  const iconDom = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: iconClassName, children: import_react.default.isValidElement(icon) ? icon : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", { src: icon, alt: "icon", width: "100%", height: "100%" }) });
   const closeClassName = (0, import_classnames.default)(`${buttonPrefix}-close`, {
     [`${buttonPrefix}-close-show`]: open || visible,
     [`${buttonPrefix}-close-${typeCls}`]: typeCls,
@@ -147,13 +148,19 @@ var SideTip = (props) => {
     [`${buttonPrefix}-loading-${typeCls}`]: typeCls,
     [`${buttonPrefix}-loading-${sizeCls}`]: sizeCls
   });
-  const InnerButton = /* @__PURE__ */ import_react.default.createElement("div", { className: buttonClassName, ref: buttonRef, style: buttonStyle }, loading && /* @__PURE__ */ import_react.default.createElement(import_IconLoading.default, { className: loadingClassName }), /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, iconDom, /* @__PURE__ */ import_react.default.createElement(import_icons.CloseOutlined, { className: closeClassName })));
-  const BadgeButton = badge ? /* @__PURE__ */ import_react.default.createElement(import_design.Badge, { offset: [-6, 6], ...badge }, InnerButton) : InnerButton;
+  const InnerButton = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: buttonClassName, ref: buttonRef, style: buttonStyle, children: [
+    loading && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_IconLoading.default, { className: loadingClassName }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+      iconDom,
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.CloseOutlined, { className: closeClassName })
+    ] })
+  ] });
+  const BadgeButton = badge ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design.Badge, { offset: [-6, 6], ...badge, children: InnerButton }) : InnerButton;
   const hideIconClassName = (0, import_classnames.default)(`${prefix}-hide`, {
     [`${prefix}-hide-hovered`]: hovered
   });
-  const hideIcon = /* @__PURE__ */ import_react.default.createElement("div", { id: "ui-mini-hide", onClick: hideSideTip, className: hideIconClassName }, /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}-hide-icon` }));
-  return /* @__PURE__ */ import_react.default.createElement(
+  const hideIcon = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { id: "ui-mini-hide", onClick: hideSideTip, className: hideIconClassName, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `${prefix}-hide-icon` }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     import_Dragger.default,
     {
       id,
@@ -171,11 +178,13 @@ var SideTip = (props) => {
       onDrag,
       getPopupContainer,
       className,
-      draggable
-    },
-    tooltip && tooltip.title ? /* @__PURE__ */ import_react.default.createElement(import_design.Tooltip, { ...tooltip, getPopupContainer: () => buttonRef.current }, BadgeButton) : BadgeButton,
-    hideable && hideIcon,
-    children
+      draggable,
+      children: [
+        tooltip && tooltip.title ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design.Tooltip, { ...tooltip, getPopupContainer: () => buttonRef.current, children: BadgeButton }) : BadgeButton,
+        hideable && hideIcon,
+        children
+      ]
+    }
   );
 };
 var SideTip_default = (0, import_LocaleWrapper.default)({

package/lib/TagSelect/Group.js

@@ -38,6 +38,7 @@ var import_react = __toESM(require("react"));
 var import_TagSelectContext = __toESM(require("./TagSelectContext"));
 var import_Item = __toESM(require("./Item"));
 var import_style = __toESM(require("./style"));
+var import_jsx_runtime = require("react/jsx-runtime");
 function toArray(value) {
   let res = value;
   if (value === void 0) {
@@ -106,21 +107,24 @@ var Group = ({
       return option;
     });
   }, [options]);
-  const childrenNode = options.length ? memoOptions.map((option) => /* @__PURE__ */ import_react.default.createElement(
+  const childrenNode = options.length ? memoOptions.map((option) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_Item.default,
     {
-      key: option.value.toString(),
       disabled: "disabled" in option ? option.disabled : restProps.disabled,
       value: option.value,
       onChange: option.onChange,
       style: option.style,
-      checked: value == null ? void 0 : value.includes(option.value)
+      checked: value == null ? void 0 : value.includes(option.value),
+      children: option.label
     },
-    option.label
+    option.value.toString()
   )) : children;
   const groupCls = (0, import_classnames.default)(`${prefix}-container`, hashId, className);
   return wrapSSR(
-    /* @__PURE__ */ import_react.default.createElement(import_TagSelectContext.default.Provider, { value: contextValue }, /* @__PURE__ */ import_react.default.createElement("div", { className: groupCls }, /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}-title` }, title), childrenNode))
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TagSelectContext.default.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: groupCls, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `${prefix}-title`, children: title }),
+      childrenNode
+    ] }) })
   );
 };
 var Group_default = Group;

package/lib/TagSelect/Item.js

@@ -39,6 +39,7 @@ var import_react = __toESM(require("react"));
 var import_style = __toESM(require("./style"));
 var import_util = require("../_util");
 var import_TagSelectContext = __toESM(require("./TagSelectContext"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var Item = ({
   children,
   handleChange,
@@ -81,28 +82,31 @@ var Item = ({
     }
   }, [tagSelectGroup.value, restProps.value]);
   const renderCover = () => {
-    return coverType === "string" ? /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-cover` }, /* @__PURE__ */ import_react.default.createElement("img", { src: cover, alt: "tagselect" })) : cover;
+    return coverType === "string" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `${prefixCls}-cover`, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", { src: cover, alt: "tagselect" }) }) : cover;
   };
   return wrapSSR(
-    /* @__PURE__ */ import_react.default.createElement("label", { className: wrapperClassName, style: restProps.style }, /* @__PURE__ */ import_react.default.createElement(
-      import_rc_checkbox.default,
-      {
-        ...restProps,
-        checked,
-        prefixCls,
-        onChange: (e) => {
-          if (!("checked" in restProps) && !Object.keys(tagSelectGroup).length) {
-            setChecked(e.target.checked);
-          }
-          if (onChange) {
-            onChange(e);
-          }
-          if (tagSelectGroup.handleValueChange) {
-            tagSelectGroup.handleValueChange(e.target.value);
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { className: wrapperClassName, style: restProps.style, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_rc_checkbox.default,
+        {
+          ...restProps,
+          checked,
+          prefixCls,
+          onChange: (e) => {
+            if (!("checked" in restProps) && !Object.keys(tagSelectGroup).length) {
+              setChecked(e.target.checked);
+            }
+            if (onChange) {
+              onChange(e);
+            }
+            if (tagSelectGroup.handleValueChange) {
+              tagSelectGroup.handleValueChange(e.target.value);
+            }
           }
         }
-      }
-    ), cover ? renderCover() : /* @__PURE__ */ import_react.default.createElement("span", null, children))
+      ),
+      cover ? renderCover() : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children })
+    ] })
   );
 };
 var Item_default = Item;

package/lib/TaskGraph/Graph.js

@@ -42,6 +42,7 @@ var import_LocaleWrapper = __toESM(require("../locale/LocaleWrapper"));
 var import_util2 = require("../_util");
 var import_zh_CN = __toESM(require("./locale/zh-CN"));
 var import_graph = require("./graph.less");
+var import_jsx_runtime = require("react/jsx-runtime");
 var { Text } = import_design.Typography;
 var prefix = (0, import_util2.getPrefix)("task-graph-item");
 var TaskGraph = class extends import_react.default.PureComponent {
@@ -225,34 +226,38 @@ var TaskGraph = class extends import_react.default.PureComponent {
       }
     ];
     const filterMenus = menus.filter((item) => operations.includes(item.value));
-    const menu = /* @__PURE__ */ import_react.default.createElement(import_design.Menu, { id: "menu", onClick: this.handleMenuClick, style: { left: -1500 } }, filterMenus.map(
-      (item) => item.value === "taskId" ? /* @__PURE__ */ import_react.default.createElement(
+    const menu = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design.Menu, { id: "menu", onClick: this.handleMenuClick, style: { left: -1500 }, children: filterMenus.map(
+      (item) => item.value === "taskId" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         "div",
         {
           className: `${prefix}-task-id-wrapper`,
-          style: filterMenus.length > 1 ? { borderBottom: "1px solid #e8e8e8" } : {}
-        },
-        /* @__PURE__ */ import_react.default.createElement(Text, { copyable: true }, `ID: ${currentSubTask && currentSubTask.id}`)
-      ) : /* @__PURE__ */ import_react.default.createElement(import_design.Menu.Item, { key: item.value }, item.label)
-    ));
-    return /* @__PURE__ */ import_react.default.createElement("div", null, this.graph && /* @__PURE__ */ import_react.default.createElement(import_GraphToolbar.default, { mode: "fixed", graph: this.graph }), /* @__PURE__ */ import_react.default.createElement(
-      "div",
-      {
-        id: "container",
-        ref: (node) => {
-          this.main = node;
+          style: filterMenus.length > 1 ? { borderBottom: "1px solid #e8e8e8" } : {},
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { copyable: true, children: `ID: ${currentSubTask && currentSubTask.id}` })
         }
-      }
-    ), /* @__PURE__ */ import_react.default.createElement(
-      import_design.Dropdown,
-      {
-        visible: true,
-        open: true,
-        overlay: menu,
-        overlayClassName: `${prefix}-menu`
-      },
-      /* @__PURE__ */ import_react.default.createElement("span", null)
-    ));
+      ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design.Menu.Item, { children: item.label }, item.value)
+    ) });
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+      this.graph && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_GraphToolbar.default, { mode: "fixed", graph: this.graph }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "div",
+        {
+          id: "container",
+          ref: (node) => {
+            this.main = node;
+          }
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_design.Dropdown,
+        {
+          visible: true,
+          open: true,
+          overlay: menu,
+          overlayClassName: `${prefix}-menu`,
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {})
+        }
+      )
+    ] });
   }
 };
 var Graph_default = (0, import_LocaleWrapper.default)({

package/lib/TaskGraph/index.js

@@ -35,13 +35,14 @@ module.exports = __toCommonJS(TaskGraph_exports);
 var import_icons = require("@oceanbase/icons");
 var import_design = require("@oceanbase/design");
 var import_lodash = require("lodash");
-var import_react = __toESM(require("react"));
+var import_react = require("react");
 var import_react_split_pane = __toESM(require("react-split-pane"));
 var import_LocaleWrapper = __toESM(require("../locale/LocaleWrapper"));
 var import_util = require("../_util");
 var import_Graph = __toESM(require("./Graph"));
 var import_index = require("./index.less");
 var import_zh_CN = __toESM(require("./locale/zh-CN"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var { TabPane } = import_design.Tabs;
 var MIN_SIZE = 56;
 var DEFAULT_SIZE = 240;
@@ -84,7 +85,7 @@ var TaskGraph = ({
       onTabsEdit(targetKey, action);
     }
   }
-  return /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     import_react_split_pane.default,
     {
       split: "horizontal",
@@ -100,62 +101,67 @@ var TaskGraph = ({
           setCollapsed(false);
         }
       },
-      className: `${prefix}-split-pane`
-    },
-    /* @__PURE__ */ import_react.default.createElement("div", { style: { position: "absolute", width: "100%" } }, /* @__PURE__ */ import_react.default.createElement(
-      import_Graph.default,
-      {
-        onLogAdd: (subTask) => {
-          const isExisted = (0, import_lodash.find)(panes, (item) => item.id === subTask.id);
-          if (!isExisted) {
-            setPanes([...panes, subTask]);
-          }
-          setCollapsed(false);
-          if (size === MIN_SIZE) {
-            setSize(DEFAULT_SIZE);
-          }
-          setActiveKey(subTask && `${subTask.id}`);
-        },
-        ...restProps
-      }
-    )),
-    /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}-tabs-wrapper` }, /* @__PURE__ */ import_react.default.createElement(
-      import_design.Tabs,
-      {
-        type: "editable-card",
-        hideAdd: true,
-        activeKey,
-        onChange: (key) => {
-          setActiveKey(key);
-          if (onTabsChange) {
-            onTabsChange(key);
-          }
-        },
-        onEdit: handleEditLogWindow,
-        tabBarExtraContent: collapsed ? /* @__PURE__ */ import_react.default.createElement(
-          import_icons.UpOutlined,
+      className: `${prefix}-split-pane`,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { position: "absolute", width: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_Graph.default,
           {
-            onClick: () => {
-              setCollapsed(!collapsed);
+            onLogAdd: (subTask) => {
+              const isExisted = (0, import_lodash.find)(panes, (item) => item.id === subTask.id);
+              if (!isExisted) {
+                setPanes([...panes, subTask]);
+              }
+              setCollapsed(false);
               if (size === MIN_SIZE) {
                 setSize(DEFAULT_SIZE);
               }
-            }
+              setActiveKey(subTask && `${subTask.id}`);
+            },
+            ...restProps
           }
-        ) : /* @__PURE__ */ import_react.default.createElement(
-          import_icons.DownOutlined,
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `${prefix}-tabs-wrapper`, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_design.Tabs,
           {
-            onClick: () => {
-              setCollapsed(!collapsed);
-              if (size === MIN_SIZE) {
-                setSize(DEFAULT_SIZE);
+            type: "editable-card",
+            hideAdd: true,
+            activeKey,
+            onChange: (key) => {
+              setActiveKey(key);
+              if (onTabsChange) {
+                onTabsChange(key);
+              }
+            },
+            onEdit: handleEditLogWindow,
+            tabBarExtraContent: collapsed ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_icons.UpOutlined,
+              {
+                onClick: () => {
+                  setCollapsed(!collapsed);
+                  if (size === MIN_SIZE) {
+                    setSize(DEFAULT_SIZE);
+                  }
+                }
               }
-            }
+            ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_icons.DownOutlined,
+              {
+                onClick: () => {
+                  setCollapsed(!collapsed);
+                  if (size === MIN_SIZE) {
+                    setSize(DEFAULT_SIZE);
+                  }
+                }
+              }
+            ),
+            children: panes.map((item) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(TabPane, { tab: `${item.name} (ID: ${item.id})`, children: [
+              logLoading && item.status !== "RUNNING" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design.Spin, {}) : subTaskLog,
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design.Spin, { spinning: item.status === "RUNNING" })
+            ] }, `${item.id}`))
           }
-        )
-      },
-      panes.map((item) => /* @__PURE__ */ import_react.default.createElement(TabPane, { key: `${item.id}`, tab: `${item.name} (ID: ${item.id})` }, logLoading && item.status !== "RUNNING" ? /* @__PURE__ */ import_react.default.createElement(import_design.Spin, null) : subTaskLog, /* @__PURE__ */ import_react.default.createElement(import_design.Spin, { spinning: item.status === "RUNNING" })))
-    ))
+        ) })
+      ]
+    }
   );
 };
 var TaskGraph_default = (0, import_LocaleWrapper.default)({

package/lib/TreeSearch/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/TreeSearch/index.tsx
@@ -34,8 +24,9 @@ __export(TreeSearch_exports, {
 module.exports = __toCommonJS(TreeSearch_exports);
 var import_icons = require("@oceanbase/icons");
 var import_design = require("@oceanbase/design");
-var import_react = __toESM(require("react"));
+var import_react = require("react");
 var import_util = require("./util");
+var import_jsx_runtime = require("react/jsx-runtime");
 var TreeSearch_default = (0, import_react.forwardRef)(
   ({
     treeData = [],
@@ -107,29 +98,33 @@ var TreeSearch_default = (0, import_react.forwardRef)(
     };
     const treeHeight = innerHeight ? innerHeight - (32 + 12 * 2 + 1) : 0;
     const defaultSearchStyle = { padding: "0 12px" };
-    return /* @__PURE__ */ import_react.default.createElement("div", { ref: treeWrapperDOM, style: { width, height: height ?? "100%" } }, /* @__PURE__ */ import_react.default.createElement(
-      import_design.Form,
-      {
-        form,
-        onValuesChange: onSearch,
-        style: Object.assign(defaultSearchStyle, searchStyle)
-      },
-      /* @__PURE__ */ import_react.default.createElement(import_design.Form.Item, { noStyle: true, name: "searchKey" }, /* @__PURE__ */ import_react.default.createElement(import_design.Input, { "data-testid": "search", prefix: /* @__PURE__ */ import_react.default.createElement(import_icons.SearchOutlined, null) }))
-    ), /* @__PURE__ */ import_react.default.createElement(import_design.Divider, { style: { margin: "12px 0" } }), searchData.length !== 0 ? /* @__PURE__ */ import_react.default.createElement(
-      import_design.Tree,
-      {
-        height: treeHeight,
-        showIcon: true,
-        checkable,
-        blockNode: true,
-        selectable: false,
-        checkedKeys,
-        onCheck,
-        titleRender,
-        defaultExpandAll,
-        treeData: form.getFieldValue("searchKey") ? searchData : memoTreeData,
-        loadData
-      }
-    ) : /* @__PURE__ */ import_react.default.createElement(import_design.Empty, { image: import_design.Empty.PRESENTED_IMAGE_SIMPLE }));
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { ref: treeWrapperDOM, style: { width, height: height ?? "100%" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_design.Form,
+        {
+          form,
+          onValuesChange: onSearch,
+          style: Object.assign(defaultSearchStyle, searchStyle),
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design.Form.Item, { noStyle: true, name: "searchKey", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design.Input, { "data-testid": "search", prefix: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.SearchOutlined, {}) }) })
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design.Divider, { style: { margin: "12px 0" } }),
+      searchData.length !== 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_design.Tree,
+        {
+          height: treeHeight,
+          showIcon: true,
+          checkable,
+          blockNode: true,
+          selectable: false,
+          checkedKeys,
+          onCheck,
+          titleRender,
+          defaultExpandAll,
+          treeData: form.getFieldValue("searchKey") ? searchData : memoTreeData,
+          loadData
+        }
+      ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design.Empty, { image: import_design.Empty.PRESENTED_IMAGE_SIMPLE })
+    ] });
   }
 );