@lobehub/ui 1.158.1 → 1.160.0

package/es/ColorScales/ScaleRow.js

@@ -5,6 +5,8 @@ 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,
@@ -37,45 +39,47 @@ var ScaleRow = /*#__PURE__*/memo(function (_ref) {
         break;
       }
   }
-  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();
+  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
           }
-        }, _callee);
-      })),
-      style: style,
-      title: color
-    }, /*#__PURE__*/React.createElement(Flexbox, {
-      align: 'center',
-      className: styles.scaleItem,
-      horizontal: true,
-      justify: 'center',
-      style: {
-        backgroundColor: color
-      }
-    }));
-  }));
+        })
+      }, index);
+    })]
+  });
 });
 export default ScaleRow;

package/es/ColorScales/index.js

@@ -5,72 +5,74 @@ 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__*/React.createElement(Flexbox, {
+  return /*#__PURE__*/_jsx(Flexbox, {
     align: 'center',
     flex: 1,
     horizontal: true,
-    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',
+    justify: 'center',
+    children: /*#__PURE__*/_jsx("div", {
       style: {
-        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"
-  }))));
+        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")]
+      })
+    })
+  });
 });
 export default ColorScales;

package/es/ConfigProvider/index.js

@@ -1,12 +1,14 @@
 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__*/React.createElement(ConfigContext.Provider, {
-    value: config
-  }, children);
+  return /*#__PURE__*/_jsx(ConfigContext.Provider, {
+    value: config,
+    children: children
+  });
 });
 
 // useCdnFn

package/es/ContextMenu/index.js

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

package/es/CopyButton/index.js

@@ -1,6 +1,6 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 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,6 +10,7 @@ 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,
@@ -26,12 +27,12 @@ var CopyButton = /*#__PURE__*/memo(function (_ref) {
     copied = _useCopied.copied,
     setCopied = _useCopied.setCopied;
   var Icon = icon || Copy;
-  return /*#__PURE__*/React.createElement(ActionIcon, _extends({
+  return /*#__PURE__*/_jsx(ActionIcon, _objectSpread(_objectSpread({
     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,16 +1,17 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 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__*/React.createElement(Flexbox, _extends({
+  return /*#__PURE__*/_jsx(Flexbox, _objectSpread({
     className: cx(styles.body, className),
     flex: 1
   }, rest));

package/es/DraggablePanel/components/DraggablePanelContainer.js

@@ -1,16 +1,17 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 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__*/React.createElement(Flexbox, _extends({
+  return /*#__PURE__*/_jsx(Flexbox, _objectSpread({
     className: cx(styles.container, className)
   }, rest));
 });

package/es/DraggablePanel/components/DraggablePanelFooter.js

@@ -1,16 +1,17 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 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__*/React.createElement(Flexbox, _extends({
+  return /*#__PURE__*/_jsx(Flexbox, _objectSpread({
     align: 'center',
     className: cx(styles.footer, className),
     flex: 'none',

package/es/DraggablePanel/components/DraggablePanelHeader.js

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

package/es/DraggablePanel/index.js

@@ -1,6 +1,5 @@
 '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";
@@ -13,6 +12,8 @@ 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) {
@@ -171,31 +172,34 @@ var DraggablePanel = /*#__PURE__*/memo(function (_ref) {
     }, [styles, internalPlacement]),
     Arrow = _useMemo.Arrow,
     arrowPlacement = _useMemo.className;
-  var handler = /*#__PURE__*/React.createElement(Center
+  var handler = /*#__PURE__*/_jsx(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);
     },
-    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
-  }))));
+    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
+        })
+      })
+    })
+  });
   var inner =
   /*#__PURE__*/
   // @ts-ignore
-  React.createElement(Resizable, _extends({}, sizeProps, {
+  _jsx(Resizable, _objectSpread(_objectSpread({}, sizeProps), {}, {
     className: cx(styles.panel, classNames.content),
     enable: canResizing ? resizing : undefined,
     handleClasses: resizeHandleClassNames,
@@ -219,18 +223,21 @@ var DraggablePanel = /*#__PURE__*/memo(function (_ref) {
     },
     style: _objectSpread({
       transition: isResizing ? 'unset' : undefined
-    }, style)
-  }), children);
-  if (fullscreen) return /*#__PURE__*/React.createElement("div", {
-    className: cx(styles.fullscreen, className)
-  }, children);
-  return /*#__PURE__*/React.createElement("aside", {
+    }, style),
+    children: children
+  }));
+  if (fullscreen) return /*#__PURE__*/_jsx("div", {
+    className: cx(styles.fullscreen, className),
+    children: children
+  });
+  return /*#__PURE__*/_jsxs("aside", {
     className: cx(styles.container,
     // @ts-ignore
     styles[mode === 'fixed' ? 'fixed' : "".concat(internalPlacement, "Float")], className),
     dir: dir,
     ref: ref,
-    style: isExpand ? _defineProperty({}, "border".concat(arrowPlacement, "Width"), 1) : {}
-  }, expandable && showExpand && handler, destroyOnClose ? isExpand && inner : inner);
+    style: isExpand ? _defineProperty({}, "border".concat(arrowPlacement, "Width"), 1) : {},
+    children: [expandable && showExpand && handler, destroyOnClose ? isExpand && inner : inner]
+  });
 });
 export default DraggablePanel;

package/es/EditableText/index.js

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