@lobehub/ui 1.157.0 → 1.158.0

package/es/ColorScales/ScaleRow.js

@@ -5,8 +5,6 @@ import { memo } from 'react';
 import { Flexbox } from 'react-layout-kit';
 import { copyToClipboard } from "../utils/copyToClipboard";
 import { alphaBg, useStyles } from "./style";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
 var ScaleRow = /*#__PURE__*/memo(function (_ref) {
   var name = _ref.name,
     title = _ref.title,
@@ -39,47 +37,45 @@ var ScaleRow = /*#__PURE__*/memo(function (_ref) {
         break;
       }
   }
-  return /*#__PURE__*/_jsxs(Space, {
-    size: 2,
-    children: [/*#__PURE__*/_jsx("div", {
-      className: styles.scaleRowTitle,
-      children: /*#__PURE__*/_jsx("div", {
-        className: styles.text,
-        children: title
-      })
-    }, title), scale.map(function (color, index) {
-      if (index === 0 || index === 12) return false;
-      return /*#__PURE__*/_jsx("div", {
-        className: styles.scaleBox,
-        onClick: /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-          var content;
-          return _regeneratorRuntime().wrap(function _callee$(_context) {
-            while (1) switch (_context.prev = _context.next) {
-              case 0:
-                content = "token.".concat(name).concat(index).concat(isAlpha ? 'A' : '', " /* ").concat(color, " */");
-                _context.next = 3;
-                return copyToClipboard(content);
-              case 3:
-                message.success(content);
-              case 4:
-              case "end":
-                return _context.stop();
-            }
-          }, _callee);
-        })),
-        style: style,
-        title: color,
-        children: /*#__PURE__*/_jsx(Flexbox, {
-          align: 'center',
-          className: styles.scaleItem,
-          horizontal: true,
-          justify: 'center',
-          style: {
-            backgroundColor: color
+  return /*#__PURE__*/React.createElement(Space, {
+    size: 2
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.scaleRowTitle,
+    key: title
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.text
+  }, title)), scale.map(function (color, index) {
+    if (index === 0 || index === 12) return false;
+    return /*#__PURE__*/React.createElement("div", {
+      className: styles.scaleBox,
+      key: index,
+      onClick: /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+        var content;
+        return _regeneratorRuntime().wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              content = "token.".concat(name).concat(index).concat(isAlpha ? 'A' : '', " /* ").concat(color, " */");
+              _context.next = 3;
+              return copyToClipboard(content);
+            case 3:
+              message.success(content);
+            case 4:
+            case "end":
+              return _context.stop();
           }
-        })
-      }, index);
-    })]
-  });
+        }, _callee);
+      })),
+      style: style,
+      title: color
+    }, /*#__PURE__*/React.createElement(Flexbox, {
+      align: 'center',
+      className: styles.scaleItem,
+      horizontal: true,
+      justify: 'center',
+      style: {
+        backgroundColor: color
+      }
+    }));
+  }));
 });
 export default ScaleRow;

package/es/ColorScales/index.js

