@lobehub/ui 1.157.1 → 1.158.0

package/es/mobile/MobileChatInputArea/index.js

@@ -12,8 +12,6 @@ import { Flexbox } from 'react-layout-kit';
 import ActionIcon from "../../ActionIcon";
 import ChatInputAreaInner from "../../chat/ChatInputArea/ChatInputAreaInner";
 import MobileSafeArea from "../MobileSafeArea";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { jsx as _jsx } from "react/jsx-runtime";
 var useStyles = createStyles(function (_ref) {
   var css = _ref.css,
     token = _ref.token;
@@ -60,91 +58,83 @@ var MobileChatInputArea = /*#__PURE__*/forwardRef(function (_ref2, ref) {
   var InnerContainer = useCallback(function (_ref3) {
     var children = _ref3.children,
       r = _objectWithoutProperties(_ref3, _excluded);
-    return expand ? /*#__PURE__*/_jsxs(Flexbox, {
+    return expand ? /*#__PURE__*/React.createElement(Flexbox, {
       className: styles.inner,
+      gap: 8
+    }, /*#__PURE__*/React.createElement(Flexbox, {
       gap: 8,
-      children: [/*#__PURE__*/_jsxs(Flexbox, {
-        gap: 8,
-        horizontal: true,
-        justify: 'flex-end',
-        children: [r.textAreaLeftAddons, r.textAreaRightAddons]
-      }), children, r.topAddons, r.bottomAddons]
-    }) : /*#__PURE__*/_jsxs(Flexbox, {
+      horizontal: true,
+      justify: 'flex-end'
+    }, r.textAreaLeftAddons, r.textAreaRightAddons), children, r.topAddons, r.bottomAddons) : /*#__PURE__*/React.createElement(Flexbox, {
       align: 'flex-end',
       className: styles.inner,
       gap: 8,
-      horizontal: true,
-      children: [r.textAreaLeftAddons, children, r.textAreaRightAddons]
-    });
+      horizontal: true
+    }, r.textAreaLeftAddons, children, r.textAreaRightAddons);
   }, [expand, loading]);
   var showAddons = !expand && !isFocused;
-  return /*#__PURE__*/_jsxs(Flexbox, {
+  return /*#__PURE__*/React.createElement(Flexbox, {
     className: cx(styles.container, expand && styles.expand, className),
     gap: 12,
-    style: style,
-    children: [topAddons && /*#__PURE__*/_jsx(Flexbox, {
-      style: showAddons ? {} : {
-        display: 'none'
-      },
-      children: topAddons
-    }), /*#__PURE__*/_jsxs(Flexbox, {
-      className: cx(expand && styles.expand),
-      ref: containerRef,
-      style: {
-        position: 'relative'
-      },
-      children: [showFullscreen && /*#__PURE__*/_jsx(ActionIcon, {
-        active: true,
-        className: styles.expandButton,
-        icon: expand ? ChevronDown : ChevronUp,
-        onClick: function onClick() {
-          return setExpand === null || setExpand === void 0 ? void 0 : setExpand(!expand);
-        },
-        size: {
-          blockSize: 24,
-          borderRadius: '50%',
-          fontSize: 14
-        },
-        style: expand ? {
-          top: 6
-        } : {}
-      }), /*#__PURE__*/_jsx(InnerContainer, {
-        bottomAddons: bottomAddons,
-        textAreaLeftAddons: textAreaLeftAddons,
-        textAreaRightAddons: textAreaRightAddons,
-        topAddons: topAddons,
-        children: /*#__PURE__*/_jsx(ChatInputAreaInner, {
-          autoSize: expand ? false : {
-            maxRows: 6,
-            minRows: 0
-          },
-          className: cx(expand && styles.expandTextArea),
-          loading: loading,
-          onBlur: function onBlur() {
-            return setIsFocused(false);
-          },
-          onFocus: function onFocus() {
-            return setIsFocused(true);
-          },
-          onInput: onInput,
-          onSend: onSend,
-          ref: ref,
-          style: {
-            height: 36,
-            paddingBlock: 6
-          },
-          type: expand ? 'pure' : 'block',
-          value: value
-        })
-      })]
-    }), bottomAddons && /*#__PURE__*/_jsx(Flexbox, {
-      style: showAddons ? {} : {
-        display: 'none'
-      },
-      children: bottomAddons
-    }), safeArea && !isFocused && /*#__PURE__*/_jsx(MobileSafeArea, {
-      position: 'bottom'
-    })]
-  });
+    style: style
+  }, topAddons && /*#__PURE__*/React.createElement(Flexbox, {
+    style: showAddons ? {} : {
+      display: 'none'
+    }
+  }, topAddons), /*#__PURE__*/React.createElement(Flexbox, {
+    className: cx(expand && styles.expand),
+    ref: containerRef,
+    style: {
+      position: 'relative'
+    }
+  }, showFullscreen && /*#__PURE__*/React.createElement(ActionIcon, {
+    active: true,
+    className: styles.expandButton,
+    icon: expand ? ChevronDown : ChevronUp,
+    onClick: function onClick() {
+      return setExpand === null || setExpand === void 0 ? void 0 : setExpand(!expand);
+    },
+    size: {
+      blockSize: 24,
+      borderRadius: '50%',
+      fontSize: 14
+    },
+    style: expand ? {
+      top: 6
+    } : {}
+  }), /*#__PURE__*/React.createElement(InnerContainer, {
+    bottomAddons: bottomAddons,
+    textAreaLeftAddons: textAreaLeftAddons,
+    textAreaRightAddons: textAreaRightAddons,
+    topAddons: topAddons
+  }, /*#__PURE__*/React.createElement(ChatInputAreaInner, {
+    autoSize: expand ? false : {
+      maxRows: 6,
+      minRows: 0
+    },
+    className: cx(expand && styles.expandTextArea),
+    loading: loading,
+    onBlur: function onBlur() {
+      return setIsFocused(false);
+    },
+    onFocus: function onFocus() {
+      return setIsFocused(true);
+    },
+    onInput: onInput,
+    onSend: onSend,
+    ref: ref,
+    style: {
+      height: 36,
+      paddingBlock: 6
+    },
+    type: expand ? 'pure' : 'block',
+    value: value
+  }))), bottomAddons && /*#__PURE__*/React.createElement(Flexbox, {
+    style: showAddons ? {} : {
+      display: 'none'
+    }
+  }, bottomAddons), safeArea && !isFocused && /*#__PURE__*/React.createElement(MobileSafeArea, {
+    position: 'bottom'
+  }));
 });
 export default MobileChatInputArea;

package/es/mobile/MobileNavBar/MobileNavBarTitle.js

@@ -3,8 +3,6 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _temp
 import { createStyles } from 'antd-style';
 import { memo } from 'react';
 import { Flexbox } from 'react-layout-kit';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
 var useStyles = createStyles(function (_ref) {
   var css = _ref.css,
     token = _ref.token;
@@ -22,47 +20,38 @@ var MobileNavBarTitle = /*#__PURE__*/memo(function (_ref2) {
     tag = _ref2.tag;
   var _useStyles = useStyles(),
     styles = _useStyles.styles;
-  if (desc) return /*#__PURE__*/_jsxs(Flexbox, {
+  if (desc) return /*#__PURE__*/React.createElement(Flexbox, {
     align: 'center',
     flex: 1,
     gap: 4,
-    justify: 'center',
-    children: [/*#__PURE__*/_jsxs(Flexbox, {
-      align: 'center',
-      className: styles.titleContainer,
-      gap: 4,
-      horizontal: true,
-      children: [/*#__PURE__*/_jsx("div", {
-        className: styles.titleWithDesc,
-        children: title
-      }), tag && /*#__PURE__*/_jsx(Flexbox, {
-        className: styles.tag,
-        horizontal: true,
-        children: tag
-      })]
-    }), /*#__PURE__*/_jsx(Flexbox, {
-      align: 'center',
-      horizontal: true,
-      children: /*#__PURE__*/_jsx("div", {
-        className: styles.desc,
-        children: desc
-      })
-    })]
-  });
-  return /*#__PURE__*/_jsxs(Flexbox, {
+    justify: 'center'
+  }, /*#__PURE__*/React.createElement(Flexbox, {
+    align: 'center',
+    className: styles.titleContainer,
+    gap: 4,
+    horizontal: true
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.titleWithDesc
+  }, title), tag && /*#__PURE__*/React.createElement(Flexbox, {
+    className: styles.tag,
+    horizontal: true
+  }, tag)), /*#__PURE__*/React.createElement(Flexbox, {
+    align: 'center',
+    horizontal: true
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.desc
+  }, desc)));
+  return /*#__PURE__*/React.createElement(Flexbox, {
     align: 'center',
     flex: 1,
     gap: 4,
     horizontal: true,
-    justify: 'center',
-    children: [/*#__PURE__*/_jsx("div", {
-      className: styles.title,
-      children: title
-    }), /*#__PURE__*/_jsx(Flexbox, {
-      className: styles.tag,
-      horizontal: true,
-      children: tag
-    })]
-  });
+    justify: 'center'
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.title
+  }, title), /*#__PURE__*/React.createElement(Flexbox, {
+    className: styles.tag,
+    horizontal: true
+  }, tag));
 });
 export default MobileNavBarTitle;

package/es/mobile/MobileNavBar/index.js

@@ -6,8 +6,6 @@ import { Flexbox } from 'react-layout-kit';
 import ActionIcon from "../../ActionIcon";
 import MobileSafeArea from "../MobileSafeArea";
 import { useStyles } from "./style";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
 var MobileNavBar = /*#__PURE__*/memo(function (_ref) {
   var className = _ref.className,
     _ref$safeArea = _ref.safeArea,
@@ -24,52 +22,47 @@ var MobileNavBar = /*#__PURE__*/memo(function (_ref) {
   var _useStyles = useStyles(),
     styles = _useStyles.styles,
     cx = _useStyles.cx;
-  return /*#__PURE__*/_jsxs(Flexbox, {
+  return /*#__PURE__*/React.createElement(Flexbox, {
     className: cx(styles.container, className),
-    style: style,
-    children: [safeArea && /*#__PURE__*/_jsx(MobileSafeArea, {
-      position: 'top'
-    }), /*#__PURE__*/_jsxs(Flexbox, {
-      align: 'center',
-      className: styles.inner,
-      flex: 1,
-      horizontal: true,
-      justify: 'space-between',
-      children: [/*#__PURE__*/_jsxs(Flexbox, {
-        align: 'center',
-        className: cx(styles.left, classNames === null || classNames === void 0 ? void 0 : classNames.left),
-        flex: 1,
-        gap: gap === null || gap === void 0 ? void 0 : gap.left,
-        horizontal: true,
-        style: contentStyles === null || contentStyles === void 0 ? void 0 : contentStyles.left,
-        children: [showBackButton && /*#__PURE__*/_jsx(ActionIcon, {
-          icon: ChevronLeft,
-          onClick: function onClick() {
-            return onBackClick === null || onBackClick === void 0 ? void 0 : onBackClick();
-          },
-          size: {
-            fontSize: 24
-          }
-        }), left]
-      }), /*#__PURE__*/_jsx(Flexbox, {
-        align: 'center',
-        className: cx(styles.center, classNames === null || classNames === void 0 ? void 0 : classNames.center),
-        flex: 1,
-        gap: gap === null || gap === void 0 ? void 0 : gap.center,
-        horizontal: true,
-        justify: 'center',
-        style: contentStyles === null || contentStyles === void 0 ? void 0 : contentStyles.center,
-        children: center
-      }), /*#__PURE__*/_jsx(Flexbox, {
-        align: 'center',
-        className: cx(styles.right, classNames === null || classNames === void 0 ? void 0 : classNames.right),
-        flex: 1,
-        gap: gap === null || gap === void 0 ? void 0 : gap.right,
-        horizontal: true,
-        style: contentStyles === null || contentStyles === void 0 ? void 0 : contentStyles.right,
-        children: right
-      })]
-    })]
-  });
+    style: style
+  }, safeArea && /*#__PURE__*/React.createElement(MobileSafeArea, {
+    position: 'top'
+  }), /*#__PURE__*/React.createElement(Flexbox, {
+    align: 'center',
+    className: styles.inner,
+    flex: 1,
+    horizontal: true,
+    justify: 'space-between'
+  }, /*#__PURE__*/React.createElement(Flexbox, {
+    align: 'center',
+    className: cx(styles.left, classNames === null || classNames === void 0 ? void 0 : classNames.left),
+    flex: 1,
+    gap: gap === null || gap === void 0 ? void 0 : gap.left,
+    horizontal: true,
+    style: contentStyles === null || contentStyles === void 0 ? void 0 : contentStyles.left
+  }, showBackButton && /*#__PURE__*/React.createElement(ActionIcon, {
+    icon: ChevronLeft,
+    onClick: function onClick() {
+      return onBackClick === null || onBackClick === void 0 ? void 0 : onBackClick();
+    },
+    size: {
+      fontSize: 24
+    }
+  }), left), /*#__PURE__*/React.createElement(Flexbox, {
+    align: 'center',
+    className: cx(styles.center, classNames === null || classNames === void 0 ? void 0 : classNames.center),
+    flex: 1,
+    gap: gap === null || gap === void 0 ? void 0 : gap.center,
+    horizontal: true,
+    justify: 'center',
+    style: contentStyles === null || contentStyles === void 0 ? void 0 : contentStyles.center
+  }, center), /*#__PURE__*/React.createElement(Flexbox, {
+    align: 'center',
+    className: cx(styles.right, classNames === null || classNames === void 0 ? void 0 : classNames.right),
+    flex: 1,
+    gap: gap === null || gap === void 0 ? void 0 : gap.right,
+    horizontal: true,
+    style: contentStyles === null || contentStyles === void 0 ? void 0 : contentStyles.right
+  }, right)));
 });
 export default MobileNavBar;

package/es/mobile/MobileSafeArea/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 _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["position", "className"];
 import React, { memo } from 'react';
 import { useStyles } from "./style";
-import { jsx as _jsx } from "react/jsx-runtime";
 var MobileSafeArea = /*#__PURE__*/memo(function (_ref) {
   var position = _ref.position,
     className = _ref.className,
@@ -13,7 +12,7 @@ var MobileSafeArea = /*#__PURE__*/memo(function (_ref) {
   var _useStyles = useStyles(),
     styles = _useStyles.styles,
     cx = _useStyles.cx;
-  return /*#__PURE__*/_jsx("div", _objectSpread({
+  return /*#__PURE__*/React.createElement("div", _extends({
     className: cx(styles.container, styles[position], className)
   }, rest));
 });

package/es/mobile/MobileTabBar/index.js

@@ -6,8 +6,6 @@ import { Flexbox } from 'react-layout-kit';
 import useControlledState from 'use-merge-value';
 import MobileSafeArea from "../MobileSafeArea";
 import { useStyles } from "./style";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
 var MobileTabBar = /*#__PURE__*/memo(function (_ref) {
   var className = _ref.className,
     safeArea = _ref.safeArea,
@@ -27,40 +25,36 @@ var MobileTabBar = /*#__PURE__*/memo(function (_ref) {
   var _useStyles = useStyles(),
     styles = _useStyles.styles,
     cx = _useStyles.cx;
-  return /*#__PURE__*/_jsxs(Flexbox, {
+  return /*#__PURE__*/React.createElement(Flexbox, {
     className: cx(styles.container, className),
-    style: style,
-    children: [/*#__PURE__*/_jsx(Flexbox, {
+    style: style
+  }, /*#__PURE__*/React.createElement(Flexbox, {
+    align: 'center',
+    className: styles.inner,
+    horizontal: true,
+    justify: 'space-around'
+  }, items.map(function (item) {
+    var active = item.key === currentActive;
+    return /*#__PURE__*/React.createElement(Flexbox, {
       align: 'center',
-      className: styles.inner,
-      horizontal: true,
-      justify: 'space-around',
-      children: items.map(function (item) {
-        var active = item.key === currentActive;
-        return /*#__PURE__*/_jsxs(Flexbox, {
-          align: 'center',
-          className: cx(styles.tab, active && styles.active),
-          gap: 4,
-          justify: 'center',
-          onClick: function onClick() {
-            var _item$onClick;
-            setCurrentActive(item.key);
-            item === null || item === void 0 || (_item$onClick = item.onClick) === null || _item$onClick === void 0 || _item$onClick.call(item);
-          },
-          children: [/*#__PURE__*/_jsx(Flexbox, {
-            align: 'center',
-            className: styles.icon,
-            justify: 'center',
-            children: typeof item.icon === 'function' ? item.icon(active) : item.icon
-          }), /*#__PURE__*/_jsx("div", {
-            className: styles.title,
-            children: typeof item.title === 'function' ? item.title(active) : item.title
-          })]
-        }, item.key);
-      })
-    }), safeArea && /*#__PURE__*/_jsx(MobileSafeArea, {
-      position: 'bottom'
-    })]
-  });
+      className: cx(styles.tab, active && styles.active),
+      gap: 4,
+      justify: 'center',
+      key: item.key,
+      onClick: function onClick() {
+        var _item$onClick;
+        setCurrentActive(item.key);
+        item === null || item === void 0 || (_item$onClick = item.onClick) === null || _item$onClick === void 0 || _item$onClick.call(item);
+      }
+    }, /*#__PURE__*/React.createElement(Flexbox, {
+      align: 'center',
+      className: styles.icon,
+      justify: 'center'
+    }, typeof item.icon === 'function' ? item.icon(active) : item.icon), /*#__PURE__*/React.createElement("div", {
+      className: styles.title
+    }, typeof item.title === 'function' ? item.title(active) : item.title));
+  })), safeArea && /*#__PURE__*/React.createElement(MobileSafeArea, {
+    position: 'bottom'
+  }));
 });
 export default MobileTabBar;

package/es/storybook/StoryBook/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 _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["levaStore", "noPadding", "className", "children"];
 import { useResponsive } from 'antd-style';
@@ -9,8 +9,6 @@ import { memo } from 'react';
 import { Flexbox } from 'react-layout-kit';
 import DraggablePanel from "../../DraggablePanel";
 import { useStyles } from "./style";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
 export var StoryBook = /*#__PURE__*/memo(function (_ref) {
   var levaStore = _ref.levaStore,
     noPadding = _ref.noPadding,
@@ -22,33 +20,28 @@ export var StoryBook = /*#__PURE__*/memo(function (_ref) {
   var _useStyles = useStyles(Boolean(noPadding)),
     styles = _useStyles.styles,
     cx = _useStyles.cx;
-  return /*#__PURE__*/_jsxs(Flexbox, _objectSpread(_objectSpread({
+  return /*#__PURE__*/React.createElement(Flexbox, _extends({
     align: 'stretch',
     className: cx(styles.editor, className),
     horizontal: !mobile,
     justify: 'stretch'
-  }, rest), {}, {
-    children: [/*#__PURE__*/_jsx(Flexbox, {
-      align: 'center',
-      className: styles.left,
-      flex: 1,
-      justify: 'center',
-      children: children
-    }), /*#__PURE__*/_jsx(DraggablePanel, {
-      className: styles.right,
-      minWidth: 280,
-      placement: mobile ? 'bottom' : 'right',
-      children: /*#__PURE__*/_jsxs("div", {
-        className: styles.leva,
-        children: [/*#__PURE__*/_jsx(LevaPanel, {
-          fill: true,
-          flat: true,
-          store: levaStore,
-          titleBar: false
-        }), ' ']
-      })
-    })]
-  }));
+  }, rest), /*#__PURE__*/React.createElement(Flexbox, {
+    align: 'center',
+    className: styles.left,
+    flex: 1,
+    justify: 'center'
+  }, children), /*#__PURE__*/React.createElement(DraggablePanel, {
+    className: styles.right,
+    minWidth: 280,
+    placement: mobile ? 'bottom' : 'right'
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.leva
+  }, /*#__PURE__*/React.createElement(LevaPanel, {
+    fill: true,
+    flat: true,
+    store: levaStore,
+    titleBar: false
+  }), ' ')));
 });
 export default StoryBook;
 export { useControls, useCreateStore } from 'leva';