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

package/lib/Dialog/Anchor.js

@@ -35,6 +35,7 @@ module.exports = __toCommonJS(Anchor_exports);
 var import_react = __toESM(require("react"));
 var import_util = require("../_util");
 var import_EventProxy = require("./EventProxy");
+var import_jsx_runtime = require("react/jsx-runtime");
 var prefix = (0, import_util.getPrefix)("dialog");
 var Anchor = class extends import_react.default.Component {
   constructor() {
@@ -89,15 +90,17 @@ var Anchor = class extends import_react.default.Component {
   }
   render() {
     const { children, style, dock } = this.props;
-    return /* @__PURE__ */ import_react.default.createElement(
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
       "div",
       {
         className: `${prefix}-anchor`,
         style: { ...style, ...dock == null ? void 0 : dock.style },
-        onPointerDown: this.onDragStart
-      },
-      /* @__PURE__ */ import_react.default.createElement(import_EventProxy.EventProxy, { onPointerMove: this.onDragMove, onPointerUp: this.onDragEnd }),
-      children
+        onPointerDown: this.onDragStart,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_EventProxy.EventProxy, { onPointerMove: this.onDragMove, onPointerUp: this.onDragEnd }),
+          children
+        ]
+      }
     );
   }
 };

package/lib/Dialog/EventProxy.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/Dialog/EventProxy.tsx
@@ -33,7 +23,8 @@ __export(EventProxy_exports, {
 });
 module.exports = __toCommonJS(EventProxy_exports);
 var import_lodash = require("lodash");
-var import_react = __toESM(require("react"));
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
 var EventProxy = (props) => {
   const handlers = (0, import_react.useMemo)(() => {
     return Object.entries(props).reduce((list, [name, handler]) => {
@@ -61,7 +52,7 @@ var EventProxy = (props) => {
       unbind();
     };
   }, [bind, unbind]);
-  return /* @__PURE__ */ import_react.default.createElement("div", { id: "event-proxy" });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { id: "event-proxy" });
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/lib/Dialog/index.js

@@ -42,6 +42,7 @@ var import_Dock = require("./Dock");
 var import_EventProxy = require("./EventProxy");
 var import_zh_CN = __toESM(require("./locale/zh-CN"));
 var import_index = require("./index.less");
+var import_jsx_runtime = require("react/jsx-runtime");
 var prefix = (0, import_util.getPrefix)("dialog");
 var DEFAULT_LEFT = 0.1;
 var DEFAULT_TOP = 0.1;
@@ -306,71 +307,83 @@ var _DialogComp = class extends import_react.default.PureComponent {
       ...minimize ? { boxShadow: "0 2px 20px 0 rgba(4, 1, 30, 0.07)" } : {},
       ...isEmbed ? { cursor: "initial" } : {}
     };
-    return /* @__PURE__ */ import_react.default.createElement(
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
       "header",
       {
         className: `${prefix}-header`,
         style,
         onPointerDown: this.onDragStart,
-        onDoubleClick: this.toggleMaximization
-      },
-      /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefix}-title` }, title || locale.helpDocument),
-      this.renderControls()
+        onDoubleClick: this.toggleMaximization,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: `${prefix}-title`, children: title || locale.helpDocument }),
+          this.renderControls()
+        ]
+      }
     );
   }
   renderControlLink() {
     const { extLink } = this.props;
-    return /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefix}-item` }, /* @__PURE__ */ import_react.default.createElement(
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: `${prefix}-item`, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       "a",
       {
         className: `${prefix}-item-link`,
         href: extLink == null ? void 0 : extLink.link,
         target: "_blank",
-        rel: "noopener noreferrer"
-      },
-      /* @__PURE__ */ import_react.default.createElement(
-        "svg",
-        {
-          className: "icon",
-          viewBox: "0 0 1024 1024",
-          version: "1.1",
-          xmlns: "http://www.w3.org/2000/svg",
-          width: "16",
-          height: "16"
-        },
-        /* @__PURE__ */ import_react.default.createElement(
-          "path",
+        rel: "noopener noreferrer",
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "svg",
           {
-            d: "M880.0256 912.0256H144.0256a31.9488 31.9488 0 0 1-32.0512-32V144.0256c0-17.7152 14.336-32.0512 32.0512-32.0512h359.936c4.4544 0 8.0384 3.584 8.0384 8.0384v56.0128c0 4.352-3.584 7.9872-7.9872 7.9872h-320v655.9744h655.9744v-320c0-4.4032 3.584-7.9872 8.0384-7.9872h55.9616c4.4032 0 8.0384 3.584 8.0384 7.9872v359.9872c0 17.7152-14.336 32-32 32zM770.8672 199.1168l-52.224-52.224a8.0384 8.0384 0 0 1 4.7104-13.568l179.4048-20.992c5.12-0.6144 9.5232 3.6864 8.9088 8.9088l-20.992 179.4048a8.0384 8.0384 0 0 1-13.6192 4.6592L824.6784 252.928l-256.2048 256.2048c-3.072 3.072-8.192 3.072-11.264 0l-42.4448-42.3936a8.0384 8.0384 0 0 1 0-11.264l256.1024-256.3584z"
+            className: "icon",
+            viewBox: "0 0 1024 1024",
+            version: "1.1",
+            xmlns: "http://www.w3.org/2000/svg",
+            width: "16",
+            height: "16",
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "path",
+              {
+                d: "M880.0256 912.0256H144.0256a31.9488 31.9488 0 0 1-32.0512-32V144.0256c0-17.7152 14.336-32.0512 32.0512-32.0512h359.936c4.4544 0 8.0384 3.584 8.0384 8.0384v56.0128c0 4.352-3.584 7.9872-7.9872 7.9872h-320v655.9744h655.9744v-320c0-4.4032 3.584-7.9872 8.0384-7.9872h55.9616c4.4032 0 8.0384 3.584 8.0384 7.9872v359.9872c0 17.7152-14.336 32-32 32zM770.8672 199.1168l-52.224-52.224a8.0384 8.0384 0 0 1 4.7104-13.568l179.4048-20.992c5.12-0.6144 9.5232 3.6864 8.9088 8.9088l-20.992 179.4048a8.0384 8.0384 0 0 1-13.6192 4.6592L824.6784 252.928l-256.2048 256.2048c-3.072 3.072-8.192 3.072-11.264 0l-42.4448-42.3936a8.0384 8.0384 0 0 1 0-11.264l256.1024-256.3584z"
+              }
+            )
           }
         )
-      )
-    ));
+      }
+    ) });
   }
   renderControls() {
     const { maximization, minimize } = this.state;
     const { enableMaximization, isEmbed } = this.props;
     if (isEmbed) {
-      return /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefix}-controls` }, this.renderControlLink(), /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefix}-item`, onClick: this.onClose }, /* @__PURE__ */ import_react.default.createElement(import_icons.CloseOutlined, null)));
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: `${prefix}-controls`, children: [
+        this.renderControlLink(),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: `${prefix}-item`, onClick: this.onClose, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.CloseOutlined, {}) })
+      ] });
     }