@@ -5,74 +5,72 @@ import { memo } from 'react';
 import { Flexbox } from 'react-layout-kit';
 import ScaleRow from "./ScaleRow";
 import { useStyles } from "./style";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
 var ColorScales = /*#__PURE__*/memo(function (_ref) {
   var name = _ref.name,
     scale = _ref.scale,
     midHighLight = _ref.midHighLight;
   var _useStyles = useStyles(),
     styles = _useStyles.styles;
-  return /*#__PURE__*/_jsx(Flexbox, {
+  return /*#__PURE__*/React.createElement(Flexbox, {
     align: 'center',
     flex: 1,
     horizontal: true,
-    justify: 'center',
-    children: /*#__PURE__*/_jsx("div", {
+    justify: 'center'
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      padding: '8px 16px 32px 0'
+    }
+  }, /*#__PURE__*/React.createElement(Space, {
+    direction: 'vertical',
+    size: 2
+  }, /*#__PURE__*/React.createElement(Space, {
+    key: "scale-title",
+    size: 2
+  }, /*#__PURE__*/React.createElement(Flexbox, {
+    align: 'center',
+    className: styles.scaleRowTitle,
+    horizontal: true,
+    key: "scale-num"
+  }), Array.from({
+    length: scale.light.length
+  }).fill('').map(function (_, index) {
+    if (index === 0 || index === 12) return false;
+    var isMidHighlight = midHighLight === index;
+    return /*#__PURE__*/React.createElement("div", {
+      className: styles.scaleBox,
+      key: "num".concat(index)
+    }, /*#__PURE__*/React.createElement("div", {
+      className: styles.scaleBox
+    }, /*#__PURE__*/React.createElement(Flexbox, {
+      align: 'center',
+      className: styles.scaleItem,
+      horizontal: true,
+      justify: 'center',
       style: {
-        padding: '8px 16px 32px 0'
-      },
-      children: /*#__PURE__*/_jsxs(Space, {
-        direction: 'vertical',
-        size: 2,
-        children: [/*#__PURE__*/_jsxs(Space, {
-          size: 2,
-          children: [/*#__PURE__*/_jsx(Flexbox, {
-            align: 'center',
-            className: styles.scaleRowTitle,
-            horizontal: true
-          }, "scale-num"), Array.from({
-            length: scale.light.length
-          }).fill('').map(function (_, index) {
-            if (index === 0 || index === 12) return false;
-            var isMidHighlight = midHighLight === index;
-            return /*#__PURE__*/_jsx("div", {
-              className: styles.scaleBox,
-              children: /*#__PURE__*/_jsx("div", {
-                className: styles.scaleBox,
-                children: /*#__PURE__*/_jsx(Flexbox, {
-                  align: 'center',
-                  className: styles.scaleItem,
-                  horizontal: true,
-                  justify: 'center',
-                  style: {
-                    fontWeight: isMidHighlight ? 700 : 400,
-                    opacity: 0.5
-                  },
-                  children: index
-                })
-              })
-            }, "num".concat(index));
-          })]
-        }, "scale-title"), /*#__PURE__*/_jsx(ScaleRow, {
-          name: name,
-          scale: scale.light,
-          title: "light"
-        }, "light"), /*#__PURE__*/_jsx(ScaleRow, {
-          name: name,
-          scale: scale.lightA,
-          title: "lightA"
-        }, "lightA"), /*#__PURE__*/_jsx(ScaleRow, {
-          name: name,
-          scale: scale.dark,
-          title: "dark"
-        }, "dark"), /*#__PURE__*/_jsx(ScaleRow, {
-          name: name,
-          scale: scale.darkA,
-          title: "darkA"
-        }, "darkA")]
-      })
-    })
-  });
+        fontWeight: isMidHighlight ? 700 : 400,
+        opacity: 0.5
+      }
+    }, index)));
+  })), /*#__PURE__*/React.createElement(ScaleRow, {
+    key: "light",
+    name: name,
+    scale: scale.light,
+    title: "light"
+  }), /*#__PURE__*/React.createElement(ScaleRow, {
+    key: "lightA",
+    name: name,
+    scale: scale.lightA,
+    title: "lightA"
+  }), /*#__PURE__*/React.createElement(ScaleRow, {
+    key: "dark",
+    name: name,
+    scale: scale.dark,
+    title: "dark"
+  }), /*#__PURE__*/React.createElement(ScaleRow, {
+    key: "darkA",
+    name: name,
+    scale: scale.darkA,
+    title: "darkA"
+  }))));
 });
 export default ColorScales;

package/es/ConfigProvider/index.js

@@ -1,14 +1,12 @@
 import { createContext, memo, useContext } from 'react';
 import { genCdnUrl } from "../utils/genCdnUrl";
-import { jsx as _jsx } from "react/jsx-runtime";
 export var ConfigContext = /*#__PURE__*/createContext(null);
 var ConfigProvider = /*#__PURE__*/memo(function (_ref) {
   var children = _ref.children,
     config = _ref.config;
-  return /*#__PURE__*/_jsx(ConfigContext.Provider, {
-    value: config,
-    children: children
-  });
+  return /*#__PURE__*/React.createElement(ConfigContext.Provider, {
+    value: config
+  }, children);
 });
 
 // useCdnFn

package/es/ContextMenu/index.js

@@ -1,11 +1,10 @@
 'use client';
 
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _extends from "@babel/runtime/helpers/esm/extends";
 import { Dropdown } from 'antd';
 import { memo } from 'react';
