✨ feat: Bump v4 [force major]

docs/features/demos/model-icon/Color.tsx

@@ -1,5 +1,5 @@
 import { ModelIcon, modelMappings } from '@lobehub/icons';
-import { Flexbox } from 'react-layout-kit';
+import { Flexbox } from '@lobehub/ui';
 
 export default () => {
   return (

docs/features/demos/model-icon/Mono.tsx

@@ -1,5 +1,5 @@
 import { ModelIcon, modelMappings } from '@lobehub/icons';
-import { Flexbox } from 'react-layout-kit';
+import { Flexbox } from '@lobehub/ui';
 
 export default () => {
   return (

docs/features/demos/model-icon/index.tsx

@@ -1,5 +1,5 @@
 import { ModelIcon, modelMappings } from '@lobehub/icons';
-import { Flexbox } from 'react-layout-kit';
+import { Flexbox } from '@lobehub/ui';
 
 export default () => {
   return (

docs/features/demos/model-tag/index.tsx

@@ -1,5 +1,5 @@
 import { ModelTag, modelMappings } from '@lobehub/icons';
-import { Flexbox } from 'react-layout-kit';
+import { Flexbox } from '@lobehub/ui';
 
 export default () => {
   return (

docs/features/demos/provider-combine/Mono.tsx

@@ -1,5 +1,5 @@
 import { ModelProvider, ProviderCombine } from '@lobehub/icons';
-import { Flexbox } from 'react-layout-kit';
+import { Flexbox } from '@lobehub/ui';
 
 export default () => {
   return (

docs/features/demos/provider-combine/index.tsx

@@ -1,5 +1,5 @@
 import { ModelProvider, ProviderCombine } from '@lobehub/icons';
-import { Flexbox } from 'react-layout-kit';
+import { Flexbox } from '@lobehub/ui';
 
 export default () => {
   return (

docs/features/demos/provider-icon/Avatar.tsx

@@ -1,5 +1,5 @@
 import { ModelProvider, ProviderIcon } from '@lobehub/icons';
-import { Flexbox } from 'react-layout-kit';
+import { Flexbox } from '@lobehub/ui';
 
 export default () => {
   return (

docs/features/demos/provider-icon/Color.tsx

@@ -1,5 +1,5 @@
 import { ModelProvider, ProviderIcon } from '@lobehub/icons';
-import { Flexbox } from 'react-layout-kit';
+import { Flexbox } from '@lobehub/ui';
 
 export default () => {
   return (

docs/features/demos/provider-icon/index.tsx

@@ -1,5 +1,5 @@
 import { ModelProvider, ProviderIcon } from '@lobehub/icons';
-import { Flexbox } from 'react-layout-kit';
+import { Flexbox } from '@lobehub/ui';
 
 export default () => {
   return (

docs/index.tsx

@@ -1,7 +1,6 @@
-import { Snippet } from '@lobehub/ui';
+import { Snippet , Center, Flexbox } from '@lobehub/ui';
 import { Features, FeaturesProps } from '@lobehub/ui/awesome';
 import { Expand, GitPullRequest, Trees } from 'lucide-react';
-import { Center, Flexbox } from 'react-layout-kit';
 
 import Dashboard from '@/components/Dashboard';
 

package.json

@@ -34,7 +34,7 @@
     "build": "npm run build:toc && father build && npm run build:rn",
     "build:rn": "bun run --cwd packages/react-native build",
     "build:static": "tsx scripts/svgWorkflow/index.ts",
-    "build:toc": "tsx scripts/tocWorkflow/index.ts",
+    "build:toc": "bun scripts/tocWorkflow/index.ts",
     "build:watch": "father dev",
     "ci": "npm run lint && npm run type-check",
     "clean": "rm -r es lib dist coverage .dumi/tmp .eslintcache node_modules/.cache",
@@ -85,7 +85,7 @@
     ]
   },
   "dependencies": {
-    "antd-style": "^3.7.1",
+    "antd-style": "^4.0.0",
     "lucide-react": "^0.469.0",
     "polished": "^4.3.1"
   },
@@ -93,9 +93,8 @@
     "@babel/runtime": "^7.28.4",
     "@commitlint/cli": "^19.8.1",
     "@lobehub/lint": "^1.26.3",
-    "@lobehub/ui": "^3.4.5",
+    "@lobehub/ui": "^4.1.2",
     "@testing-library/react": "^16.3.1",
-    "@types/lodash-es": "^4.17.12",
     "@types/pangu": "^4.0.2",
     "@types/react": "^19.2.7",
     "@types/react-dom": "^19.2.3",
@@ -110,6 +109,7 @@
     "dpdm": "^3.14.0",
     "dumi": "^2.4.21",
     "dumi-theme-lobehub": "^4.0.0",
+    "es-toolkit": "^1.43.0",
     "eslint": "^8.57.1",
     "father": "^4.6.11",
     "glob": "^11.1.0",
@@ -117,7 +117,6 @@
     "husky": "^9.1.7",
     "jsdom": "^27.3.0",
     "lint-staged": "^16.2.7",
-    "lodash-es": "^4.17.22",
     "markdown-table": "^3.0.4",
     "multi-semantic-release": "^3.1.0",
     "p-map": "^7.0.4",
@@ -135,7 +134,7 @@
     "vitest": "^3.2.4"
   },
   "peerDependencies": {
-    "@lobehub/ui": "^3.4.5 || ^4.0.0",
+    "@lobehub/ui": "^4.0.0",
     "antd": "^6.1.1",
     "react": "^19.0.0",
     "react-dom": "^19.0.0"
@@ -144,4 +143,4 @@
     "access": "public",
     "registry": "https://registry.npmjs.org"
   }
-}
+}

packages/react-native/package.json

@@ -46,11 +46,10 @@
     "type-check": "tsc --noEmit"
   },
   "dependencies": {
-    "expo-linear-gradient": "^14.1.5",
-    "lodash-es": "^4.17.21"
+    "es-toolkit": "^1.43.0",
+    "expo-linear-gradient": "^14.1.5"
   },
   "devDependencies": {
-    "@types/lodash-es": "^4.17.12",
     "@types/react": "^19.0.0",
     "@types/react-native": "^0.72.0",
     "clean-package": "^2.2.0",

packages/react-native/src/hooks/useFillId.ts

@@ -1,4 +1,4 @@
-import { kebabCase } from 'lodash-es';
+import { kebabCase } from 'es-toolkit';
 import { useMemo } from 'react';
 
 export const useFillId = (namespace: string) => {

scripts/tocWorkflow/utils.ts

@@ -1,4 +1,4 @@
-import { kebabCase } from 'lodash-es';
+import { kebabCase } from 'es-toolkit';
 
 export const customKebabCase = (string: string) => {
   const parts = string.match(/[A-Z]{2,}(?=[A-Z][a-z]+\d*|\b)|[A-Z]?[a-z]+\d*|[A-Z]|\d+/g);

src/components/Dashboard/utils.ts

@@ -1,4 +1,4 @@
-import { kebabCase } from 'lodash-es';
+import { kebabCase } from 'es-toolkit';
 
 export const customKebabCase = (string: string) => {
   const parts = string.match(/[A-Z]{2,}(?=[A-Z][a-z]+\d*|\b)|[A-Z]?[a-z]+\d*|[A-Z]|\d+/g);

src/hooks/useFillId.ts

@@ -1,4 +1,4 @@
-import { kebabCase } from 'lodash-es';
+import { kebabCase } from 'es-toolkit';
 import { useMemo } from 'react';
 
 export const useFillId = (namespace: string) => {