-    return /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefix}-controls` }, this.renderControlLink(), /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefix}-item`, onClick: this.toggleMinimize }, minimize ? /* @__PURE__ */ import_react.default.createElement(import_icons.ExpandAltOutlined, null) : /* @__PURE__ */ import_react.default.createElement(import_icons.MinusOutlined, null)), enableMaximization && /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefix}-item`, onClick: this.toggleMaximization }, maximization ? /* @__PURE__ */ import_react.default.createElement(import_icons.FullscreenExitOutlined, null) : /* @__PURE__ */ import_react.default.createElement(import_icons.FullscreenOutlined, null)), /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefix}-item`, onClick: this.onClose }, /* @__PURE__ */ import_react.default.createElement(import_icons.CloseOutlined, null)));
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: `${prefix}-controls`, children: [
+      this.renderControlLink(),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: `${prefix}-item`, onClick: this.toggleMinimize, children: minimize ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.ExpandAltOutlined, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.MinusOutlined, {}) }),
+      enableMaximization && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: `${prefix}-item`, onClick: this.toggleMaximization, children: maximization ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.FullscreenExitOutlined, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.FullscreenOutlined, {}) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: `${prefix}-item`, onClick: this.onClose, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.CloseOutlined, {}) })
+    ] });
   }
   renderContent() {
     const { children } = this.props;
-    return /* @__PURE__ */ import_react.default.createElement(
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
       "main",
       {
         className: `${prefix}-main`,
-        style: this.state.minimize ? { visibility: "hidden" } : {}
-      },
-      this.renderMask(),
-      children
+        style: this.state.minimize ? { visibility: "hidden" } : {},
+        children: [
+          this.renderMask(),
+          children
+        ]
+      }
     );
   }
   renderMask() {
     if (!this.hasMask)
       return;
-    return /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}-mask` });
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `${prefix}-mask` });
   }
   // 将比例转换为绝对数值，各个端的渲染依据视口大小会有不同
   getCompatAbsPostion(info) {
@@ -416,19 +429,21 @@ var _DialogComp = class extends import_react.default.PureComponent {
   renderDialog() {
     const style = this.getStyle();
     const { className, isEmbed } = this.props;
-    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
       "div",
       {
         className: `${prefix}-container ${className} ${isEmbed ? `${prefix}-container-embed` : ""}`,
         style,
-        ...this.state.minimize ? {} : { tabIndex: 0 }
-      },
-      this.renderHeader(),
-      this.renderContent(),
-      isEmbed ? this.renderEmbedBorders() : this.renderBorders(),
-      /* @__PURE__ */ import_react.default.createElement(import_EventProxy.EventProxy, { onPointerMove: this.onDragMove, onPointerUp: this.onDragEnd }),
-      /* @__PURE__ */ import_react.default.createElement(import_EventProxy.EventProxy, { onPointerUp: this.detectPointUp })
-    ));
+        ...this.state.minimize ? {} : { tabIndex: 0 },
+        children: [
+          this.renderHeader(),
+          this.renderContent(),
+          isEmbed ? this.renderEmbedBorders() : this.renderBorders(),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_EventProxy.EventProxy, { onPointerMove: this.onDragMove, onPointerUp: this.onDragEnd }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_EventProxy.EventProxy, { onPointerUp: this.detectPointUp })
+        ]
+      }
+    ) });
   }
   /**
    * width，height 是否在最大最小值的范围内
@@ -460,7 +475,7 @@ var _DialogComp = class extends import_react.default.PureComponent {
     return result;
   }
   renderEmbedBorders() {
-    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_Anchor.Anchor,
       {
         dock: import_Dock.Dock.left,
@@ -468,79 +483,88 @@ var _DialogComp = class extends import_react.default.PureComponent {
         onMove: this.onResizeMove,
         onEnd: this.onResizeEnd
       }
-    ));
+    ) });
   }
   renderBorders() {
-    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
-      import_Anchor.Anchor,
-      {
-        dock: import_Dock.Dock.top,
-        onStart: this.onResizeStart,
-        onMove: this.onResizeMove,
-        onEnd: this.onResizeEnd
-      }
-    ), /* @__PURE__ */ import_react.default.createElement(
-      import_Anchor.Anchor,
-      {
-        dock: import_Dock.Dock.right,
-        onStart: this.onResizeStart,
-        onMove: this.onResizeMove,
-        onEnd: this.onResizeEnd
-      }
-    ), /* @__PURE__ */ import_react.default.createElement(
-      import_Anchor.Anchor,
-      {
-        dock: import_Dock.Dock.bottom,
-        onStart: this.onResizeStart,
-        onMove: this.onResizeMove,
-        onEnd: this.onResizeEnd
-      }
-    ), /* @__PURE__ */ import_react.default.createElement(
-      import_Anchor.Anchor,
-      {
-        dock: import_Dock.Dock.left,
-        onStart: this.onResizeStart,
-        onMove: this.onResizeMove,
-        onEnd: this.onResizeEnd
-      }
-    ), /* @__PURE__ */ import_react.default.createElement(
-      import_Anchor.Anchor,
-      {
-        dock: import_Dock.Dock.topLeft,
-        onStart: this.onResizeStart,
-        onMove: this.onResizeMove,
-        onEnd: this.onResizeEnd
-      }
-    ), /* @__PURE__ */ import_react.default.createElement(
-      import_Anchor.Anchor,
-      {
-        dock: import_Dock.Dock.topRight,
-        onStart: this.onResizeStart,
-        onMove: this.onResizeMove,
-        onEnd: this.onResizeEnd
-      }
-    ), /* @__PURE__ */ import_react.default.createElement(
-      import_Anchor.Anchor,
-      {
-        dock: import_Dock.Dock.bottomLeft,
-        onStart: this.onResizeStart,
-        onMove: this.onResizeMove,
-        onEnd: this.onResizeEnd
-      }
-    ), /* @__PURE__ */ import_react.default.createElement(
-      import_Anchor.Anchor,
-      {
-        dock: import_Dock.Dock.bottomRight,
-        onStart: this.onResizeStart,
-        onMove: this.onResizeMove,
-        onEnd: this.onResizeEnd
-      }
-    ));
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react.default.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_Anchor.Anchor,
+        {
+          dock: import_Dock.Dock.top,
+          onStart: this.onResizeStart,
+          onMove: this.onResizeMove,
+          onEnd: this.onResizeEnd
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_Anchor.Anchor,
+        {
+          dock: import_Dock.Dock.right,
+          onStart: this.onResizeStart,
+          onMove: this.onResizeMove,
+          onEnd: this.onResizeEnd
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_Anchor.Anchor,
+        {
+          dock: import_Dock.Dock.bottom,
+          onStart: this.onResizeStart,
+          onMove: this.onResizeMove,
+          onEnd: this.onResizeEnd
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_Anchor.Anchor,
+        {
+          dock: import_Dock.Dock.left,
+          onStart: this.onResizeStart,
+          onMove: this.onResizeMove,
+          onEnd: this.onResizeEnd
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_Anchor.Anchor,
+        {
+          dock: import_Dock.Dock.topLeft,
+          onStart: this.onResizeStart,
+          onMove: this.onResizeMove,
+          onEnd: this.onResizeEnd
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_Anchor.Anchor,
+        {
+          dock: import_Dock.Dock.topRight,
+          onStart: this.onResizeStart,
+          onMove: this.onResizeMove,
+          onEnd: this.onResizeEnd
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_Anchor.Anchor,
+        {
+          dock: import_Dock.Dock.bottomLeft,
+          onStart: this.onResizeStart,
+          onMove: this.onResizeMove,
+          onEnd: this.onResizeEnd
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_Anchor.Anchor,
+        {
+          dock: import_Dock.Dock.bottomRight,
+          onStart: this.onResizeStart,
+          onMove: this.onResizeMove,
+          onEnd: this.onResizeEnd
+        }
+      )
+    ] });
   }
   render() {
     const { visible, isEmbed } = this.props;
     if (!visible && !isEmbed)
-      return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null);
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.default.Fragment, {});
     return (0, import_react_dom.createPortal)(this.renderDialog(), _DialogComp.container);
   }
 };

package/lib/DocDialog/index.js

@@ -33,10 +33,11 @@ __export(DocDialog_exports, {
 });
 module.exports = __toCommonJS(DocDialog_exports);
 var import_lodash = require("lodash");
-var import_react = __toESM(require("react"));
+var import_react = require("react");
 var import_Dialog = __toESM(require("../Dialog"));
 var import_LocaleWrapper = __toESM(require("../locale/LocaleWrapper"));
 var import_zh_CN = __toESM(require("./locale/zh-CN"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var DEFAULT_EMBDED_WIDTH = 0.4;
 var MAX_EMBED_WIDTH = 0.5;
 var MIN_EMBED_WIDTH = 0.3;
@@ -126,7 +127,7 @@ var DocDialogComp = (props) => {
     setRootWidth,
     setVisible
   ]);
-  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_Dialog.default, { ...DialogProps }, /* @__PURE__ */ import_react.default.createElement("iframe", { src: currentLink })));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Dialog.default, { ...DialogProps, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("iframe", { src: currentLink }) }) });
 };
 var DocDialog_default = (0, import_LocaleWrapper.default)({
   componentName: "DocDialog",

package/lib/FooterToolbar/index.js

@@ -32,10 +32,11 @@ __export(FooterToolbar_exports, {
   default: () => FooterToolbar_default
 });
 module.exports = __toCommonJS(FooterToolbar_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");
 var FooterToolbar = ({
   // render footer under parent instead of body by default
   portalDom = false,
@@ -46,7 +47,7 @@ var FooterToolbar = ({
   const prefixCls = getPrefixCls("pro-footer-bar", customizePrefixCls);
   const { wrapSSR } = (0, import_style.default)(prefixCls);
   return wrapSSR(
-    /* @__PURE__ */ import_react.default.createElement(import_pro_components.FooterToolbar, { portalDom, prefixCls: customizePrefixCls, ...restProps })
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_pro_components.FooterToolbar, { portalDom, prefixCls: customizePrefixCls, ...restProps })
   );
 };
 var FooterToolbar_default = FooterToolbar;

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

@@ -1,8 +1,6 @@
 /// <reference types="react" />
-import type { CSSObject } from '@ant-design/cssinjs';
 import type { FooterToolBarToken } from '@ant-design/pro-layout/es/components/FooterToolbar/style';
 import type { GenerateStyle } from '@oceanbase/design/es/theme';
-export declare const genCompactStyle: (componentCls: string, subComponentCls?: string) => CSSObject;
 export declare const genFooterToolbarStyle: GenerateStyle<FooterToolBarToken>;
 declare const _default: (prefixCls: string) => {
     wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;

package/lib/FooterToolbar/style/index.js

@@ -20,26 +20,10 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var style_exports = {};
 __export(style_exports, {
   default: () => style_default,
-  genCompactStyle: () => genCompactStyle,
   genFooterToolbarStyle: () => genFooterToolbarStyle
 });
 module.exports = __toCommonJS(style_exports);
 var import_genComponentStyleHook = require("../../_util/genComponentStyleHook");
-var genCompactStyle = (componentCls, subComponentCls = "") => {
-  return {
-    [`&${componentCls}-compact-item:not(${componentCls}-compact-last-item)${componentCls}-compact-first-item ${subComponentCls}`]: {
-      borderStartEndRadius: 0,
-      borderEndEndRadius: 0
-    },
-    [`&${componentCls}-compact-item:not(${componentCls}-compact-first-item):not(${componentCls}-compact-last-item) ${subComponentCls}`]: {
-      borderRadius: 0
-    },
-    [`&${componentCls}-compact-item:not(${componentCls}-compact-first-item)${componentCls}-compact-last-item ${subComponentCls}`]: {
-      borderStartStartRadius: 0,
-      borderEndStartRadius: 0
-    }
-  };
-};
 var genFooterToolbarStyle = (token) => {
   const { componentCls, colorBgBase, borderRadius, boxShadowSecondary, controlHeightLG } = token;
   return {
@@ -60,6 +44,5 @@ var style_default = (prefixCls) => {
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  genCompactStyle,
   genFooterToolbarStyle
 });

package/lib/FullscreenBox/index.js

@@ -40,6 +40,7 @@ var import_LocaleWrapper = __toESM(require("../locale/LocaleWrapper"));
 var import_util = require("../_util");
 var import_zh_CN = __toESM(require("./locale/zh-CN"));
 var import_index = require("./index.less");
+var import_jsx_runtime = require("react/jsx-runtime");
 var prefix = (0, import_util.getPrefix)("fullscreen-box");
 var FullscreenBox = import_react.default.forwardRef(
   ({ style, header, className, defaultMode, children, onChange }, ref) => {
@@ -90,7 +91,7 @@ var FullscreenBox = import_react.default.forwardRef(
         changeFullscreen(fullscreen);
       }
     }));
-    const icon = innerFullscreen ? /* @__PURE__ */ import_react.default.createElement(import_icons.FullscreenExitOutlined, { className: `${prefix}-header-icon`, onClick: toggleFullscreen }) : /* @__PURE__ */ import_react.default.createElement(import_icons.FullscreenOutlined, { className: `${prefix}-header-icon`, onClick: toggleFullscreen });
+    const icon = innerFullscreen ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.FullscreenExitOutlined, { className: `${prefix}-header-icon`, onClick: toggleFullscreen }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.FullscreenOutlined, { className: `${prefix}-header-icon`, onClick: toggleFullscreen });
     if (innerFullscreen) {
       document.body.classList.add(`${prefix}-body-overflow-hidden`);
     } else {
@@ -106,19 +107,27 @@ var FullscreenBox = import_react.default.forwardRef(
     } else {
       const title = isStringHeader ? header : isComplexHeader && header.title;
       const extra = isComplexHeader && header.extra;
-      headerContent = /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}-header`, "data-testid": "header" }, /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}-header-left` }, icon, title && /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefix}-header-title ` }, title)), isComplexHeader && extra && /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}-header-extra` }, extra));
+      headerContent = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: `${prefix}-header`, "data-testid": "header", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: `${prefix}-header-left`, children: [
+          icon,
+          title && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: `${prefix}-header-title `, children: title })
+        ] }),
+        isComplexHeader && extra && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `${prefix}-header-extra`, children: extra })
+      ] });
     }
-    return /* @__PURE__ */ import_react.default.createElement(
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
       "div",
       {
         ref: containerRef,
         style,
         className: (0, import_classnames.default)(prefix, className, {
           [`${prefix}-fullscreen`]: innerFullscreen
-        })
-      },
-      headerContent,
-      children
+        }),
+        children: [
+          headerContent,
+          children
+        ]
+      }
     );
   }
 );