-import { jsx as _jsx } from "react/jsx-runtime";
 var ContextMenu = /*#__PURE__*/memo(function (props) {
-  return /*#__PURE__*/_jsx(Dropdown, _objectSpread({
+  return /*#__PURE__*/React.createElement(Dropdown, _extends({
     trigger: ['contextMenu']
   }, props));
 });

package/es/CopyButton/index.js

@@ -1,6 +1,6 @@
 'use client';
 
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _extends from "@babel/runtime/helpers/esm/extends";
 import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
@@ -10,7 +10,6 @@ import { memo } from 'react';
 import ActionIcon from "../ActionIcon";
 import { useCopied } from "../hooks/useCopied";
 import { copyToClipboard } from "../utils/copyToClipboard";
-import { jsx as _jsx } from "react/jsx-runtime";
 var CopyButton = /*#__PURE__*/memo(function (_ref) {
   var active = _ref.active,
     content = _ref.content,
@@ -27,12 +26,12 @@ var CopyButton = /*#__PURE__*/memo(function (_ref) {
     copied = _useCopied.copied,
     setCopied = _useCopied.setCopied;
   var Icon = icon || Copy;
-  return /*#__PURE__*/_jsx(ActionIcon, _objectSpread(_objectSpread({
+  return /*#__PURE__*/React.createElement(ActionIcon, _extends({
     glass: glass,
     placement: placement,
     size: size,
     title: 'Copy'
-  }, rest), {}, {
+  }, rest, {
     active: active || copied,
     icon: copied ? Check : Icon,
     onClick: ( /*#__PURE__*/function () {

package/es/DraggablePanel/components/DraggablePanelBody.js

@@ -1,17 +1,16 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["className"];
 import { memo } from 'react';
 import { Flexbox } from 'react-layout-kit';
 import { useStyles } from "./style";
-import { jsx as _jsx } from "react/jsx-runtime";
 var DraggablePanelBody = /*#__PURE__*/memo(function (_ref) {
   var className = _ref.className,
     rest = _objectWithoutProperties(_ref, _excluded);
   var _useStyles = useStyles(),
     cx = _useStyles.cx,
     styles = _useStyles.styles;
-  return /*#__PURE__*/_jsx(Flexbox, _objectSpread({
+  return /*#__PURE__*/React.createElement(Flexbox, _extends({
     className: cx(styles.body, className),
     flex: 1
   }, rest));

package/es/DraggablePanel/components/DraggablePanelContainer.js

@@ -1,17 +1,16 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["className"];
 import { memo } from 'react';
 import { Flexbox } from 'react-layout-kit';
 import { useStyles } from "./style";
-import { jsx as _jsx } from "react/jsx-runtime";
 var DraggablePanelContainer = /*#__PURE__*/memo(function (_ref) {
   var className = _ref.className,
     rest = _objectWithoutProperties(_ref, _excluded);
   var _useStyles = useStyles(),
     cx = _useStyles.cx,
     styles = _useStyles.styles;
-  return /*#__PURE__*/_jsx(Flexbox, _objectSpread({
+  return /*#__PURE__*/React.createElement(Flexbox, _extends({
     className: cx(styles.container, className)
   }, rest));
 });

package/es/DraggablePanel/components/DraggablePanelFooter.js

@@ -1,17 +1,16 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["className"];
 import { memo } from 'react';
 import { Flexbox } from 'react-layout-kit';
 import { useStyles } from "./style";
-import { jsx as _jsx } from "react/jsx-runtime";
 var DraggablePanelFooter = /*#__PURE__*/memo(function (_ref) {
   var className = _ref.className,
     rest = _objectWithoutProperties(_ref, _excluded);
   var _useStyles = useStyles(),
     cx = _useStyles.cx,
     styles = _useStyles.styles;
-  return /*#__PURE__*/_jsx(Flexbox, _objectSpread({
+  return /*#__PURE__*/React.createElement(Flexbox, _extends({
     align: 'center',
     className: cx(styles.footer, className),
     flex: 'none',

package/es/DraggablePanel/components/DraggablePanelHeader.js

@@ -1,4 +1,4 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _extends from "@babel/runtime/helpers/esm/extends";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["pin", "setPin", "className", "setExpand", "title", "position"];
@@ -8,8 +8,6 @@ import { Flexbox } from 'react-layout-kit';
 import useControlledState from 'use-merge-value';
 import ActionIcon from "../../ActionIcon";
 import { useStyles } from "./style";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
 var DraggablePanelHeader = /*#__PURE__*/memo(function (props) {
   var pin = props.pin,
     setPin = props.setPin,
@@ -29,7 +27,7 @@ var DraggablePanelHeader = /*#__PURE__*/memo(function (props) {
     _useControlledState2 = _slicedToArray(_useControlledState, 2),
     isPinned = _useControlledState2[0],
     setIsPinned = _useControlledState2[1];
-  var panelIcon = /*#__PURE__*/_jsx(ActionIcon, {
+  var panelIcon = /*#__PURE__*/React.createElement(ActionIcon, {
     icon: PanelLeft,
     onClick: function onClick() {
       return setExpand === null || setExpand === void 0 ? void 0 : setExpand(false);
@@ -39,7 +37,7 @@ var DraggablePanelHeader = /*#__PURE__*/memo(function (props) {
       fontSize: 14
     }
   });
-  var pinIcon = /*#__PURE__*/_jsx(ActionIcon, {
+  var pinIcon = /*#__PURE__*/React.createElement(ActionIcon, {
     active: pin,
     icon: pin ? Pin : PinOff,
     onClick: function onClick() {
@@ -50,15 +48,13 @@ var DraggablePanelHeader = /*#__PURE__*/memo(function (props) {
       fontSize: 14
     }
   });
-  return /*#__PURE__*/_jsxs(Flexbox, _objectSpread(_objectSpread({
+  return /*#__PURE__*/React.createElement(Flexbox, _extends({
     align: 'center',
     className: cx(styles.header, className),
     flex: 'none',
     gap: 8,
     horizontal: true,
     justify: 'space-between'
-  }, rest), {}, {
-    children: [position === 'left' ? panelIcon : pinIcon, title, position === 'left' ? pinIcon : panelIcon]
-  }));
+  }, rest), position === 'left' ? panelIcon : pinIcon, title, position === 'left' ? pinIcon : panelIcon);
 });
 export default DraggablePanelHeader;

package/es/DraggablePanel/index.js

@@ -1,5 +1,6 @@
 'use client';
 
+import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
@@ -12,8 +13,6 @@ import { Center } from 'react-layout-kit';
 import useControlledState from 'use-merge-value';
 import { useStyles } from "./style";
 import { reversePlacement } from "./utils";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
 var DEFAULT_HEIGHT = 180;
 var DEFAULT_WIDTH = 280;
 var DraggablePanel = /*#__PURE__*/memo(function (_ref) {
@@ -53,8 +52,8 @@ var DraggablePanel = /*#__PURE__*/memo(function (_ref) {
     _ref$classNames = _ref.classNames,
     classNames = _ref$classNames === void 0 ? {} : _ref$classNames,
     dir = _ref.dir;
-  var reference = useRef();
-  var isHovering = useHover(reference);
+  var ref = useRef(null);
+  var isHovering = useHover(ref);
   var isVertical = placement === 'top' || placement === 'bottom';
 
   // inherit direction from Ant Design ConfigProvider
@@ -172,34 +171,31 @@ var DraggablePanel = /*#__PURE__*/memo(function (_ref) {
     }, [styles, internalPlacement]),
     Arrow = _useMemo.Arrow,
     arrowPlacement = _useMemo.className;
-  var handler = /*#__PURE__*/_jsx(Center
+  var handler = /*#__PURE__*/React.createElement(Center
   // @ts-ignore
   , {
     className: cx(styles["toggle".concat(arrowPlacement)], classNames.handle),
     style: {
       opacity: isExpand ? pin ? undefined : 0 : showHandlerWhenUnexpand ? 1 : 0
+    }
+  }, /*#__PURE__*/React.createElement(Center, {
+    onClick: function onClick() {
+      setIsExpand(!isExpand);
     },
-    children: /*#__PURE__*/_jsx(Center, {
-      onClick: function onClick() {
-        setIsExpand(!isExpand);
-      },
-      style: handlerStyle || hanlderStyle,
-      children: /*#__PURE__*/_jsx("div", {
-        className: styles.handlerIcon,
-        style: {
-          transform: "rotate(".concat(isExpand ? 180 : 0, "deg)")
-        },
-        children: /*#__PURE__*/_jsx(Arrow, {
-          size: 16,
-          strokeWidth: 1.5
-        })
-      })
-    })
-  });
+    style: handlerStyle || hanlderStyle
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.handlerIcon,
+    style: {
+      transform: "rotate(".concat(isExpand ? 180 : 0, "deg)")
+    }
+  }, /*#__PURE__*/React.createElement(Arrow, {
+    size: 16,
+    strokeWidth: 1.5
+  }))));
   var inner =
   /*#__PURE__*/
   // @ts-ignore
-  _jsx(Resizable, _objectSpread(_objectSpread({}, sizeProps), {}, {
+  React.createElement(Resizable, _extends({}, sizeProps, {
     className: cx(styles.panel, classNames.content),
     enable: canResizing ? resizing : undefined,
     handleClasses: resizeHandleClassNames,
@@ -223,21 +219,18 @@ var DraggablePanel = /*#__PURE__*/memo(function (_ref) {
     },
     style: _objectSpread({
       transition: isResizing ? 'unset' : undefined
-    }, style),
-    children: children
-  }));
-  if (fullscreen) return /*#__PURE__*/_jsx("div", {
-    className: cx(styles.fullscreen, className),
-    children: children
-  });
-  return /*#__PURE__*/_jsxs("aside", {
+    }, style)
+  }), children);
+  if (fullscreen) return /*#__PURE__*/React.createElement("div", {
+    className: cx(styles.fullscreen, className)
+  }, children);
+  return /*#__PURE__*/React.createElement("aside", {
     className: cx(styles.container,
     // @ts-ignore
     styles[mode === 'fixed' ? 'fixed' : "".concat(internalPlacement, "Float")], className),
     dir: dir,
-    ref: reference,
-    style: isExpand ? _defineProperty({}, "border".concat(arrowPlacement, "Width"), 1) : {},
-    children: [expandable && showExpand && handler, destroyOnClose ? isExpand && inner : inner]
-  });
+    ref: ref,
+    style: isExpand ? _defineProperty({}, "border".concat(arrowPlacement, "Width"), 1) : {}
+  }, expandable && showExpand && handler, destroyOnClose ? isExpand && inner : inner);
 });
 export default DraggablePanel;

package/es/EditableText/index.js

@@ -1,6 +1,6 @@
 'use client';
 
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _extends from "@babel/runtime/helpers/esm/extends";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["value", "showEditIcon", "onChange", "editing", "onEditingChange"];
@@ -10,8 +10,6 @@ import { Flexbox } from 'react-layout-kit';
 import useControlledState from 'use-merge-value';
 import ActionIcon from "../ActionIcon";
 import { ControlInput } from "../components/ControlInput";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
 var EditableText = /*#__PURE__*/memo(function (_ref) {
   var value = _ref.value,
     _ref$showEditIcon = _ref.showEditIcon,
@@ -27,24 +25,23 @@ var EditableText = /*#__PURE__*/memo(function (_ref) {
     _useControlledState2 = _slicedToArray(_useControlledState, 2),
     edited = _useControlledState2[0],
     setEdited = _useControlledState2[1];
-  return edited ? /*#__PURE__*/_jsx(ControlInput, _objectSpread({
+  return edited ? /*#__PURE__*/React.createElement(ControlInput, _extends({
     onChange: onChange,
     onChangeEnd: function onChangeEnd() {
       setEdited(false);
     },
     value: value
-  }, rest)) : /*#__PURE__*/_jsxs(Flexbox, {
+  }, rest)) : /*#__PURE__*/React.createElement(Flexbox, {
     gap: 8,
-    horizontal: true,
-    children: [value, showEditIcon && /*#__PURE__*/_jsx(ActionIcon, {
-      icon: Edit3,
-      onClick: function onClick() {
-        setEdited(!edited);
-      },
-      placement: "right",
-      size: "small",
-      title: 'Edit'
-    })]
-  });
+    horizontal: true
+  }, value, showEditIcon && /*#__PURE__*/React.createElement(ActionIcon, {
+    icon: Edit3,
+    onClick: function onClick() {
+      setEdited(!edited);
+    },
+    placement: "right",
+    size: "small",
+    title: 'Edit'
+  }));
 });
 export default EditableText;