@oceanbase/ui 0.2.19 → 0.2.21

package/es/ContentWithIcon/index.js

@@ -1,6 +1,7 @@
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 var _excluded = ["content", "tooltip", "prefixIcon", "suffixIcon", "className", "children", "iconType", "color", "tooltipWithLink", "popOver", "textHidden", "size", "infoColor", "exclamationColor"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
@@ -12,6 +13,9 @@ import { ExclamationCircleFilled, InfoCircleFilled, InfoCircleOutlined, Question
 import classNames from 'classnames';
 import { getPrefix } from "../_util";
 import "./index.less";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 var prefix = getPrefix('content-with-question');
 var ContentWithIcon = function ContentWithIcon(_ref) {
   var _classNames;
@@ -37,7 +41,7 @@ var ContentWithIcon = function ContentWithIcon(_ref) {
     restProps = _objectWithoutProperties(_ref, _excluded);
   var defaultIconType = function defaultIconType() {
     if (iconType === 'question') {
-      return /*#__PURE__*/React.createElement(QuestionCircleOutlined, {
+      return /*#__PURE__*/_jsx(QuestionCircleOutlined, {
         style: {
           color: color === 'default' ? '#132039' : color,
           fontSize: size
@@ -47,7 +51,7 @@ var ContentWithIcon = function ContentWithIcon(_ref) {
     }
     if (iconType === 'info') {
       if (infoColor) {
-        return /*#__PURE__*/React.createElement(InfoCircleFilled, {
+        return /*#__PURE__*/_jsx(InfoCircleFilled, {
           style: {
             color: infoColor,
             fontSize: size
@@ -55,7 +59,7 @@ var ContentWithIcon = function ContentWithIcon(_ref) {
           className: "".concat(prefix, "-help")
         });
       } else {
-        return /*#__PURE__*/React.createElement(InfoCircleOutlined, {
+        return /*#__PURE__*/_jsx(InfoCircleOutlined, {
           style: {
             color: '3333333',
             fontSize: size
@@ -65,7 +69,7 @@ var ContentWithIcon = function ContentWithIcon(_ref) {
       }
     }
     if (iconType === 'exclamation') {
-      return /*#__PURE__*/React.createElement(ExclamationCircleFilled, {
+      return /*#__PURE__*/_jsx(ExclamationCircleFilled, {
         style: {
           color: exclamationColor,
           fontSize: size
@@ -83,28 +87,40 @@ var ContentWithIcon = function ContentWithIcon(_ref) {
     return iconConfig ? !textHidden && iconType === 'info' ?
     /*#__PURE__*/
     // 文本描述直接展示且只在 info 类型下生效
-    React.createElement(Space, {
-      size: 4
-    }, iconConfig, /*#__PURE__*/React.createElement("span", {
-      style: {
-        color: '#5C6B8A'
-      }
-    }, "\u6587\u672C\u793A\u610F\u4E0D\u8D85\u8FC7\u4E8C\u5341\u5B57\u6587\u672C\u793A\u610F\u4E0D\u8D85\u8FC7\u4E8C\u5341\u5B57")) :
+    _jsxs(Space, {
+      size: 4,
+      children: [iconConfig, /*#__PURE__*/_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__*/React.createElement(Popover, popOver, /*#__PURE__*/isValidElement(iconConfig) ? iconConfig : defaultIconType()) : /*#__PURE__*/React.createElement(Tooltip, tooltip, /*#__PURE__*/isValidElement(iconConfig) ? iconConfig : defaultIconType()) : null;
+    tooltipWithLink ? /*#__PURE__*/_jsx(Popover, _objectSpread(_objectSpread({}, popOver), {}, {
+      children: /*#__PURE__*/isValidElement(iconConfig) ? iconConfig : defaultIconType()
+    })) : /*#__PURE__*/_jsx(Tooltip, _objectSpread(_objectSpread({}, tooltip), {}, {
+      children: /*#__PURE__*/isValidElement(iconConfig) ? iconConfig : defaultIconType()
+    })) : null;
   };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", _extends({
-    className: classNames((_classNames = {}, _defineProperty(_classNames, "".concat(prefix, "-item"), true), _defineProperty(_classNames, className, !!className), _classNames))
-  }, restProps), /*#__PURE__*/React.createElement(Space, {
-    size: 4
-  }, getIcon(
-  //  图标在文字前
-  prefixIcon === true ? defaultIconType() : prefixIcon), /*#__PURE__*/React.createElement("span", {
-    "data-testid": "content",
-    style: {
-      color: color === 'default' ? '#5C6B8A' : color,
-      fontSize: size
-    }
-  }, content !== null && content !== void 0 ? content : children), getIcon(suffixIcon))));
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: /*#__PURE__*/_jsx("span", _objectSpread(_objectSpread({
+      className: classNames((_classNames = {}, _defineProperty(_classNames, "".concat(prefix, "-item"), true), _defineProperty(_classNames, className, !!className), _classNames))
+    }, restProps), {}, {
+      children: /*#__PURE__*/_jsxs(Space, {
+        size: 4,
+        children: [getIcon(
+        //  图标在文字前
+        prefixIcon === true ? defaultIconType() : prefixIcon), /*#__PURE__*/_jsx("span", {
+          "data-testid": "content",
+          style: {
+            color: color === 'default' ? '#5C6B8A' : color,
+            fontSize: size
+          },
+          children: content !== null && content !== void 0 ? content : children
+        }), getIcon(suffixIcon)]
+      })
+    }))
+  });
 };
 export default ContentWithIcon;

package/es/ContentWithIcon/index.less

@@ -17,6 +17,5 @@
   }
   .@{prefix}-color {
     color: red;
-    
   }
 }

package/es/Dialog/Anchor.d.ts

@@ -15,5 +15,5 @@ export declare class Anchor extends React.Component<IAnchorProps> {
     onDragStart: (event: PointerEvent) => void;
     onDragMove: (event: PointerEvent) => void;
     onDragEnd: (event: PointerEvent) => void;
-    render(): React.JSX.Element;
+    render(): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 }

package/es/Dialog/Anchor.js

@@ -17,6 +17,8 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
 import React from 'react';
 import { getPrefix } from "../_util";
 import { EventProxy } from "./EventProxy";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var prefix = getPrefix('dialog');
 export var Anchor = /*#__PURE__*/function (_React$Component) {
   _inherits(Anchor, _React$Component);
@@ -90,14 +92,15 @@ export var Anchor = /*#__PURE__*/function (_React$Component) {
         children = _this$props3.children,
         style = _this$props3.style,
         dock = _this$props3.dock;
-      return /*#__PURE__*/React.createElement("div", {
+      return /*#__PURE__*/_jsxs("div", {
         className: "".concat(prefix, "-anchor"),
         style: _objectSpread(_objectSpread({}, style), dock === null || dock === void 0 ? void 0 : dock.style),
-        onPointerDown: this.onDragStart
-      }, /*#__PURE__*/React.createElement(EventProxy, {
-        onPointerMove: this.onDragMove,
-        onPointerUp: this.onDragEnd
-      }), children);
+        onPointerDown: this.onDragStart,
+        children: [/*#__PURE__*/_jsx(EventProxy, {
+          onPointerMove: this.onDragMove,
+          onPointerUp: this.onDragEnd
+        }), children]
+      });
     }
   }]);
   return Anchor;

package/es/Dialog/EventProxy.d.ts

@@ -1,2 +1,2 @@
 import type { HTMLAttributes } from 'react';
-export declare const EventProxy: (props: HTMLAttributes<HTMLDivElement>) => import("react").JSX.Element;
+export declare const EventProxy: (props: HTMLAttributes<HTMLDivElement>) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

package/es/Dialog/EventProxy.js

@@ -9,7 +9,8 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { isFunction } from 'lodash';
-import { useCallback, useEffect, useMemo } from 'react';
+import React, { useCallback, useEffect, useMemo } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 export var EventProxy = function EventProxy(props) {
   var handlers = useMemo(function () {
     return Object.entries(props).reduce(function (list, _ref) {
@@ -44,7 +45,7 @@ export var EventProxy = function EventProxy(props) {
       unbind();
     };
   }, [bind, unbind]);
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_jsx("div", {
     id: "event-proxy"
   });
 };

package/es/Dialog/index.js

@@ -1,5 +1,4 @@
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
@@ -25,6 +24,8 @@ import { Dock } from "./Dock";
 import { EventProxy } from "./EventProxy";
 import zhCN from "./locale/zh-CN";
 import "./index.less";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var prefix = getPrefix('dialog');
 var DEFAULT_LEFT = 0.1;
 var DEFAULT_TOP = 0.1;
@@ -333,40 +334,45 @@ var DialogComp = /*#__PURE__*/function (_React$PureComponent) {
       } : {}), isEmbed ? {
         cursor: 'initial'
       } : {});
-      return /*#__PURE__*/React.createElement("header", {
+      return /*#__PURE__*/_jsxs("header", {
         className: "".concat(prefix, "-header"),
         style: style,
         onPointerDown: this.onDragStart,
-        onDoubleClick: this.toggleMaximization
-      }, /*#__PURE__*/React.createElement("span", {
-        className: "".concat(prefix, "-title")
-      }, title || locale.helpDocument), this.renderControls());
+        onDoubleClick: this.toggleMaximization,
+        children: [/*#__PURE__*/_jsx("span", {
+          className: "".concat(prefix, "-title"),
+          children: title || locale.helpDocument
+        }), this.renderControls()]
+      });
     }
   }, {
     key: "renderControlLink",
     value: function renderControlLink() {
       var extLink = this.props.extLink;
-      return /*#__PURE__*/React.createElement("span", {
-        className: "".concat(prefix, "-item")
-      }, /*#__PURE__*/React.createElement("a", {
-        className: "".concat(prefix, "-item-link"),
-        href: extLink === null || extLink === void 0 ? void 0 : extLink.link,
-        target: "_blank",
-        rel: "noopener noreferrer"
-      }, /*#__PURE__*/React.createElement("svg", {
-        // t="1679557306532"
-        className: "icon",
-        viewBox: "0 0 1024 1024",
-        version: "1.1",
-        xmlns: "http://www.w3.org/2000/svg"
-        // p-id="2545"
-        ,
-        width: "16",
-        height: "16"
-      }, /*#__PURE__*/React.createElement("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"
-        // p-id="2546"
-      }))));
+      return /*#__PURE__*/_jsx("span", {
+        className: "".concat(prefix, "-item"),
+        children: /*#__PURE__*/_jsx("a", {
+          className: "".concat(prefix, "-item-link"),
+          href: extLink === null || extLink === void 0 ? void 0 : extLink.link,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          children: /*#__PURE__*/_jsx("svg", {
+            // t="1679557306532"
+            className: "icon",
+            viewBox: "0 0 1024 1024",
+            version: "1.1",
+            xmlns: "http://www.w3.org/2000/svg"
+            // p-id="2545"
+            ,
+            width: "16",
+            height: "16",
+            children: /*#__PURE__*/_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"
+              // p-id="2546"
+            })
+          })
+        })
+      });
     }
   }, {
     key: "renderControls",
@@ -378,42 +384,49 @@ var DialogComp = /*#__PURE__*/function (_React$PureComponent) {
         enableMaximization = _this$props6.enableMaximization,
         isEmbed = _this$props6.isEmbed;
       if (isEmbed) {
-        return /*#__PURE__*/React.createElement("span", {
-          className: "".concat(prefix, "-controls")
-        }, this.renderControlLink(), /*#__PURE__*/React.createElement("span", {
-          className: "".concat(prefix, "-item"),
-          onClick: this.onClose
-        }, /*#__PURE__*/React.createElement(CloseOutlined, null)));
+        return /*#__PURE__*/_jsxs("span", {
+          className: "".concat(prefix, "-controls"),
+          children: [this.renderControlLink(), /*#__PURE__*/_jsx("span", {
+            className: "".concat(prefix, "-item"),
+            onClick: this.onClose,
+            children: /*#__PURE__*/_jsx(CloseOutlined, {})
+          })]
+        });
       }
-      return /*#__PURE__*/React.createElement("span", {
-        className: "".concat(prefix, "-controls")
-      }, this.renderControlLink(), /*#__PURE__*/React.createElement("span", {
-        className: "".concat(prefix, "-item"),
-        onClick: this.toggleMinimize
-      }, minimize ? /*#__PURE__*/React.createElement(ExpandAltOutlined, null) : /*#__PURE__*/React.createElement(MinusOutlined, null)), enableMaximization && /*#__PURE__*/React.createElement("span", {
-        className: "".concat(prefix, "-item"),
-        onClick: this.toggleMaximization
-      }, maximization ? /*#__PURE__*/React.createElement(FullscreenExitOutlined, null) : /*#__PURE__*/React.createElement(FullscreenOutlined, null)), /*#__PURE__*/React.createElement("span", {
-        className: "".concat(prefix, "-item"),
-        onClick: this.onClose
-      }, /*#__PURE__*/React.createElement(CloseOutlined, null)));
+      return /*#__PURE__*/_jsxs("span", {
+        className: "".concat(prefix, "-controls"),
+        children: [this.renderControlLink(), /*#__PURE__*/_jsx("span", {
+          className: "".concat(prefix, "-item"),
+          onClick: this.toggleMinimize,
+          children: minimize ? /*#__PURE__*/_jsx(ExpandAltOutlined, {}) : /*#__PURE__*/_jsx(MinusOutlined, {})
+        }), enableMaximization && /*#__PURE__*/_jsx("span", {
+          className: "".concat(prefix, "-item"),
+          onClick: this.toggleMaximization,
+          children: maximization ? /*#__PURE__*/_jsx(FullscreenExitOutlined, {}) : /*#__PURE__*/_jsx(FullscreenOutlined, {})
+        }), /*#__PURE__*/_jsx("span", {
+          className: "".concat(prefix, "-item"),
+          onClick: this.onClose,
+          children: /*#__PURE__*/_jsx(CloseOutlined, {})
+        })]
+      });
     }
   }, {
     key: "renderContent",
     value: function renderContent() {
       var children = this.props.children;
-      return /*#__PURE__*/React.createElement("main", {
+      return /*#__PURE__*/_jsxs("main", {
         className: "".concat(prefix, "-main"),
         style: this.state.minimize ? {
           visibility: 'hidden'
-        } : {}
-      }, this.renderMask(), children);
+        } : {},
+        children: [this.renderMask(), children]
+      });
     }
   }, {
     key: "renderMask",
     value: function renderMask() {
       if (!this.hasMask) return;
-      return /*#__PURE__*/React.createElement("div", {
+      return /*#__PURE__*/_jsx("div", {
         className: "".concat(prefix, "-mask")
       });
     }
@@ -479,17 +492,21 @@ var DialogComp = /*#__PURE__*/function (_React$PureComponent) {
       var _this$props8 = this.props,
         className = _this$props8.className,
         isEmbed = _this$props8.isEmbed;
-      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", _extends({
-        className: "".concat(prefix, "-container ").concat(className, " ").concat(isEmbed ? "".concat(prefix, "-container-embed") : ''),
-        style: style
-      }, this.state.minimize ? {} : {
-        tabIndex: 0
-      }), this.renderHeader(), this.renderContent(), isEmbed ? this.renderEmbedBorders() : this.renderBorders(), /*#__PURE__*/React.createElement(EventProxy, {
-        onPointerMove: this.onDragMove,
-        onPointerUp: this.onDragEnd
-      }), /*#__PURE__*/React.createElement(EventProxy, {
-        onPointerUp: this.detectPointUp
-      })));
+      return /*#__PURE__*/_jsx(React.Fragment, {
+        children: /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread({
+          className: "".concat(prefix, "-container ").concat(className, " ").concat(isEmbed ? "".concat(prefix, "-container-embed") : ''),
+          style: style
+        }, this.state.minimize ? {} : {
+          tabIndex: 0
+        }), {}, {
+          children: [this.renderHeader(), this.renderContent(), isEmbed ? this.renderEmbedBorders() : this.renderBorders(), /*#__PURE__*/_jsx(EventProxy, {
+            onPointerMove: this.onDragMove,
+            onPointerUp: this.onDragEnd
+          }), /*#__PURE__*/_jsx(EventProxy, {
+            onPointerUp: this.detectPointUp
+          })]
+        }))
+      });
     }
   }, {
     key: "checkSize",
@@ -526,57 +543,61 @@ var DialogComp = /*#__PURE__*/function (_React$PureComponent) {
   }, {
     key: "renderEmbedBorders",
     value: function renderEmbedBorders() {
-      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Anchor, {
-        dock: Dock.left,
-        onStart: this.onResizeStart,
-        onMove: this.onResizeMove,
-        onEnd: this.onResizeEnd
-      }));
+      return /*#__PURE__*/_jsx(React.Fragment, {
+        children: /*#__PURE__*/_jsx(Anchor, {
+          dock: Dock.left,
+          onStart: this.onResizeStart,
+          onMove: this.onResizeMove,
+          onEnd: this.onResizeEnd
+        })
+      });
     }
   }, {
     key: "renderBorders",
     value: function renderBorders() {
-      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Anchor, {
-        dock: Dock.top,
-        onStart: this.onResizeStart,
-        onMove: this.onResizeMove,
-        onEnd: this.onResizeEnd
-      }), /*#__PURE__*/React.createElement(Anchor, {
-        dock: Dock.right,
-        onStart: this.onResizeStart,
-        onMove: this.onResizeMove,
-        onEnd: this.onResizeEnd
-      }), /*#__PURE__*/React.createElement(Anchor, {
-        dock: Dock.bottom,
-        onStart: this.onResizeStart,
-        onMove: this.onResizeMove,
-        onEnd: this.onResizeEnd
-      }), /*#__PURE__*/React.createElement(Anchor, {
-        dock: Dock.left,
-        onStart: this.onResizeStart,
-        onMove: this.onResizeMove,
-        onEnd: this.onResizeEnd
-      }), /*#__PURE__*/React.createElement(Anchor, {
-        dock: Dock.topLeft,
-        onStart: this.onResizeStart,
-        onMove: this.onResizeMove,
-        onEnd: this.onResizeEnd
-      }), /*#__PURE__*/React.createElement(Anchor, {
-        dock: Dock.topRight,
-        onStart: this.onResizeStart,
-        onMove: this.onResizeMove,
-        onEnd: this.onResizeEnd
-      }), /*#__PURE__*/React.createElement(Anchor, {
-        dock: Dock.bottomLeft,
-        onStart: this.onResizeStart,
-        onMove: this.onResizeMove,
-        onEnd: this.onResizeEnd
-      }), /*#__PURE__*/React.createElement(Anchor, {
-        dock: Dock.bottomRight,
-        onStart: this.onResizeStart,
-        onMove: this.onResizeMove,
-        onEnd: this.onResizeEnd
-      }));
+      return /*#__PURE__*/_jsxs(React.Fragment, {
+        children: [/*#__PURE__*/_jsx(Anchor, {
+          dock: Dock.top,
+          onStart: this.onResizeStart,
+          onMove: this.onResizeMove,
+          onEnd: this.onResizeEnd
+        }), /*#__PURE__*/_jsx(Anchor, {
+          dock: Dock.right,
+          onStart: this.onResizeStart,
+          onMove: this.onResizeMove,
+          onEnd: this.onResizeEnd
+        }), /*#__PURE__*/_jsx(Anchor, {
+          dock: Dock.bottom,
+          onStart: this.onResizeStart,
+          onMove: this.onResizeMove,
+          onEnd: this.onResizeEnd
+        }), /*#__PURE__*/_jsx(Anchor, {
+          dock: Dock.left,
+          onStart: this.onResizeStart,
+          onMove: this.onResizeMove,
+          onEnd: this.onResizeEnd
+        }), /*#__PURE__*/_jsx(Anchor, {
+          dock: Dock.topLeft,
+          onStart: this.onResizeStart,
+          onMove: this.onResizeMove,
+          onEnd: this.onResizeEnd
+        }), /*#__PURE__*/_jsx(Anchor, {
+          dock: Dock.topRight,
+          onStart: this.onResizeStart,
+          onMove: this.onResizeMove,
+          onEnd: this.onResizeEnd
+        }), /*#__PURE__*/_jsx(Anchor, {
+          dock: Dock.bottomLeft,
+          onStart: this.onResizeStart,
+          onMove: this.onResizeMove,
+          onEnd: this.onResizeEnd
+        }), /*#__PURE__*/_jsx(Anchor, {
+          dock: Dock.bottomRight,
+          onStart: this.onResizeStart,
+          onMove: this.onResizeMove,
+          onEnd: this.onResizeEnd
+        })]
+      });
     }
   }, {
     key: "render",
@@ -585,7 +606,7 @@ var DialogComp = /*#__PURE__*/function (_React$PureComponent) {
         visible = _this$props9.visible,
         isEmbed = _this$props9.isEmbed;
       // 嵌入模式通过style控制显隐
-      if (!visible && !isEmbed) return /*#__PURE__*/React.createElement(React.Fragment, null);
+      if (!visible && !isEmbed) return /*#__PURE__*/_jsx(React.Fragment, {});
       return /*#__PURE__*/createPortal(this.renderDialog(), DialogComp.container);
     }
   }], [{

package/es/Dialog/index.less

@@ -19,7 +19,9 @@
   background-color: rgba(65, 74, 77, 1);
   border-radius: 8px;
   box-shadow: @boxShadowSecondary;
-  transition: visibility 0.2s ease-in-out, opacity 0.2s linear;
+  transition:
+    visibility 0.2s ease-in-out,
+    opacity 0.2s linear;
   @header: 52px;
   @footer: 40px;
   @radius: 1px;

package/es/DocDialog/index.d.ts

@@ -14,7 +14,7 @@ export interface IDocDialogProps extends LocaleWrapperProps {
     docUrls?: Record<string, string>;
     embedConfig?: IDialogConfig;
     normalConfig?: IDialogConfig;
-    normalModeWidth?: string;
+    normalModeWidth?: number;
     defautTop?: number;
     visible: boolean;
     setRootWidth: (newWidth: string) => void;

package/es/DocDialog/index.js

@@ -15,6 +15,7 @@ import React, { useEffect, useMemo, useState } from 'react';
 import Dialog from "../Dialog";
 import LocaleWrapper from "../locale/LocaleWrapper";
 import zhCN from "./locale/zh-CN";
+import { jsx as _jsx } from "react/jsx-runtime";
 var DEFAULT_EMBDED_WIDTH = 0.4;
 var MAX_EMBED_WIDTH = 0.5;
 var MIN_EMBED_WIDTH = 0.3;
@@ -104,9 +105,13 @@ var DocDialogComp = function DocDialogComp(props) {
     }
     return result;
   }, [defautTop, className, embedConfig, normalConfig, normalModeWidth, currentLink, title, clientWidth, clientHeight, visible, setRootWidth, setVisible]);
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Dialog, DialogProps, /*#__PURE__*/React.createElement("iframe", {
-    src: currentLink
-  })));
+  return /*#__PURE__*/_jsx("div", {
+    children: /*#__PURE__*/_jsx(Dialog, _objectSpread(_objectSpread({}, DialogProps), {}, {
+      children: /*#__PURE__*/_jsx("iframe", {
+        src: currentLink
+      })
+    }))
+  });
 };
 export default LocaleWrapper({
   componentName: 'DocDialog',

package/es/FullscreenBox/index.d.ts

@@ -4,7 +4,7 @@ import type { LocaleWrapperProps } from '../locale/LocaleWrapper';
 import './index.less';
 export type FullscreenModeType = 'viewport' | 'browser';
 export interface FullscreenBoxRef {
-    changeFullscreen: () => void;
+    changeFullscreen: (fullscreen: boolean) => void;
 }
 export interface FullscreenBoxProps extends LocaleWrapperProps {
     /**

package/es/FullscreenBox/index.js

@@ -17,6 +17,8 @@ import { getPrefix } from "../_util";
 import zhCN from "./locale/zh-CN";
 // @ts-ignore
 import "./index.less";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var prefix = getPrefix('fullscreen-box');
 var FullscreenBox = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var style = _ref.style,
@@ -44,8 +46,7 @@ var FullscreenBox = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
    * 处理全屏模式切换完成后动作
    */
   var handleFullscreenChange = function handleFullscreenChange() {
-    var _ref2 = screenFull,
-      isFullscreen = _ref2.isFullscreen;
+    var isFullscreen = screenFull.isFullscreen;
     setInnerFullscreen(function () {
       return isFullscreen;
     });
@@ -98,10 +99,10 @@ var FullscreenBox = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       }
     };
   });
-  var icon = innerFullscreen ? /*#__PURE__*/React.createElement(FullscreenExitOutlined, {
+  var icon = innerFullscreen ? /*#__PURE__*/_jsx(FullscreenExitOutlined, {
     className: "".concat(prefix, "-header-icon"),
     onClick: toggleFullscreen
-  }) : /*#__PURE__*/React.createElement(FullscreenOutlined, {
+  }) : /*#__PURE__*/_jsx(FullscreenOutlined, {
     className: "".concat(prefix, "-header-icon"),
     onClick: toggleFullscreen
   });
@@ -122,22 +123,27 @@ var FullscreenBox = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   } else {
     var title = isStringHeader ? header : isComplexHeader && header.title;
     var extra = isComplexHeader && header.extra;
-    headerContent = /*#__PURE__*/React.createElement("div", {
+    headerContent = /*#__PURE__*/_jsxs("div", {
       className: "".concat(prefix, "-header"),
-      "data-testid": "header"
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "".concat(prefix, "-header-left")
-    }, icon, title && /*#__PURE__*/React.createElement("span", {
-      className: "".concat(prefix, "-header-title ")
-    }, title)), isComplexHeader && extra && /*#__PURE__*/React.createElement("div", {
-      className: "".concat(prefix, "-header-extra")
-    }, extra));
+      "data-testid": "header",
+      children: [/*#__PURE__*/_jsxs("div", {
+        className: "".concat(prefix, "-header-left"),
+        children: [icon, title && /*#__PURE__*/_jsx("span", {
+          className: "".concat(prefix, "-header-title "),
+          children: title
+        })]
+      }), isComplexHeader && extra && /*#__PURE__*/_jsx("div", {
+        className: "".concat(prefix, "-header-extra"),
+        children: extra
+      })]
+    });
   }
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_jsxs("div", {
     ref: containerRef,
     style: style,
-    className: classnames(prefix, className, _defineProperty({}, "".concat(prefix, "-fullscreen"), innerFullscreen))
-  }, headerContent, children);
+    className: classnames(prefix, className, _defineProperty({}, "".concat(prefix, "-fullscreen"), innerFullscreen)),
+    children: [headerContent, children]
+  });
 });
 export default LocaleWrapper({
   componentName: 'FullscreenBox',