@lobehub/ui 1.158.1 → 1.160.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.158.1",
+  "version": "1.160.0",
   "description": "Lobe UI is an open-source UI component library for building AIGC web apps",
   "keywords": [
     "lobehub",
@@ -40,51 +40,6 @@
     "storybook.d.ts",
     "storybook.js"
   ],
-  "scripts": {
-    "build": "father build",
-    "build:watch": "father dev",
-    "ci": "npm run lint:circular && npm run lint && npm run type-check",
-    "clean": "rm -r es lib dist coverage .dumi/tmp .eslintcache node_modules/.cache",
-    "dev": "dumi dev",
-    "docs:build": "dumi build",
-    "docs:build-analyze": "ANALYZE=1 dumi build",
-    "docs:dev": "dumi dev",
-    "doctor": "father doctor",
-    "lint": "eslint \"{src,tests}/**/*.{js,jsx,ts,tsx}\" --fix",
-    "lint:circular": "dpdm src/**/*.{ts,tsx}  --warning false  --tree false  --exit-code circular:1  -T true",
-    "lint:md": "remark . --quiet --frail --output",
-    "lint:style": "stylelint \"{src,tests}/**/*.{js,jsx,ts,tsx}\" --fix",
-    "prepare": "husky && npm run setup",
-    "prepublishOnly": "clean-publish",
-    "prettier": "prettier -c --write --no-error-on-unmatched-pattern \"**/**\"",
-    "pull": "git pull",
-    "release": "semantic-release",
-    "setup": "dumi setup",
-    "start": "npm run docs:dev",
-    "test": "vitest --passWithNoTests",
-    "test:coverage": "vitest run --coverage  --passWithNoTests",
-    "test:update": "vitest -u",
-    "type-check": "tsc --noEmit"
-  },
-  "lint-staged": {
-    "*.md": [
-      "remark --quiet --output --",
-      "prettier --write --no-error-on-unmatched-pattern"
-    ],
-    "*.json": [
-      "prettier --write --no-error-on-unmatched-pattern"
-    ],
-    "*.{js,jsx}": [
-      "prettier --write",
-      "stylelint --fix",
-      "eslint --fix"
-    ],
-    "*.{ts,tsx}": [
-      "prettier --parser=typescript --write",
-      "stylelint --fix",
-      "eslint --fix"
-    ]
-  },
   "dependencies": {
     "@babel/runtime": "^7.26.0",
     "@dnd-kit/core": "^6.3.1",
@@ -119,46 +74,6 @@
     "shiki": "^1.26.1",
     "unified": "^10.1.2"
   },
-  "devDependencies": {
-    "@ant-design/icons": "^5.5.2",
-    "@commitlint/cli": "^19.6.1",
-    "@lobehub/lint": "^1.24.4",
-    "@testing-library/react": "^14.3.1",
-    "@types/chroma-js": "^2.4.5",
-    "@types/lodash-es": "^4.17.12",
-    "@types/mdx": "^2.0.13",
-    "@types/numeral": "^2.0.5",
-    "@types/pangu": "^4.0.2",
-    "@types/query-string": "^6.3.0",
-    "@types/react": "^19.0.2",
-    "@types/react-avatar-editor": "^13.0.3",
-    "@types/react-dom": "^19.0.2",
-    "@types/unist": "^3.0.3",
-    "@types/uuid": "^10.0.0",
-    "@vitest/coverage-v8": "~1.2.2",
-    "babel-plugin-antd-style": "^1.0.4",
-    "clean-publish": "^5.1.0",
-    "commitlint": "^19.6.1",
-    "concurrently": "^9.1.2",
-    "cross-env": "^7.0.3",
-    "dpdm": "^3.14.0",
-    "dumi": "^2.4.17",
-    "dumi-theme-lobehub": "^1.10.10",
-    "eslint": "^8.57.1",
-    "father": "^4.5.1",
-    "husky": "^9.1.7",
-    "jsdom": "^25.0.1",
-    "lint-staged": "^15.3.0",
-    "prettier": "^3.4.2",
-    "remark": "^14.0.3",
-    "remark-cli": "^11.0.0",
-    "semantic-release": "^21.1.2",
-    "stylelint": "^15.11.0",
-    "typescript": "^5.7.2",
-    "unist-util-is": "^6.0.0",
-    "unist-util-visit": "^5.0.0",
-    "vitest": "~1.2.2"
-  },
   "peerDependencies": {
     "@ant-design/cssinjs": "^1.22.0",
     "@babel/runtime": "^7.0.0",
@@ -183,9 +98,5 @@
     "url-join": "^5.0.0",
     "use-merge-value": "^1.2.0",
     "uuid": "^11.0.0"
-  },
-  "publishConfig": {
-    "access": "public",
-    "registry": "https://registry.npmjs.org"
   }
 }