@lobehub/ui 1.159.0 → 1.161.0

package/es/mobile/MobileNavBar/MobileNavBarTitle.js

@@ -3,6 +3,8 @@ 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;
@@ -20,38 +22,47 @@ var MobileNavBarTitle = /*#__PURE__*/memo(function (_ref2) {
     tag = _ref2.tag;
   var _useStyles = useStyles(),
     styles = _useStyles.styles;
-  if (desc) return /*#__PURE__*/React.createElement(Flexbox, {
+  if (desc) return /*#__PURE__*/_jsxs(Flexbox, {
     align: 'center',
     flex: 1,
     gap: 4,
-    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, {
+    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, {
     align: 'center',
     flex: 1,
     gap: 4,
     horizontal: true,
-    justify: 'center'
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles.title
-  }, title), /*#__PURE__*/React.createElement(Flexbox, {
-    className: styles.tag,
-    horizontal: true
-  }, tag));
+    justify: 'center',
+    children: [/*#__PURE__*/_jsx("div", {
+      className: styles.title,
+      children: title
+    }), /*#__PURE__*/_jsx(Flexbox, {
+      className: styles.tag,
+      horizontal: true,
+      children: tag
+    })]
+  });
 });
 export default MobileNavBarTitle;

package/es/mobile/MobileNavBar/index.js

@@ -6,6 +6,8 @@ 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,
@@ -22,47 +24,52 @@ var MobileNavBar = /*#__PURE__*/memo(function (_ref) {
   var _useStyles = useStyles(),
     styles = _useStyles.styles,
     cx = _useStyles.cx;
-  return /*#__PURE__*/React.createElement(Flexbox, {
+  return /*#__PURE__*/_jsxs(Flexbox, {
     className: cx(styles.container, className),
-    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)));
+    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
+      })]
+    })]
+  });
 });
 export default MobileNavBar;

package/es/mobile/MobileSafeArea/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 _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,
@@ -12,7 +13,7 @@ var MobileSafeArea = /*#__PURE__*/memo(function (_ref) {
   var _useStyles = useStyles(),
     styles = _useStyles.styles,
     cx = _useStyles.cx;
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/_jsx("div", _objectSpread({
     className: cx(styles.container, styles[position], className)
   }, rest));
 });

package/es/mobile/MobileTabBar/index.js

@@ -6,6 +6,8 @@ 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,
@@ -25,36 +27,40 @@ var MobileTabBar = /*#__PURE__*/memo(function (_ref) {
   var _useStyles = useStyles(),
     styles = _useStyles.styles,
     cx = _useStyles.cx;
-  return /*#__PURE__*/React.createElement(Flexbox, {
+  return /*#__PURE__*/_jsxs(Flexbox, {
     className: cx(styles.container, className),
-    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, {
+    style: style,
+    children: [/*#__PURE__*/_jsx(Flexbox, {
       align: 'center',
-      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'
-  }));
+      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'
+    })]
+  });
 });
 export default MobileTabBar;

package/es/storybook/StoryBook/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 _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["levaStore", "noPadding", "className", "children"];
 import { useResponsive } from 'antd-style';
@@ -9,6 +9,8 @@ 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,
@@ -20,28 +22,33 @@ export var StoryBook = /*#__PURE__*/memo(function (_ref) {
   var _useStyles = useStyles(Boolean(noPadding)),
     styles = _useStyles.styles,
     cx = _useStyles.cx;
-  return /*#__PURE__*/React.createElement(Flexbox, _extends({
+  return /*#__PURE__*/_jsxs(Flexbox, _objectSpread(_objectSpread({
     align: 'stretch',
     className: cx(styles.editor, className),
     horizontal: !mobile,
     justify: 'stretch'
-  }, 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
-  }), ' ')));
+  }, 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
+        }), ' ']
+      })
+    })]
+  }));
 });
 export default StoryBook;
 export { useControls, useCreateStore } from 'leva';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/ui",
-  "version": "1.159.0",
+  "version": "1.161.0",
   "description": "Lobe UI is an open-source UI component library for building AIGC web apps",
   "keywords": [
     "lobehub",
@@ -41,6 +41,7 @@
     "storybook.js"
   ],
   "dependencies": {
+    "@ant-design/cssinjs": "^1.22.0",
     "@babel/runtime": "^7.26.0",
     "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/modifiers": "^8.0.0",
@@ -50,19 +51,32 @@
     "@emoji-mart/react": "^1.1.1",
     "@floating-ui/react": "^0.26.28",
     "@giscus/react": "^3.1.0",
+    "@lobehub/fluent-emoji": "^1.0.0",
     "@mdx-js/mdx": "^2.3.0",
     "@mdx-js/react": "^2.3.0",
     "@radix-ui/react-slot": "^1.1.1",
     "@shikijs/transformers": "^1.26.1",
+    "@splinetool/runtime": "^0.9.0",
+    "ahooks": "^3.8.0",
+    "antd-style": "^3.7.0",
+    "chroma-js": "^3.0.0",
+    "class-variance-authority": "^0.7.0",
+    "dayjs": "^1.11.0",
     "emoji-mart": "^5.6.0",
+    "fast-deep-equal": "^3.0.0",
     "immer": "^10.1.1",
     "leva": "^0.9.35",
+    "lodash-es": "^4.0.0",
+    "lucide-react": "^0.469.0",
     "mermaid": "^11.4.1",
     "numeral": "^2.0.6",
+    "polished": "^4.0.0",
+    "query-string": "^9.0.0",
     "rc-footer": "^0.6.8",
     "re-resizable": "^6.10.3",
     "react-avatar-editor": "^13.0.2",
     "react-error-boundary": "^4.1.2",
+    "react-layout-kit": "^1.0.0",
     "react-markdown": "^8.0.7",
     "react-merge-refs": "^2.1.1",
     "react-rnd": "^10.4.14",
@@ -72,31 +86,16 @@
     "remark-gfm": "^3.0.1",
     "remark-math": "^5.1.1",
     "shiki": "^1.26.1",
-    "unified": "^10.1.2"
-  },
-  "peerDependencies": {
-    "@ant-design/cssinjs": "^1.22.0",
-    "@babel/runtime": "^7.0.0",
-    "@lobehub/fluent-emoji": "^1.0.0",
-    "@splinetool/runtime": "^0.9.0",
-    "ahooks": "^3.8.0",
-    "antd": "^5.22.0",
-    "antd-style": "^3.7.0",
-    "chroma-js": "^3.0.0",
-    "class-variance-authority": "^0.7.0",
-    "dayjs": "^1.11.0",
-    "fast-deep-equal": "^3.0.0",
-    "lodash-es": "^4.0.0",
-    "lucide-react": "^0.400.0",
-    "polished": "^4.0.0",
-    "query-string": "^9.0.0",
-    "react": "^18.0.0 || ^19.0.0",
-    "react-dom": "^18.0.0 || ^19.0.0",
-    "react-layout-kit": "^1.0.0",
     "swr": "^2.3.0",
     "ts-md5": "^1.0.0",
+    "unified": "^10.1.2",
     "url-join": "^5.0.0",
     "use-merge-value": "^1.2.0",
     "uuid": "^11.0.0"
+  },
+  "peerDependencies": {
+    "antd": "^5.23.0",
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
   }
 }